/* Shared components. Each face/geometry is defined here once. */
.document-head,.content-index-head{display:grid;gap:var(--space-flow);padding:var(--space-section) var(--inset);border-bottom:var(--border-width) solid var(--border-color)}
.document-head>*,.content-index-head>*{margin-block:0}
.breadcrumb{color:var(--muted);font-size:var(--ui);margin-bottom:var(--space-group)}
.document-head>.breadcrumb,.content-index-head>.breadcrumb{margin:0 0 var(--space-sm)}
.document-head>p:last-child,.content-index-head>p:last-child{margin-bottom:0;color:var(--muted)}
.document-section,.tool-section{display:grid;gap:var(--space-flow);padding:var(--space-section) var(--inset);border-bottom:var(--border-width) solid var(--border-color)}
.document-section>*,.tool-section>*{margin-block:0;min-width:0}
.section-label>span{flex-shrink:0;white-space:nowrap}
.control-status-row>.notice{flex:1 1 240px;min-width:0;margin:0}.control-status-bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.control-status-bar>#status{flex:1 1 180px;min-width:0;margin:0;padding:0;border:0;background:transparent}.control-status-bar>output{margin-left:auto;white-space:nowrap;font-size:var(--ui)}.tool-export-row.control-status-row{flex-direction:row;align-items:center;flex-wrap:wrap}.control-status-row>.tool-actions{margin-left:auto;flex-shrink:0}.control-status-row .atlas-btn-shadow{margin-right:4px}
.tool-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-flow)}.tool-related-card{display:flex;border:var(--border-width) solid var(--border-color);min-width:0;color:var(--ink);text-decoration:none}.tool-related-preview{aspect-ratio:1;flex:0 0 auto;position:relative;align-self:stretch;background:var(--surface)}.tool-related-preview>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.tool-related-card>div{flex:1;display:flex;flex-direction:column;min-width:0;gap:var(--space-xs);padding:var(--space-sm)}.tool-related-card h3{margin:0;font-size:var(--ui);line-height:1.35}.tool-related-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-related-card .eyebrow{font-size:10px}.tool-related-card .record-arrow{margin-top:auto;align-self:flex-end;font-size:var(--ui)}.tool-related-card:where(:hover,:focus-visible){background:var(--hover);outline:1px solid var(--blue);outline-offset:-1px}@media(max-width:760px){.tool-related-grid{grid-template-columns:1fr}}
.atlas-ref-num{flex:0 0 auto;white-space:nowrap}.atlas-ref-row-link>.atlas-ref-body{min-width:0}
.comp-body>ul{margin:0;padding-left:18px}.comp-body>ul>li+li{margin-top:var(--space-sm)}.card>h3.eyebrow{padding-bottom:var(--space-sm);border-bottom:var(--border-width) solid var(--border-color)}
.project-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));border:var(--border-width) solid var(--border-color);margin-top:var(--space-flow)}.project-metrics>div{padding:var(--space-md)}.project-metrics>div+div{border-left:var(--border-width) solid var(--border-color)}.project-metrics dt{font-size:20px;font-weight:600}.project-metrics dd{margin:0;font-size:var(--ui);color:var(--muted)}@media(max-width:760px){.project-metrics{grid-template-columns:1fr}.project-metrics>div+div{border-left:0;border-top:var(--border-width) solid var(--border-color)}}
.resource-platform>output{margin-left:auto;padding:0;border:0;background:transparent;font-size:var(--meta);color:var(--muted);white-space:nowrap}
.vfx-grid+.vfx-controls{margin-top:var(--space-flow)}
.guide-table-wrap{max-width:100%;overflow-x:auto}
.section-label{display:flex;gap:var(--space-flow);align-items:baseline;padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color);margin:0}
.section-label>span,.section-label em{font-size:var(--meta);color:var(--muted);font-style:normal}.section-label h2{font-size:14px;text-transform:uppercase;margin:0}.section-label em{margin-left:auto}
.atlas-btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:6px 16px;border:1px solid transparent;background:var(--blue);color:#fff;font:var(--ui)/1.4 var(--font);text-decoration:none;text-align:center;cursor:pointer}
.atlas-btn:where(:not(:disabled)):hover,.button:where(:not(:disabled)):hover{background:#0000cc}.atlas-btn:where(:not(:disabled)):active,.button:where(:not(:disabled)):active{background:#000088}
.atlas-btn--quiet,.button--quiet{background:var(--surface);border-color:var(--strong);color:var(--blue)}
.atlas-btn--quiet:where(:not(:disabled)):hover,.button--quiet:where(:not(:disabled)):hover{background:var(--hover)}
.atlas-btn:disabled,button:disabled{background:var(--surface);color:var(--muted);border-color:var(--line);cursor:default}
.tool-support-button{background:var(--yellow);color:var(--ink)}.tool-support-button:hover{background:#f2cf00}
.tool-support-note{margin-bottom:var(--space-flow)}
.atlas-btn-shadow{display:inline-flex;position:relative;isolation:isolate;margin:0 4px 4px 0}.atlas-btn-shadow::after{content:'';position:absolute;inset:4px -4px -4px 4px;z-index:-1;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0/4px 4px}.atlas-btn-shadow:has(:disabled)::after{content:none}
.atlas-btn-shadow>:is(.button--quiet,.atlas-btn--quiet):where(:not(:disabled)):where(:hover,:focus-visible){background:var(--quiet-hover);color:var(--blue)}.atlas-btn-shadow>:is(.button--quiet,.atlas-btn--quiet):where(:not(:disabled)):active{background:var(--paper)}
.atlas-btn-shadow>:is(.button,.atlas-btn):not(:disabled):active{transform:translate(4px,4px)}
input[type=checkbox],input[type=radio]{accent-color:var(--blue)}
.submenu-link{display:block;padding:var(--space-sm) var(--space-md);border-left:2px solid transparent;color:var(--ink);text-decoration:none;font-size:var(--ui)}.submenu-link:where(:hover,:focus-visible),.submenu-link[aria-current]{color:var(--blue);border-left-color:var(--blue);background:var(--selected)}
.atlas-code-block{margin:0;background:var(--surface)}.token.comment{color:var(--muted)}.token.keyword{color:var(--blue);font-weight:600}.token.number{color:#8b3600}.token.function{color:#5d287d}
.comparison-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:var(--border-width) solid var(--border-color);gap:0;background:var(--surface)}.comparison-matrix::before{content:'[ COMPARISON // DATA_MATRIX ]';grid-column:1/-1;padding:var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--meta);color:var(--muted);background:var(--paper)}.comp-col{padding:var(--space-flow);min-width:0}.comp-col+.comp-col{border-left:var(--border-width) dashed var(--border-color)}.comp-col>.comp-label{display:block;margin:0 0 var(--space-sm);font-size:var(--ui);font-weight:700;letter-spacing:.04em}.comp-body{font-size:var(--ui);line-height:1.6}
.atlas-math-block{padding:var(--space-flow);border:var(--border-width) solid var(--border-color);overflow:auto;background:var(--surface)}.atlas-math-block math{font-size:20px}
.atlas-uml-diag{border:var(--border-width) solid var(--border-color);background:var(--surface);overflow:auto}.atlas-uml-diag__header{background:var(--ink);color:var(--surface);padding:var(--space-xs) var(--space-md);font-size:var(--meta)}.atlas-uml-diag svg{display:block;width:100%;min-width:540px}.atlas-uml-diag text{font:12px var(--font);fill:var(--ink)}.diagram-scope{fill:none;stroke:var(--border-color);stroke-width:var(--border-width);vector-effect:non-scaling-stroke;stroke-dasharray:5 4}.diagram-node rect{fill:var(--body-tint);stroke:var(--border-color);stroke-width:var(--border-width);vector-effect:non-scaling-stroke}.diagram-edge path{fill:none;stroke:var(--ink);marker-end:url(#guide-flow-arrow)}.atlas-uml-diag marker path{fill:var(--ink)}
.atlas-table-frame--solid{border:var(--border-width) solid var(--border-color);background:var(--surface)}.atlas-table-frame--solid>.atlas-table-header-solid{padding:var(--space-xs) var(--space-md);background:var(--paper);color:#101010;border-bottom:var(--border-width) solid var(--border-color);font-size:var(--meta);font-weight:400;line-height:1.6;letter-spacing:.05em}.atlas-table-frame--solid .atlas-table{width:100%;font-size:var(--ui);line-height:1.5}.atlas-table caption{text-align:left;padding:var(--space-md);color:var(--muted);font-size:var(--meta)}.atlas-table :is(th,td){padding:var(--space-md);border:0;border-bottom:var(--border-width) solid var(--border-color)}.atlas-table thead th{border-bottom:var(--border-width) solid var(--border-color);background:var(--paper)}.atlas-table tbody th{font-weight:500}.atlas-table tbody tr:nth-child(even){background:var(--body-tint)}.atlas-table tbody tr:last-child>*{border-bottom:0}
.article-passport .passport-heading{font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin:0;padding:var(--space-group) var(--inset);text-transform:uppercase}.catalog-example>.article-passport{border:var(--border-width) solid var(--border-color)}
.atlas-uml-diag__header{color:var(--muted);background:var(--paper);padding:var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--meta);font-weight:400;line-height:1.6}
@media(max-width:760px){.comparison-matrix{grid-template-columns:1fr}.comp-col+.comp-col{border-left:0;border-top:var(--border-width) dashed var(--border-color)}}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud a{border:var(--border-width) solid var(--border-color);padding:2px 4px;font-size:var(--meta);text-decoration:none}
.tag-cloud a:where(:hover,:focus-visible){color:var(--blue);background:var(--hover);border-color:#0000aa55}
.card-grid,.tool-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card,.tool-catalog-card{position:relative;display:flex;flex-direction:column;gap:12px;border:var(--border-width) solid var(--border-color);padding:22px;min-width:0;color:var(--ink);text-decoration:none}
.card h3,.tool-catalog-card h3{margin:0}.card p,.tool-catalog-card p{margin:0}.card img{width:100%;aspect-ratio:16/10;object-fit:contain}
.card a::after,.tool-catalog-card a::after{content:'';position:absolute;inset:0}.card a,.tool-catalog-card a{color:var(--ink);text-decoration:none}.card:has(a:hover),.tool-catalog-card:has(a:hover),a.tool-catalog-card:hover{border-color:var(--blue)}
.card:has(a:focus-visible),.tool-catalog-card:has(a:focus-visible),a.tool-catalog-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.record-list{list-style:none;padding:0;margin:0;border-top:var(--border-width) solid var(--border-color)}.record-list li{border-bottom:var(--border-width) solid var(--border-color);margin:0}.record-list a{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:12px 4px;color:var(--ink);text-decoration:none}.record-list a:hover{background:var(--hover)}
.eyebrow,figcaption{font-size:var(--meta);color:var(--muted)}figcaption{margin-top:8px}
input,select{min-height:36px;max-width:100%;padding:8px;border:var(--border-width) solid var(--border-color);background:var(--surface);color:var(--ink);font-size:var(--ui)}
input[type=file]{width:100%}label{display:flex;flex-direction:column;gap:6px;font-size:var(--ui)}
.checker{background:repeating-conic-gradient(#d4cec7 0 25%,#eee7df 0 50%) 0/20px 20px;min-height:240px;display:grid;place-items:center;overflow:auto}.checker canvas{object-fit:contain;width:auto;height:auto;max-height:400px}.checker:has(canvas[width="1"])::before{content:'Awaiting source frames';font-size:var(--meta);color:var(--muted)}
.notice,#status{padding:var(--space-md);border-left:2px solid var(--blue);background:#00000004;font-size:var(--ui)}
.gumroad-shelf__slide{color:var(--ink);text-decoration:none}
a.gumroad-shelf__slide:hover strong{color:var(--blue)}
.gumroad-shelf{padding:var(--space-md);border:var(--border-width) solid var(--border-color);background:var(--surface)}
.gumroad-shelf__viewport{display:grid;overflow:hidden}
.gumroad-shelf__viewport>.gumroad-shelf__slide{grid-area:1/1;display:flex;flex-direction:column;min-width:0}
.gumroad-shelf__viewport>.gumroad-shelf__slide[hidden]{display:flex;visibility:hidden;pointer-events:none}
.button--outline{padding:6px 10px;color:var(--blue);border-color:#0000aa33;background:transparent;font-size:var(--label)}
.button--outline:hover,.button--outline:focus-visible{color:var(--blue);border-color:var(--blue);background:var(--hover)}
.gumroad-shelf__action{align-self:flex-start;margin-top:auto}
.action-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-md)}
.control-form{display:grid;gap:var(--space-flow)}.control-form>*{margin:0}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-flow)}.field-grid>*{min-width:0}
.range-scale{position:relative;display:block;height:32px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10%);background-size:100% 6px;background-repeat:no-repeat;background-position:center}
.range-scale::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--strong);pointer-events:none}
.range-scale input{position:relative;display:block;appearance:none;width:100%;height:32px;min-height:0;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.range-scale input::-webkit-slider-runnable-track{height:1px;background:transparent}.range-scale input::-moz-range-track{height:1px;background:transparent}
.range-scale input::-webkit-slider-thumb{appearance:none;width:6px;height:18px;margin-top:-9px;border:1px solid var(--ink);background:var(--blue);border-radius:0}
.range-scale input::-moz-range-thumb{width:6px;height:18px;border:1px solid var(--ink);background:var(--blue);border-radius:0}
input:disabled{color:var(--muted);background:#00000004;cursor:default}
.notice--warning{border-color:#806000}.notice--error{border-color:#8b0000}
.empty-state{padding:var(--space-group);border:var(--border-width) dashed var(--border-color)}.empty-state h3{margin-bottom:var(--space-sm)}.empty-state p{margin:0;color:var(--muted)}
.prose-sample{max-width:var(--reading-measure)}.prose-sample p{margin-bottom:var(--space-flow)}.prose-sample>:last-child{margin-bottom:0}
.filter-chip{min-height:32px;padding:4px 8px;border:1px solid transparent;background:transparent;color:var(--ink);font:var(--ui)/1.4 var(--font);cursor:pointer}
.filter-chip:where(:not(:disabled)):where(:hover,:focus-visible){color:var(--blue);background:var(--hover)}
.filter-chip[aria-pressed="true"]{color:var(--blue);border-color:var(--blue);background:var(--selected)}
.filter-chip:disabled{color:var(--muted);border-color:var(--line);background:transparent;cursor:not-allowed}
.filter-chip small{font-size:var(--meta);margin-left:4px}
.resource-list{border-top:var(--border-width) solid var(--border-color)}
.resource-record{display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:start;gap:var(--space-flow);padding:var(--space-flow) 0;border-bottom:var(--border-width) solid var(--border-color);color:var(--ink);text-decoration:none}
.resource-record:hover{background:var(--hover)}
.resource-record>img,.resource-placeholder{display:block;width:128px;height:96px;object-fit:cover;background:#00000004}
.resource-copy{display:grid;gap:var(--space-sm);min-width:0}.resource-copy h3{font-size:14px;margin:0}.resource-copy p{font-size:var(--ui);margin:0}.resource-tags{font-size:var(--meta);color:var(--muted)}.resource-open{font-size:var(--meta);color:var(--blue);padding-top:2px;white-space:nowrap}
.gumroad-shelf__slide img{width:100%;height:112px;object-fit:contain}.gumroad-shelf__slide strong{display:block;font-size:var(--ui);margin:8px 0}.gumroad-shelf__slide>span{display:block;margin-bottom:12px;font-size:var(--ui);color:var(--muted)}.gumroad-shelf__slide em{display:flex;justify-content:space-between;font-size:var(--meta);font-style:normal}.gumroad-shelf__nav{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.gumroad-shelf__nav button{min-height:32px;min-width:32px;border:var(--border-width) solid var(--border-color);background:var(--surface);color:var(--blue)}
@media(max-width:760px){.card-grid,.tool-catalog-grid,.field-grid{grid-template-columns:1fr}.document-head,.content-index-head{padding-block:24px}.section-label em{display:none}}
.gumroad-shelf__nav button{cursor:pointer}
.gumroad-shelf__nav button:where(:not(:disabled)):where(:hover,:focus-visible){color:var(--blue);background:var(--hover);border-color:#0000aa55}
.gumroad-shelf__nav button:where(:not(:disabled)):active{background:var(--selected)}
.checker canvas,.checker:has(canvas[width="1"])::before{grid-area:1/1}
.control-panel{display:grid;gap:var(--space-flow)}.control-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-md);margin:0;padding:var(--space-flow);border:var(--border-width) solid var(--border-color);min-width:0}.control-group legend{padding:0 var(--space-sm);color:var(--muted);font-size:var(--ui)}.control-group label{min-width:0}.control-group input:not([type=checkbox]),.control-group select{width:100%;min-width:0}.control-hint{display:block;margin:var(--space-xs) 0 0;color:var(--muted);font-size:var(--ui);line-height:1.5}.control-group .compress-check{grid-column:1/-1;flex-wrap:wrap}.control-group .compress-check .control-hint{flex-basis:100%}.control-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-flow);flex-wrap:wrap}.control-action>.control-hint{flex:1;min-width:180px;margin:0}
@media(max-width:760px){.control-group{grid-template-columns:1fr}}
.control-panel--columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);align-items:stretch}.control-group--stack{grid-template-columns:1fr;padding:var(--space-md);gap:var(--space-sm)}.control-group .control-check{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:var(--space-xs) var(--space-sm);text-align:left}.control-check input{grid-column:1;grid-row:1;margin-top:2px}.control-check .control-hint{grid-column:2;margin-top:0}.control-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);align-items:end}.control-toolbar label{display:grid;gap:var(--space-xs);min-width:0;margin:0}.control-toolbar select{width:100%;min-width:0}
@media(max-width:1250px){.control-panel--columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.control-panel--columns,.control-toolbar{grid-template-columns:1fr}}
.control-group--stack{align-content:start}.control-group--stack>label:not(.control-check){display:grid;gap:var(--space-xs);font-size:var(--ui)}
/* Existing Style Guide callout contract, adapted to canonical tokens. */
.atlas-callout{position:relative;width:100%;border:var(--border-width) solid var(--border-color);background:var(--surface);padding:40px var(--space-flow) var(--space-flow)}.atlas-callout::before{content:'[ INFO // DOCUMENTATION ]';position:absolute;top:0;left:0;right:0;padding:var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--border-color);background:var(--paper);color:var(--muted);font-size:var(--meta);font-weight:400;line-height:1.6;letter-spacing:.04em}.atlas-callout--note::before{content:'[ SYSTEM_NOTE ]'}.atlas-callout>p{font-size:var(--ui);line-height:1.6;margin:0}.atlas-callout>p+p{margin-top:var(--space-sm)}
.control-disclosure>summary{cursor:pointer;font-size:var(--ui);padding:var(--space-sm) 0;color:var(--blue)}.control-disclosure[open]>summary{margin-bottom:var(--space-sm)}.control-disclosure>.atlas-callout{margin-top:var(--space-md)}.control-status-row>#status{flex:1;min-width:0;margin:0}.control-status-row>.atlas-btn-shadow{flex-shrink:0}
.control-disclosure>summary>.control-disclosure-action{float:right;font-weight:600}
.control-disclosure>.control-disclosure{margin-block:var(--space-flow)}
.control-group--wide{grid-column:1/-1}
.atlas-callout--important{--callout-color:var(--note-important)}.atlas-callout--warning{--callout-color:var(--note-warning)}.atlas-callout--success{--callout-color:var(--note-success)}.atlas-callout--important::before{content:'[ IMPORTANT ]'}.atlas-callout--warning::before{content:'[ WARNING ]'}.atlas-callout--success::before{content:'[ VALIDATED ]'}.atlas-callout:is(.atlas-callout--important,.atlas-callout--warning,.atlas-callout--success){border-color:var(--border-color)}.atlas-callout:is(.atlas-callout--important,.atlas-callout--warning,.atlas-callout--success)::before{background:var(--callout-color);border-color:var(--border-color);color:var(--ink)}
select option{background:var(--surface);color:var(--ink)}select option:checked{background:var(--command-rest);color:#fff}
@supports(appearance:base-select){select,select::picker(select){appearance:base-select}select::picker(select){background:var(--surface);color:var(--ink);border:var(--border-width) solid var(--border-color);font:var(--ui)/1.5 var(--font)}select option{padding:var(--space-sm) var(--space-md)}select option:where(:hover,:focus-visible,:checked){background:var(--command-rest);color:#fff}}
.section-description{color:var(--muted);font-size:var(--ui);line-height:1.6;margin:0 0 var(--space-group)}
.token-swatch--command-rest{background:var(--command-rest)}
.article-share [role=status]:empty{display:none}
.article-related>h3{padding-bottom:var(--space-sm);border-bottom:var(--border-width) solid var(--border-color)}
.article-related>ul{margin:0;padding:0;list-style:none}
.article-related li{margin:0;border-bottom:var(--border-width) solid var(--border-color)}
.article-related a{display:block;padding:var(--space-sm) 0;color:var(--ink);text-decoration:none;font-size:var(--ui)}
.article-related a:hover,.article-related a:focus-visible{background:var(--hover);color:var(--blue)}
.card>.eyebrow:first-child{padding-bottom:var(--space-sm);border-bottom:var(--border-width) solid var(--border-color)}
.article-share button{font:inherit;color:var(--ink);background:transparent;border:var(--border-width) solid var(--border-color);padding:6px 10px;min-height:36px;font-size:var(--meta);cursor:pointer}.article-share button:where(:hover,:focus-visible){background:var(--hover);border-color:var(--blue)}.share-copy-field{width:100%;min-height:72px;resize:vertical;background:var(--surface);color:var(--ink);border:var(--border-width) solid var(--border-color);padding:var(--space-sm);font-size:var(--ui)}
.control-check{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:var(--space-xs) var(--space-sm);text-align:left}.control-check input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0}.control-check>.control-hint{grid-column:2}
.noise-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.noise-controls label{display:grid;gap:var(--space-xs);min-width:0;font-size:var(--ui)}.noise-controls input,.noise-controls select{width:100%;min-width:0}.noise-controls .noise-toggle{display:flex;align-items:center;gap:var(--space-sm)}.noise-controls input[type=checkbox]{width:18px;min-height:18px;margin:0}.noise-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-flow)}.noise-views figure{min-width:0;border:var(--border-width) solid var(--border-color)}.noise-views canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--surface)}.noise-export{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-md)}.noise-export label{flex:1 1 150px;font-size:var(--ui)}.noise-light{margin-top:var(--space-flow)}.noise-map-settings{margin:var(--space-flow) 0;border:var(--border-width) solid var(--border-color);padding:var(--space-md)}.noise-map-settings summary{cursor:pointer;font-size:var(--ui)}.noise-map-settings[open] summary{margin-bottom:var(--space-md)}
@media(max-width:760px){.noise-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.noise-views{grid-template-columns:1fr}}@media(max-width:360px){.noise-controls{grid-template-columns:1fr}}

/* Shared profile introduction, preserved from approved Home. */
.intro-profile .hero-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-group);align-items:start}
.intro-profile .hero-row :is(h1,.intro-heading){font-size:30px;margin:0 0 var(--space-md)}
.intro-profile .title-name,.intro-profile .title-role{display:block}
.intro-profile .title-role{font-size:20px;letter-spacing:0;line-height:1.4;margin-top:var(--space-xs)}
.intro-profile .abstract{margin:0 0 var(--space-flow);font-size:var(--body);line-height:1.6}
.intro-profile .abstract:last-child{margin-bottom:0}
.intro-profile .hero-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111}
@media(max-width:760px){.intro-profile .hero-row{grid-template-columns:1fr}.intro-profile .profile-row{flex-wrap:wrap}.intro-profile .profile-facts{flex-basis:100%}.intro-profile .command{flex-wrap:wrap;padding-block:var(--space-sm)}.intro-profile .command label{flex-basis:100%}.intro-profile .command kbd{display:none}}

.doc-flags{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--meta);color:var(--muted)}.doc-flags span{padding:3px 6px;border:var(--border-width) solid var(--border-color)}
.tagline-mark{font-size:var(--label);color:var(--blue);text-transform:uppercase}
.profile-row,.author-record-line{display:flex;align-items:stretch;gap:var(--space-md)}
.profile-facts,.author-summary{display:flex;flex-wrap:wrap;flex:1;margin:0;border:var(--border-width) solid var(--border-color);min-height:36px}
.profile-facts>div,.author-summary>span{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--meta)}
.profile-facts dt,.author-summary b{color:var(--muted);font-weight:400}.profile-facts dd{margin:0}
.author-record-line>a{align-self:center}
.command{display:flex;align-items:center;gap:var(--space-md);min-height:36px;padding:0 var(--space-md);border:var(--border-width) solid var(--border-color);font-size:var(--ui)}
.command label{display:inline;white-space:nowrap}.command input{flex:1;min-width:0;min-height:0;border:0;border-bottom:var(--border-width) solid var(--border-color);padding:4px;background:transparent}.command output{font-size:var(--meta);white-space:nowrap}

/* Home record previews and rows: shared component owners. */
.highlight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}
.highlight-card{display:flex;flex-direction:column;min-width:0;border:var(--border-width) solid var(--border-color);background:#00000003;color:var(--ink);text-decoration:none}
.highlight-card:has(a:hover),a.highlight-card:hover{border-color:var(--blue)}
.highlight-card img{display:block;flex:none;width:100%;height:160px;object-fit:cover;object-position:center;background:#00000005}
.highlight-meta{display:grid;gap:var(--space-xs);padding:var(--space-sm)}.highlight-meta strong{font-size:12px;line-height:1.5}.highlight-meta small,.highlight-kind,.highlight-award{font-size:var(--meta);line-height:1.5;color:var(--muted)}.highlight-award{color:var(--ink);background:var(--note-warning);padding:var(--space-xs) var(--space-sm);width:fit-content;max-width:100%;box-sizing:border-box}
.home-records{border-top:var(--border-width) solid var(--border-color)}
.home-records>a[hidden]{display:none}
.home-records>a{display:grid;grid-template-columns:64px 68px minmax(0,1fr) 12px;align-items:baseline;gap:var(--space-md);padding:var(--space-md) 4px;border-bottom:var(--border-width) solid var(--border-color);color:var(--ink);text-decoration:none}
.home-records>a:hover{background:var(--hover)}.home-records.project-records>a{grid-template-columns:74px minmax(0,1fr) 100px 12px}
.record-state{font-size:var(--meta);color:var(--muted)}
.record-date,.record-kind,.record-tags,.record-summary{font-size:var(--meta);color:var(--muted)}.record-main{display:grid;gap:4px;min-width:0}.record-main strong{font-size:var(--ui);font-weight:400}.record-arrow{color:var(--blue)}

.vfx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}
.vfx-loop{min-width:0;border:var(--border-width) solid var(--border-color)}.vfx-loop video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#111}.vfx-loop figcaption{display:grid;gap:var(--space-xs);padding:var(--space-sm);margin:0}.vfx-loop strong{font-size:var(--ui)}.vfx-loop small{font-size:var(--meta)}

/* Shared Online Tools feature card. */
.browser-tool-feature{position:relative;display:grid;grid-template-columns:1.1fr 1fr;border:var(--border-width) solid var(--border-color);min-width:0}
.browser-tool-preview{border-right:var(--border-width) solid var(--border-color)}.browser-tool-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#00000003}
.browser-tool-bar{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);background:#111;color:var(--surface);font-size:var(--meta)}
.browser-tool-preview figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);margin:0}
.browser-tool-copy{padding:var(--space-group);display:flex;flex-direction:column;gap:var(--space-flow)}.browser-tool-copy>*{margin:0}.browser-tool-copy p{font-size:var(--ui)}.browser-tool-state{font-size:var(--meta);color:var(--green)}
.browser-tool-link{color:var(--ink);text-decoration:none}.browser-tool-link::after{content:'';position:absolute;inset:0}.browser-tool-link:focus-visible::after{outline:2px solid var(--blue);outline-offset:2px}.browser-tool-feature:has(a:hover){border-color:var(--blue)}
.browser-tool-steps{list-style:none;padding:0;font-size:var(--meta)}.browser-tool-steps li{display:flex;gap:var(--space-md);padding:6px 0;border-bottom:var(--border-width) solid var(--border-color)}.browser-tool-steps b{color:var(--blue)}
@media(max-width:760px){.browser-tool-feature{grid-template-columns:1fr}.browser-tool-preview{border-right:0;border-bottom:var(--border-width) solid var(--border-color)}.browser-tool-copy{padding:var(--space-flow)}}

.home-store{border:var(--border-width) solid var(--border-color);padding:var(--space-md)}.home-store summary{cursor:pointer;font-size:var(--ui)}.home-store-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:center;padding:var(--space-flow) 0;border-bottom:var(--border-width) solid var(--border-color)}.home-store-row h3{font-size:14px;margin-bottom:8px}.home-store-row p{font-size:var(--ui);margin:0}
@media(max-width:760px){.home-store-row{grid-template-columns:1fr}}

/* Shared specialization and contact panels, preserved from Home. */
.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--border-width) solid var(--border-color);border-left:var(--border-width) solid var(--border-color)}.definition-grid article{padding:var(--space-flow);border-right:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.definition-grid h3{font-size:var(--ui);color:var(--blue)}.definition-grid p{font-size:var(--ui)}
.specialization-tags{display:flex;flex-wrap:wrap;gap:4px}.specialization-tags a{padding:2px 4px;border:var(--border-width) solid var(--border-color);color:var(--muted);font-size:var(--meta);text-decoration:none}
.specialization-tags a:hover,.specialization-tags a:focus-visible{color:var(--blue);background:var(--hover);border-color:#0000aa55}
.contact-panel{border:var(--border-width) solid var(--border-color)}.contact-lead{padding:var(--space-flow);margin:0;font-size:var(--ui)}.contact-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.contact-panel dl>div{min-width:0;border-top:var(--border-width) solid var(--border-color);padding:var(--space-md)}.contact-panel dt{font-size:var(--meta);color:var(--muted)}.contact-panel dd{margin:4px 0 0;font-size:var(--ui);overflow-wrap:anywhere}
@media(max-width:760px){.definition-grid,.contact-panel dl{grid-template-columns:1fr}.author-record-line{flex-wrap:wrap}.author-summary{flex-basis:100%}}

/* Shared catalog card variant, existing Index design. */
.tool-catalog-card>p:first-child{font-size:var(--meta);color:var(--muted)}.tool-catalog-card svg{display:block;width:200px;max-width:100%;height:60px;color:var(--blue)}.tool-catalog-card .tool-catalog-diagram--compress{color:var(--command-rest)}
.tool-catalog-foot{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:auto;padding-top:var(--space-flow);font-size:var(--meta);color:var(--muted)}
.tool-catalog-open{color:var(--blue)}

/* Shared resource search/filter composition. */
.resource-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-md);font-size:var(--ui)}
.resource-search input{width:100%;min-width:0}.resource-search output{grid-column:2/-1;font-size:var(--meta);color:var(--muted)}
.resource-filters{display:grid;gap:var(--space-xs);margin-top:var(--space-group)}.resource-filters .eyebrow{margin-bottom:4px}
.resource-filters .filter-chip{justify-self:start}
.resource-platform{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
.resource-platform>.eyebrow{margin-right:var(--space-sm)}
@media(max-width:760px){.resource-search{grid-template-columns:1fr 1fr}.resource-search>label:first-child,.resource-search input,.resource-search output{grid-column:1/-1}.resource-filters{display:flex;flex-wrap:wrap;align-items:center}.resource-filters .eyebrow{margin:0 8px 0 0}.resource-record{grid-template-columns:80px minmax(0,1fr);gap:var(--space-md)}.resource-record>img,.resource-placeholder{width:80px;height:64px}.resource-open{grid-column:2}}

/* Project preview variant. */
.projects-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-directory .highlight-meta{padding:var(--space-flow);gap:var(--space-sm)}.projects-directory h3{font-size:var(--body);margin:0}.projects-directory p{font-size:var(--ui);margin:0}.projects-directory .record-arrow{margin-top:auto;font-size:var(--meta)}.projects-directory .highlight-meta{flex:1}.projects-directory img{height:200px}
@media(max-width:760px){.projects-directory{grid-template-columns:1fr}.projects-directory img{height:180px}}
.projects-directory .project-achievement{font-size:var(--meta);font-weight:400;border-top:var(--border-width) solid var(--border-color);padding-top:var(--space-sm);margin-top:var(--space-sm);color:var(--muted)}

.blog-chapter+.blog-chapter{margin-top:var(--space-group)}.blog-chapter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-md)}.blog-chapter-heading h3{font-size:var(--ui);font-weight:400;margin:0}.blog-chapter-heading>span{font-size:var(--meta);color:var(--muted);white-space:nowrap}

/* Shared tool upload, preview and action components. */
.tool-dropzone{padding:22px;border:1px dashed var(--blue);background:var(--hover)}.tool-dropzone.is-dragging{outline:2px solid var(--blue)}.tool-drop-intro{display:flex;gap:18px;align-items:center;margin-bottom:16px}.drop-symbol{font-size:32px;color:var(--blue)}.tool-drop-intro h3{margin-bottom:4px}.tool-drop-intro p{margin:0;font-size:var(--ui)}
.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}.tool-actions output{margin-left:auto}.tool-settings{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}.tool-previews{display:grid;grid-template-columns:2fr 1fr;gap:16px}.preview-label{display:flex;justify-content:space-between;gap:12px;background:#111;color:var(--surface);font-size:var(--meta);padding:8px;margin:0}.tool-export-row{display:flex;gap:12px;align-items:center}.tool-export-row p{flex:1;min-width:0;margin:0;font-size:var(--ui)}.tool-export-row .tool-actions{margin:0}.tool-warning:empty,.frame-list:empty,#presets:empty{display:none}.frame-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:12px}.frame-list li{min-width:0;border:var(--border-width) solid var(--border-color);padding:8px}.frame-list img{max-height:120px}.tool-section>p:last-child{margin-bottom:0}

/* Shared source/result preview composition. */
.compress-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.compress-compare .checker{position:relative}@media(max-width:760px){.compress-compare{grid-template-columns:1fr}}
.tool-feedback{display:block;width:100%;box-sizing:border-box;margin-top:var(--space-flow);padding:var(--space-flow);background:var(--paper);border:var(--border-width) solid var(--border-color);color:var(--ink);font-size:var(--ui);text-decoration:none;overflow-wrap:anywhere}
.tool-feedback:hover{background:var(--quiet-hover);color:var(--blue)}
.tool-feedback:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.noise-views figcaption{margin:0;padding:var(--space-sm) var(--space-md);border-top:var(--border-width) solid var(--border-color);font-size:var(--meta)}
/* Approved artwork composition: shared media faces and responsive sliders. */
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-flow)}.project-media{border:var(--border-width) solid var(--border-color);min-width:0;background:var(--surface)}.project-media>a{display:block}.project-media img{display:block;width:100%;height:240px;object-fit:contain}.project-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111}.project-media figcaption{padding:var(--space-sm) var(--space-md);border-top:var(--border-width) solid var(--border-color);font-size:var(--meta);color:var(--muted)}
@media(max-width:760px){.project-gallery{grid-template-columns:1fr}.project-media img{height:auto;max-height:360px}}
.project-slider{border:var(--border-width) solid var(--border-color)}
.project-slider-viewport{overflow:hidden;width:100%;height:clamp(360px,56vh,520px);background:#111}
.project-slider-track{height:100%;display:flex;transition:transform .24s ease}
.project-slider-track .project-media{flex:0 0 100%;width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;background:#111}
.project-slider-track .project-media>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.project-slider-track .project-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.project-slider-nav{min-height:48px;padding:var(--space-sm);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-md);align-items:center;border-top:var(--border-width) solid var(--border-color);background:var(--paper);font-size:var(--ui)}
.project-slider-meta{min-width:0;text-align:center}.project-slider-caption{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ui);font-weight:600;color:var(--ink)}.project-slider-meta output{display:block;font-size:var(--meta);color:var(--muted)}
.project-slider:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:760px){.project-slider-nav{grid-template-columns:1fr 1fr}.project-slider-meta{grid-column:1/-1;grid-row:1}.project-slider-nav>[data-prev]{justify-self:start}.project-slider-nav>[data-next]{justify-self:end}}
@media(prefers-reduced-motion:reduce){.project-slider-track{transition:none}}
.media-tabs-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-flow);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color)}
.media-tabs-list [role=tab]{white-space:normal;text-align:left}
.media-tabs-list [aria-selected=true]{background:var(--blue);color:var(--surface);border-color:var(--blue)}
.vfx-loop figcaption strong{color:var(--ink)}
.atlas-table th[scope=row]{min-width:12ch;overflow-wrap:normal;word-break:normal;hyphens:none}
.atlas-table td>ul{margin:0;padding-inline-start:18px}
/* Interactive applications need room for their own controls, not video geometry. */
[data-detail] .article-body .atlas-interactive-frame>iframe{height:500px;aspect-ratio:auto}
/* Article media rhythm; nested slide figures keep zero margins. */
.atlas-table-body{padding:var(--space-flow);overflow:auto}.atlas-table-body>.atlas-table{border:var(--border-width) solid var(--border-color)}
.media-caption>strong{color:var(--ink);font-weight:600}.media-caption>p:last-child{margin-bottom:0}
.diagram-widget{margin-block:var(--space-group);font-size:var(--ui)}
.diagram-widget .atlas-uml-diag__scope{border:var(--border-width) dashed var(--border-color);padding:var(--space-flow);background:var(--surface)}
.diagram-scope-title{font-weight:600;margin-bottom:var(--space-md)}
.diagram-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.atlas-uml-diag__node{border:var(--border-width) solid var(--border-color);min-width:0}
.atlas-uml-diag__node-title{padding:var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--border-color);background:var(--paper);font-weight:600;overflow-wrap:anywhere}
.atlas-uml-diag__node-body{padding:var(--space-sm) var(--space-md);line-height:1.6;overflow-wrap:anywhere}
.diagram-node-wide,.diagram-flow-label{grid-column:1/-1}.diagram-flow-label{text-align:center;font-size:var(--meta);color:var(--muted);padding-block:var(--space-xs)}
.diagram-connector{height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.diagram-connector>div:first-child{height:22px;border-left:var(--border-width) solid var(--border-color)}
@media(max-width:760px){.diagram-node-grid{grid-template-columns:1fr}.diagram-widget .atlas-uml-diag__scope{padding:var(--space-md)}}
.compile-flow{border:var(--border-width) solid var(--border-color);margin-block:var(--space-group);background:var(--surface)}
.cf-step{display:grid;grid-template-columns:36px 170px minmax(0,1fr);align-items:stretch}.cf-step+.cf-step{border-top:var(--border-width) dashed var(--border-color)}
.cf-num,.cf-stage,.cf-desc{padding:var(--space-md);display:flex;align-items:center;min-width:0;overflow-wrap:anywhere;font-size:var(--ui);line-height:1.6}
.cf-num{font-size:var(--meta);color:var(--muted);justify-content:center}.cf-stage{font-weight:600;border-inline:var(--border-width) solid var(--border-color)}.cf-desc{color:var(--muted)}.cf-step--warn{background:var(--note-warning)}
@media(max-width:760px){.cf-step{grid-template-columns:36px minmax(0,1fr)}.cf-desc{grid-column:2;border-left:var(--border-width) solid var(--border-color);padding-top:0}.cf-stage{border-right:0}.cf-num{grid-row:1/3}}
.article-body>h4{font-size:var(--ui);font-weight:600;color:var(--muted);letter-spacing:.04em;margin:var(--space-flow) 0 var(--space-sm)}
.pipeline-strip{display:flex;flex-wrap:wrap;margin-block:var(--space-group);border:var(--border-width) solid var(--border-color)}.ps-stage{flex:1 1 110px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--space-sm);border:var(--border-width) solid var(--border-color);font-size:var(--ui);font-weight:600;background:var(--paper)}.ps-stage--fixed{background:var(--surface);color:var(--muted)}.ps-stage__sub{font-size:var(--meta);font-weight:400;margin-top:var(--space-xs)}
.alignment-diagram{margin-block:var(--space-group);padding:var(--space-flow);border:var(--border-width) solid var(--border-color);background:var(--surface)}.alignment-title,.alignment-total{font-size:var(--meta);color:var(--muted)}.alignment-title{margin-bottom:var(--space-md)}.alignment-total{margin-top:var(--space-sm)}
.align-row{display:grid;grid-template-columns:130px minmax(0,1fr) 180px;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.align-label,.align-bytes{font-size:var(--meta)}.align-bytes{color:var(--muted)}.alignment-track{display:flex;min-width:0}.align-field{flex:0 0 25%;min-width:0;display:flex;align-items:center;justify-content:center;min-height:32px;border:var(--border-width) solid var(--border-color);padding:var(--space-xs);font-size:var(--meta);overflow-wrap:anywhere}.align-field[data-quarters="3"]{flex-basis:75%}.align-field--data{background:var(--paper)}.align-field--pad{color:var(--muted);background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--line) 4px,var(--line) 5px)}
@media(max-width:760px){.align-row{grid-template-columns:1fr 1fr;row-gap:var(--space-xs);margin-top:var(--space-md)}.alignment-track{grid-column:1/-1;grid-row:2}.align-bytes{text-align:right}}
.mem-bars{display:grid;gap:var(--space-sm);margin-block:var(--space-group)}.mb-row{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:var(--space-sm);align-items:center}.mb-label{font-size:var(--ui)}.mb-val{font-size:var(--meta);color:var(--muted);text-align:right}.mb-track svg{display:block;width:100%;height:6px}.memory-track{fill:var(--line)}.memory-fill{fill:var(--muted)}
.atlas-table-frame--solid>h3.atlas-table-header-solid{margin:0}
.atlas-table-body>.mem-bars{margin:0}
.atlas-table-body>.mem-bars+p{margin:var(--space-flow) 0 0;padding-top:var(--space-flow);border-top:var(--border-width) solid var(--border-color)}
.atlas-code-frame{border:var(--border-width) solid var(--border-color);min-width:0;background:var(--surface)}.atlas-code-frame>.atlas-code-caption{margin:0;padding:var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--border-color);background:var(--paper);color:var(--muted);font-size:var(--meta);line-height:1.6}
.atlas-code-frame>pre,.article-body .atlas-code-frame>pre{margin:0;border:0;max-width:100%;overflow:auto}
@media(max-width:760px){.mb-row{grid-template-columns:1fr 1fr}.mb-track{grid-column:1/-1;grid-row:2}.mb-val{grid-column:2;grid-row:1}}
.atlas-series-nav{margin-block:var(--space-group)}
.atlas-series-nav__parts{list-style:none;padding:0;margin:0 0 var(--space-flow);border:var(--border-width) solid var(--border-color)}
.atlas-series-nav__part>a,.atlas-series-nav__part:not(:has(>a)){display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-md);padding:var(--space-md);color:var(--ink);text-decoration:none;font-size:var(--ui)}
.atlas-series-nav__parts>.atlas-series-nav__part{margin:0}
.atlas-series-nav__part+.atlas-series-nav__part{border-top:var(--border-width) solid var(--border-color)}
.atlas-series-nav__num,.atlas-series-nav__status{font-size:var(--meta);color:var(--muted)}
.atlas-series-nav__part--current{background:var(--hover)}
.atlas-part-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-flow)}
.atlas-part-nav__btn{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-flow);border:var(--border-width) solid var(--border-color);text-decoration:none;color:var(--ink);min-width:0}
.atlas-part-nav__direction,.atlas-part-nav__sub{font-size:var(--meta);color:var(--muted)}.atlas-part-nav__label{font-size:var(--ui);font-weight:600}.atlas-part-nav__btn--next{text-align:right}
.atlas-part-nav__btn:where(:hover,:focus-visible),.atlas-series-nav__part>a:where(:hover,:focus-visible){background:var(--hover);color:var(--blue);outline:1px solid var(--blue);outline-offset:-1px}
@media(max-width:760px){.atlas-part-nav{grid-template-columns:1fr}.atlas-part-nav__btn--next{text-align:left}.atlas-series-nav__part>a,.atlas-series-nav__part:not(:has(>a)){grid-template-columns:24px minmax(0,1fr)}.atlas-series-nav__status{grid-column:2}}
.atlas-table-frame:has(>.atlas-table){border:var(--border-width) solid var(--border-color)}
.atlas-schematic__secondary{stroke:var(--muted);stroke-dasharray:3 2}.atlas-schematic__leader{stroke:var(--muted)}.atlas-schematic__critical{stroke:var(--ink)}
.atlas-schematic__legend{display:grid;gap:var(--space-sm);padding:var(--space-md)}
.atlas-schematic__legend>div{padding-left:var(--space-md);border-left:2px solid var(--border-color)}
.atlas-schematic__legend b{display:block;margin-bottom:var(--space-xs);font-size:var(--ui)}
.atlas-schematic__legend span{display:block;font-size:var(--ui);line-height:1.6}
.atlas-code-inline{padding:1px 4px;border:var(--border-width) solid var(--border-color);background:var(--surface)}
.atlas-download-wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--space-group);padding:var(--space-group);border:var(--border-width) solid var(--border-color);background:var(--surface)}
.atlas-download-copy{display:grid;gap:var(--space-xs);min-width:0;flex:1}
.atlas-download-copy>strong{font-size:var(--ui);color:var(--ink)}
.atlas-download-copy>span{font-size:var(--meta);color:var(--muted);line-height:1.6}
.atlas-download-wrap:has(.atlas-download-copy)>.button{flex-shrink:0}
@media(max-width:760px){.atlas-download-wrap{flex-direction:column;align-items:flex-start}.atlas-download-wrap>.button{align-self:stretch}}
.atlas-download-wrap>.button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.article-body>:is(.atlas-callout,.atlas-uml-diag,.atlas-math-block,.atlas-table-frame,.comparison-matrix,.project-slider,.atlas-series-nav,.media-frame,.atlas-download-wrap,figure,pre,blockquote,details){margin-block:var(--space-group)}
.article-body>h2{margin:var(--space-section) 0 var(--space-flow);padding:0 0 var(--space-sm);border:0;border-bottom:var(--border-width) solid var(--border-color)}
.article-body>h2:first-of-type{margin-top:0}
.article-body>.project-slider+.media-caption{margin:0 0 var(--space-group);font-size:var(--meta);color:var(--muted)}
/* Project record composition shares Article rhythm; no widget-card hierarchy. */
.project-body>.document-section{display:flow-root;margin:0;padding:0;border:0}
.project-body>.document-section>h2{font-size:18px;line-height:1.4;margin:0 0 var(--space-flow);padding:0 0 var(--space-sm);border:0;border-bottom:var(--border-width) solid var(--border-color)}
.project-body>.document-section>:last-child{margin-bottom:0}
.article-section-divider>span{position:absolute;top:0;left:var(--space-group);transform:translateY(-50%);background:var(--surface);border-radius:1px;border-color:var(--line);padding:0 var(--space-md);color:var(--muted);font-size:var(--micro)}
[data-detail] .project-body>.article-section-divider{margin:var(--space-group) 0 3lh}
.project-body .project-overview{max-width:none;margin-bottom:var(--space-group)}
.project-opening .project-metrics{margin:0;border-top:0}.project-opening .project-media{border-bottom:0}
.project-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-section)}
.project-context>div{min-width:0}.project-body .project-context h3,.project-body .project-contribution-groups h3,.project-body .project-solutions h3{font-size:14px;font-weight:600;margin:0 0 var(--space-md)}
.project-context ul,.project-contribution-groups ul{margin:0;padding-left:18px}
.project-contribution-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-group)}
.project-contribution-groups li+li,.project-context li+li{margin-top:var(--space-sm)}
.project-record-list{padding-left:18px;margin:0}
.project-solutions{counter-reset:solution;list-style:none;padding:0;margin:0}
.project-solutions>li{counter-increment:solution;display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-md);padding:var(--space-flow) 0;border-top:var(--border-width) solid var(--border-color)}
.project-solutions>li::before{content:counter(solution,decimal-leading-zero);font-size:var(--meta);color:var(--muted)}
.project-solutions p{margin:0;line-height:1.65}.project-stack-line{font-size:var(--ui);color:var(--muted)}
.project-body .project-media::before{content:none}
[data-template="project"] .passport-header-right{flex:1;min-width:0}
[data-template="project"] .passport-header-field{white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.project-context,.project-contribution-groups{grid-template-columns:1fr}}