@layer components{.info-content>.architecture-page{grid-column:1/-1}.architecture-page{background:var(--surface-page);min-width:0}.architecture-index{border-bottom:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.architecture-index a{letter-spacing:.04em;text-align:center;text-transform:uppercase;place-items:center;min-height:3.5rem;padding:.75rem;font-size:.78rem;font-weight:900;text-decoration:none;display:grid}.architecture-index a+a{border-left:var(--border)}.architecture-index a:nth-child(n+5){border-top:var(--border)}.architecture-index a:nth-child(4n+1){border-left:0}.architecture-index a:hover{background:var(--surface-highlight)}.architecture-section{padding:clamp(2.5rem, 6vw, 6rem) var(--gutter);border-bottom:var(--border);scroll-margin-top:1rem}.architecture-section__header{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.65fr);align-items:end;gap:1rem clamp(2rem,6vw,7rem);margin-bottom:clamp(2rem,5vw,4.5rem);display:grid}.architecture-section__header h2{letter-spacing:-.04em;max-width:14ch;font-size:clamp(3.6rem,7vw,6rem);line-height:.9}.architecture-section__header>p:last-child{max-width:42rem;margin:0;font-size:1rem;font-weight:700;line-height:1.55}.architecture-section--inverse{background:var(--surface-inverse);color:var(--text-on-inverse)}.architecture-section--accent{background:var(--surface-accent);color:var(--text-on-accent)}.architecture-section--highlight{background:var(--surface-highlight);color:var(--text-on-highlight)}.architecture-sources h3,.architecture-pressure>div>h3{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1rem;font-size:1rem}.architecture-sources ul{border:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 2rem;padding:0;list-style:none;display:grid}.architecture-sources li{align-content:center;gap:.45rem;min-height:8rem;padding:1rem;display:grid}.architecture-sources li+li{border-left:var(--border)}.architecture-sources li:nth-child(4){border-left:0}.architecture-sources li:nth-child(n+4){border-top:var(--border)}.architecture-sources strong,.architecture-flow h3,.architecture-branches h3,.architecture-sequence strong,.architecture-states h3,.architecture-public-flow h3,.architecture-pressure h3,.architecture-next h2{font-family:var(--display);letter-spacing:-.035em}.architecture-sources span{font-size:1rem;line-height:1.4}.architecture-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.architecture-flow li{background:var(--surface-panel);border:var(--border);grid-template-rows:auto 1fr;min-height:17rem;display:grid;position:relative}.architecture-flow li>span{background:var(--surface-highlight);border-bottom:var(--border);font-family:var(--display);padding:.65rem}.architecture-flow li>div{padding:1rem}.architecture-flow h3,.architecture-flow p,.architecture-branches h3,.architecture-branches p,.architecture-public-flow h3,.architecture-public-flow p,.architecture-pressure h3,.architecture-pressure p{margin:0}.architecture-flow h3{font-size:1rem;line-height:1}.architecture-flow p{margin-top:.85rem;font-size:1rem;line-height:1.5}.architecture-branches{border:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;display:grid}.architecture-branches article{padding:1.25rem}.architecture-branches article+article{border-left:var(--border)}.architecture-branches h3{font-size:1rem}.architecture-branches p{margin-top:.75rem;font-size:1rem;line-height:1.45}.architecture-sequence{border-top:var(--border);margin:0;padding:0;list-style:none}.architecture-sequence li{border-bottom:var(--border);grid-template-columns:3.5rem minmax(9rem,.35fr) minmax(0,1fr);align-items:baseline;display:grid}.architecture-sequence li>*{margin:0;padding:1rem}.architecture-sequence li>*+*{border-left:var(--border)}.architecture-sequence span{font-family:var(--display)}.architecture-sequence p{line-height:1.5}.architecture-states{border:var(--border);border-color:currentColor;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.architecture-states article{padding:1.5rem}.architecture-states article+article{border-left:var(--border);border-color:currentColor}.architecture-states h3{margin:0;font-size:1rem}.architecture-states ol{margin:1.5rem 0 0;padding-left:1.25rem}.architecture-states li+li{margin-top:.75rem}.architecture-table-wrap{border:var(--border);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-x:auto}.architecture-table-wrap:focus-visible{outline:3px solid var(--focus-inner);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-outer)}.architecture-table-wrap table{border-collapse:collapse;width:100%;min-width:48rem}.architecture-table-wrap th,.architecture-table-wrap td{text-align:left;vertical-align:top;border-bottom:2px solid;border-left:2px solid;padding:1rem;line-height:1.45}.architecture-table-wrap tr>:first-child{border-left:0}.architecture-table-wrap tbody tr:last-child>*{border-bottom:0}.architecture-table-wrap thead th{background:var(--surface-inverse);color:var(--text-on-inverse);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.architecture-section--accent .architecture-table-wrap thead th{background:var(--surface-page);color:var(--text-primary)}.architecture-public-flow{border:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.architecture-public-flow li{grid-template-columns:3rem minmax(0,1fr);min-height:9rem;display:grid}.architecture-public-flow li:not(:nth-child(3n+1)){border-left:var(--border)}.architecture-public-flow li:nth-child(n+4){border-top:var(--border)}.architecture-public-flow li>span{background:var(--surface-highlight);border-right:var(--border);font-family:var(--display);place-items:center;display:grid}.architecture-public-flow li>div{padding:1rem}.architecture-public-flow h3{font-size:1rem}.architecture-public-flow p{margin-top:.55rem;font-size:1rem;line-height:1.45}.architecture-media-flow{border:var(--border);border-color:currentColor;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.architecture-media-flow li{grid-template-columns:3rem minmax(0,1fr);min-height:10rem;display:grid}.architecture-media-flow li:not(:nth-child(3n+1)){border-left:var(--border);border-color:currentColor}.architecture-media-flow li:nth-child(n+4){border-top:var(--border);border-color:currentColor}.architecture-media-flow li>span{border-right:var(--border);font-family:var(--display);border-color:currentColor;place-items:center;display:grid}.architecture-media-flow li>div{padding:1rem}.architecture-media-flow h3,.architecture-media-flow p,.architecture-media-rule{margin:0}.architecture-media-flow h3{font-family:var(--display);letter-spacing:-.035em;font-size:1rem}.architecture-media-flow p{margin-top:.6rem;line-height:1.5}.architecture-media-rule{border:var(--border);border-color:currentColor;border-top-style:none;border-top-width:0;padding:1rem;font-size:1rem;line-height:1.5}.architecture-pressure{border:var(--border);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.6fr);display:grid}.architecture-pressure>ol,.architecture-pressure>div{margin:0;padding:1.5rem}.architecture-pressure>div{border-left:var(--border)}.architecture-pressure ol{list-style:decimal-leading-zero}.architecture-pressure ol li+li{margin-top:1.5rem}.architecture-pressure p,.architecture-pressure li{line-height:1.5}.architecture-pressure h3{font-size:1rem}.architecture-pressure p{margin-top:.45rem}.architecture-pressure ul{margin:0;padding-left:1.25rem}.architecture-pressure ul li+li{margin-top:.85rem}.architecture-next{padding:clamp(3rem, 7vw, 7rem) var(--gutter);background:var(--surface-brand);color:var(--text-on-brand);border-bottom:var(--border);grid-template-columns:minmax(0,1fr) minmax(18rem,.5fr);align-items:end;gap:2rem;display:grid}.architecture-next p,.architecture-next h2{margin:0}.architecture-next h2{max-width:12ch;margin-top:.75rem;font-size:clamp(3.6rem,7vw,6rem);line-height:.9}.architecture-next nav{border:var(--border);border-color:var(--text-on-brand);display:grid}.architecture-next a{min-height:3.5rem;color:inherit;align-items:center;padding:.75rem 1rem;font-weight:900;display:flex}.architecture-next a+a{border-top:var(--border);border-color:var(--text-on-brand)}@media (width<=980px){.architecture-section__header,.architecture-next,.architecture-pressure{grid-template-columns:1fr}.architecture-sources ul,.architecture-states,.architecture-public-flow,.architecture-media-flow,.architecture-branches,.architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-sources li:nth-child(odd),.architecture-states article:nth-child(odd),.architecture-branches article:nth-child(odd){border-left:0}.architecture-sources li:nth-child(n+3),.architecture-states article:nth-child(n+3),.architecture-branches article:nth-child(n+3){border-top:var(--border)}.architecture-public-flow li:not(:nth-child(3n+1)),.architecture-media-flow li:not(:nth-child(3n+1)){border-left:0}.architecture-media-flow li:nth-child(2n){border-left:var(--border);border-color:currentColor}.architecture-media-flow li:nth-child(n+3){border-top:var(--border);border-color:currentColor}.architecture-public-flow li:nth-child(2n){border-left:var(--border)}.architecture-public-flow li:nth-child(n+3){border-top:var(--border)}.architecture-pressure>div{border-top:var(--border);border-left:0}}@media (width<=700px){.architecture-index{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-index a:nth-child(n+3){border-top:var(--border)}.architecture-index a:nth-child(odd){border-left:0}.architecture-section{padding:2.5rem var(--gutter)}.architecture-section__header{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.architecture-sources ul,.architecture-states,.architecture-public-flow,.architecture-media-flow,.architecture-branches,.architecture-flow{grid-template-columns:1fr}.architecture-flow li{min-height:0}.architecture-sources li,.architecture-states article,.architecture-public-flow li,.architecture-media-flow li,.architecture-branches article{border-left:0!important}.architecture-sources li+li,.architecture-states article+article,.architecture-public-flow li+li,.architecture-media-flow li+li,.architecture-branches article+article{border-top:var(--border)}.architecture-sequence li{grid-template-columns:3rem minmax(0,1fr)}.architecture-sequence li>p{border-left:var(--border);grid-column:2;padding-top:0}.architecture-next{padding:3rem var(--gutter)}}}
