.ap-preview{--ap-accent:var(--site-accent,#007e79);--ap-rule:var(--site-border,#cadbd7);margin:32px 0}.ap-request{display:flex;flex-wrap:wrap;gap:12px 24px;border-block:1px solid var(--ap-rule);padding:18px 0;margin-bottom:32px;font-size:13px}.ap-request strong{color:var(--ap-accent)}.ap-diagram{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);gap:24px 38px;align-items:start}.ap-card{grid-column:2;grid-row:1/4;border:1px solid var(--ap-rule);border-radius:8px;padding:24px;background:var(--site-surface,#fff);min-width:0}.ap-card .card-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:24px}.ap-card .profile{display:flex;align-items:center;gap:14px}.ap-card .profile>svg{width:42px;height:42px;flex-shrink:0;color:var(--ap-accent)}.network-copy .ap-card h2{font-size:24px;margin:0 0 8px}.network-copy .ap-card .profile p{font-size:13px;margin:0}.network-copy .ap-card .proposal{font-size:14px;margin:24px 0}.ap-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;border-block:1px solid var(--ap-rule);padding:24px 0}.ap-signals a{display:flex;position:relative;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--ap-accent);text-decoration:none;font-size:12px;line-height:1.4}.ap-signals svg{width:28px;height:28px}.ap-number{font-size:10px;font-weight:600}.ap-signals a:hover span{text-decoration:underline}.ap-signals a:focus-visible,.ap-note a:focus-visible{outline:2px solid var(--ap-accent);outline-offset:5px}.ap-card .terms{padding:24px 0 8px}.network-copy .ap-card .terms h3{font-size:14px;margin:0 0 8px}.network-copy .ap-card .terms p{font-size:14px;margin:0 0 20px}.network-copy .ap-card .limits{font-size:12px;line-height:1.6;padding:16px;background:var(--site-soft,#edf6f3);margin:0}.ap-note{grid-row:var(--note-row);padding:16px 0;position:relative}.ap-left{grid-column:1}.ap-right{grid-column:3}.network-copy .ap-note h4{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--ap-accent)}.ap-note h4 span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--ap-accent);border-radius:50%;margin-right:8px;font-size:11px}.network-copy .ap-note p{font-size:13px;line-height:1.65;margin:0 0 12px}.ap-note a{font-size:11px;color:var(--ap-accent)}.ap-note:target{background:var(--site-soft,#edf6f3)}.ap-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;color:var(--ap-accent)}.ap-lines path{stroke:currentColor;stroke-width:1;fill:none;opacity:.55}.ap-lines circle{fill:currentColor}.ap-card,.ap-note{z-index:1}.ap-lines{z-index:2}
@media(max-width:1000px){.ap-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ap-card{grid-column:1/-1;grid-row:1}.ap-note{grid-row:auto;grid-column:auto}.ap-lines{display:none}.ap-signals{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-note{border-top:1px solid var(--ap-rule)}}@media(max-width:540px){.ap-diagram{grid-template-columns:minmax(0,1fr)}.ap-card{padding:18px}.ap-request{flex-direction:column;gap:8px}.network-copy .ap-card h2{font-size:22px}}
@media(min-width:1001px){.ap-note:nth-of-type(1),.ap-note:nth-of-type(4){grid-row:1}.ap-note:nth-of-type(2),.ap-note:nth-of-type(5){grid-row:2}.ap-note:nth-of-type(3),.ap-note:nth-of-type(6){grid-row:3}}
/* Give each signal a direct, unobstructed connection to its own side note. */
@media(min-width:1001px){
  .ap-diagram{display:block;padding-inline:calc((100% - 76px) / 4.4 + 38px)}
  .ap-card{position:relative}
  .ap-signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:12px 0}
  .ap-signals a{min-height:180px;justify-content:flex-start;padding-top:24px}
  .ap-signals a:nth-child(1){grid-area:1/1}.ap-signals a:nth-child(2){grid-area:2/1}.ap-signals a:nth-child(3){grid-area:3/1}
  .ap-signals a:nth-child(4){grid-area:1/2}.ap-signals a:nth-child(5){grid-area:2/2}.ap-signals a:nth-child(6){grid-area:3/2}
  .ap-signals a:nth-child(-n+3){align-items:flex-start;text-align:left}
  .ap-signals a:nth-child(n+4){align-items:flex-end;text-align:right}
  .ap-signals a span{max-width:18ch}
  .ap-note{position:absolute;width:calc((100% - 76px) / 4.4);padding:0}
  .ap-left{left:0}.ap-right{right:0}
  .ap-lines path{opacity:.75;stroke-width:1.25}
}
@media(min-width:1001px){
.ap-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 16px;padding:86px 0}
.ap-signals a{min-height:0!important;padding:0;align-items:center!important;text-align:center!important}
.ap-signals a:nth-child(1){grid-area:1/3}.ap-signals a:nth-child(2){grid-area:1/2}.ap-signals a:nth-child(3){grid-area:1/1}
.ap-signals a:nth-child(4){grid-area:2/1}.ap-signals a:nth-child(5){grid-area:2/2}.ap-signals a:nth-child(6){grid-area:2/3}
}
.ap-note.ap-active h4{ text-decoration:underline;text-underline-offset:5px}.ap-lines path{stroke-width:1.5;opacity:1}
@media(min-width:1001px){.ap-signals a:nth-child(1){grid-area:1/1}.ap-signals a:nth-child(3){grid-area:1/3}}
/* Compact numbered signals: annotations do not need connector routing. */
.ap-lines{display:none!important}
.ap-note.ap-active h4{text-decoration:none}
@media(min-width:1001px){
.ap-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;padding:20px 0}
.ap-signals a{gap:7px}
.ap-diagram{display:grid;padding-inline:0;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);gap:24px 38px}
.ap-note{position:static;width:auto;top:auto!important}
.ap-card{grid-column:2;grid-row:1/4}
.ap-left{grid-column:1}.ap-right{grid-column:3}
.ap-note:nth-of-type(1),.ap-note:nth-of-type(4){grid-row:1}
.ap-note:nth-of-type(2),.ap-note:nth-of-type(5){grid-row:2}
.ap-note:nth-of-type(3),.ap-note:nth-of-type(6){grid-row:3}
}
.ap-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;line-height:1}
/* Highlight in place, without anchor scrolling or layout shifts. */
.ap-note{padding:18px!important;border:2px solid transparent;border-radius:8px;box-sizing:border-box}
.ap-note:target{background:transparent}
.ap-note.ap-selected{background:var(--site-soft,#edf6f3);border-color:var(--ap-accent);box-shadow:inset 5px 0 0 var(--ap-accent)}
.ap-note.ap-selected h4{color:var(--ap-accent);font-weight:700}
.ap-signals a.ap-selected{background:var(--site-soft,#edf6f3);outline:2px solid var(--ap-accent);outline-offset:5px;border-radius:3px}
.ap-note>a{display:none}