/* V12: final additions only. Keep evidence, state and accessibility ahead of decoration. */
:root{--v12-ink:#211c17;--v12-paper:#f4efe6;--v12-paper-deep:#e9e0d2;--v12-muted:#5f574f;--v12-oxide:#a9442a;--v12-vine:#596747;--v12-rule:#c9bdaa;--v12-mono:"DM Mono",ui-monospace,monospace;--v12-display:"EB Garamond",Georgia,serif;--v12-ease:cubic-bezier(.22,.61,.36,1)}
.field,.blob{display:none!important}
.work-directory{display:grid;grid-template-columns:minmax(220px,.64fr) minmax(0,1.36fr);align-items:start;gap:52px;padding:42px var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper-deep)}
.work-directory h2{font:400 clamp(38px,4.4vw,66px)/.92 var(--serif);letter-spacing:-.055em;margin:15px 0 0;max-width:8ch}
.directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.directory-links a{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:baseline;min-height:72px;padding:16px 14px 16px 0;border-bottom:1px solid var(--rule);font:16px/1.22 var(--serif);transition:color 180ms var(--v12-ease),background-color 180ms var(--v12-ease),padding-left 180ms var(--v12-ease)}
.directory-links a:nth-child(odd){border-right:1px solid var(--rule);padding-right:18px}.directory-links a:nth-child(even){padding-left:18px}
.directory-links a span{font:10px var(--mono);color:var(--oxide)}.directory-links a:hover{background:var(--ink);color:var(--paper)}.directory-links a:hover span{color:var(--paper)}
.directory-links a>span:last-child{font:16px/1.22 var(--serif);color:inherit}.directory-links a small{display:block;max-width:37ch;margin-top:7px;color:var(--muted);font:11px/1.5 var(--mono);letter-spacing:0}.directory-links a:hover small{color:var(--light)}
.practice-note{display:grid;grid-template-columns:minmax(210px,.64fr) minmax(0,1.36fr);gap:52px;padding:42px var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper)}.practice-note h2{font:400 clamp(32px,3.8vw,58px)/.94 var(--serif);letter-spacing:-.055em;margin:15px 0 0;max-width:10ch}.practice-note>p:last-child{align-self:end;max-width:48ch;color:var(--muted);font-size:16px;line-height:1.6}
.workflow-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:clamp(44px,8vw,140px);padding:clamp(72px,10vw,148px) var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper)}
.workflow-spread h2{font:400 clamp(54px,7vw,110px)/.83 var(--serif);letter-spacing:-.065em;margin:14px 0 25px}.workflow-spread__heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.55;max-width:34ch}
.workflow-spread__evidence{border-top:2px solid var(--ink);padding-top:18px}.workflow-route{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--rule);font:clamp(19px,2.1vw,28px)/1 var(--serif)}.workflow-route i{font:14px var(--mono);color:var(--oxide);font-style:normal}
.workflow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-bottom:1px solid var(--rule)}.workflow-stats div{padding:20px 12px 18px 0}.workflow-stats div+div{border-left:1px solid var(--rule);padding-left:16px}.workflow-stats dt{font:10px/1.35 var(--mono);text-transform:uppercase;color:var(--muted)}.workflow-stats dd{margin:8px 0 0;font:400 clamp(28px,3.1vw,47px)/.9 var(--serif);letter-spacing:-.055em}.workflow-note{margin:20px 0;color:var(--muted);font-size:14px;line-height:1.6;max-width:58ch}
.workflow-spread .text-link{display:inline-flex;margin-top:4px}.workflow-spread .text-link:focus-visible,.directory-links a:focus-visible{outline:3px solid var(--oxide);outline-offset:4px}
#wdAdd{min-height:44px;padding:8px 14px;border:1px solid var(--oxide);background:var(--oxide);color:var(--paper);font:11px var(--mono);letter-spacing:.02em;cursor:pointer;transition:background-color 180ms var(--v12-ease),border-color 180ms var(--v12-ease),color 180ms var(--v12-ease)}#wdAdd:hover{background:var(--ink);border-color:var(--ink)}#wdAdd:focus-visible{outline:3px solid var(--oxide);outline-offset:4px}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity 520ms var(--v12-ease),transform 520ms var(--v12-ease)}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:780px){.work-directory,.workflow-spread,.practice-note{grid-template-columns:1fr;gap:28px;padding-left:20px;padding-right:20px}.directory-links{grid-template-columns:1fr}.directory-links a:nth-child(odd){border-right:0;padding-right:0}.directory-links a:nth-child(even){padding-left:0}.workflow-stats{grid-template-columns:1fr}.workflow-stats div+div{border-left:0;border-top:1px solid var(--rule);padding-left:0}.workflow-route{flex-wrap:wrap;justify-content:flex-start}.workflow-route i{padding:0 2px}.practice-note>p:last-child{font-size:15px}.directory-links a{min-height:unset}.directory-links a small{max-width:34ch}}

/* V13: keep the work index readable at the intended editorial width. */
.directory-links a{display:block!important;min-height:112px;padding:18px!important;font:16px/1.22 var(--serif);text-transform:none!important;font-variant:normal!important;letter-spacing:0!important}
.directory-links a>span:first-child{display:inline-block;width:34px;vertical-align:top;font:11px var(--mono);color:var(--oxide)}
.directory-links a>span:last-child{display:inline-block;width:calc(100% - 42px);vertical-align:top;font:20px/1.12 var(--serif);color:inherit;text-transform:none!important;font-variant:normal!important;letter-spacing:-.02em!important}
.directory-links a small{display:block;max-width:37ch;margin-top:8px;color:var(--muted);font:11px/1.5 var(--mono);letter-spacing:0;text-transform:none}
.site-links a:first-child{font-variant:normal!important;text-transform:none!important;letter-spacing:0!important}
.footer-emails{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-emails .text-link{margin:0!important}
.practice-note{align-items:start}.practice-note .label{grid-column:1;grid-row:1}.practice-note h2{grid-column:1;grid-row:2}.practice-note>p:last-child{grid-column:2;grid-row:1 / span 2;align-self:end}
@media(max-width:780px){.directory-links a{min-height:unset}.directory-links a>span:last-child{width:calc(100% - 42px)}}
@media(max-width:780px){.practice-note .label,.practice-note h2,.practice-note>p:last-child{grid-column:auto;grid-row:auto}.practice-note>p:last-child{align-self:start}}
.site-links a[href="layer-solvers.html"],.directory-links a[href="layer-solvers.html"]>span:last-child{text-transform:capitalize!important}