.site-header{position:relative;gap:20px}.theme-button{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--pale);color:var(--ink);padding:9px 12px;border-radius:5px;font-size:11px;cursor:pointer;min-height:39px}.theme-icon{font-size:16px;line-height:1}.practice-heading{margin-top:65px;padding-top:48px;border-top:1px solid var(--line)}.practice-heading>p{max-width:490px}.practice-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.practice-filters{display:flex;gap:7px;flex-wrap:wrap}.practice-filters button{font-size:11px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:9px 12px;min-height:38px;cursor:pointer}.practice-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.practice-count{font:10px var(--mono);white-space:nowrap}.practice-list{border-top:1px solid var(--line)}.practice-note{border-bottom:1px solid var(--line);padding:0}.practice-note summary{display:grid;grid-template-columns:160px minmax(0,1fr) 25px;align-items:center;gap:25px;padding:24px 0;cursor:pointer;list-style:none}.practice-note summary::-webkit-details-marker{display:none}.practice-type{font:10px var(--mono);color:var(--muted);text-transform:uppercase}.practice-note summary strong{font:600 24px/1.2 var(--display);letter-spacing:-.025em}.practice-note summary:after{content:'+';font:24px var(--display);color:var(--blue);text-align:center}.practice-note[open] summary:after{content:'−'}.practice-body{margin-left:185px;max-width:760px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px 35px}.practice-body h4{font:600 15px/1.4 var(--body);letter-spacing:0;margin:0 0 8px}.practice-body p{font-size:13px}.practice-body>.practice-link{grid-column:1/-1;justify-self:start}.practice-footnote{font-size:11px;margin-top:20px;max-width:760px}
/* A quiet marine palette preserves the same hierarchy at night. */
html[data-theme=dark]{color-scheme:dark;--paper:#111e30;--pale:#192a40;--line:#34485f;--ink:#e6edf7;--muted:#b1c0d3;--blue:#94b0ff;--coral:#ffaf9e;--white:#17283d}
html[data-theme=dark] .primary{background:#315fe6;color:#fff}html[data-theme=dark] .primary:hover{background:#416ef0}html[data-theme=dark] .brand-icon{background:#315fe6;color:#fff}html[data-theme=dark] .system-map{background:#17283d}html[data-theme=dark] .map-canvas{background-image:radial-gradient(#35485f 1px,transparent 1px)}html[data-theme=dark] .connections{stroke:#56708f}html[data-theme=dark] .connections circle{fill:#315fe6}html[data-theme=dark] .system-node{border-color:#405875;background:var(--paper)}html[data-theme=dark] .system-node:hover,html[data-theme=dark] .system-node[aria-current=true]{background:#20364f;border-color:var(--blue)}html[data-theme=dark] .tags li{background:#17283d}html[data-theme=dark] .project-art{background:#214ac7;color:#fff}html[data-theme=dark] .watch-symbol span{background:#214ac7}html[data-theme=dark] .career-section{background:#152438}html[data-theme=dark] .cv-document{background:#17283d}html[data-theme=dark] .area-links a[aria-current=true]{background:#b7caff;color:#111e30}html[data-theme=dark] .lab-diagram strong{background:#1d3049}html[data-theme=dark] .contact-email{border-bottom-color:#688de9}html[data-theme=dark] .legal-article code{overflow-wrap:anywhere}
@media(prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--paper:#111e30;--pale:#192a40;--line:#34485f;--ink:#e6edf7;--muted:#b1c0d3;--blue:#94b0ff;--coral:#ffaf9e;--white:#17283d}html:not([data-theme]) .system-map,html:not([data-theme]) .cv-document{background:var(--pale)}html:not([data-theme]) .career-section{background:var(--pale)}html:not([data-theme]) .primary,html:not([data-theme]) .brand-icon{background:#315fe6;color:#fff}html:not([data-theme]) .tags li{background:var(--pale)}}
@media(max-width:1100px){.site-header{gap:14px}.site-header nav{gap:16px}.theme-button{padding:8px}.nav-contact{margin-left:0}.practice-note summary{grid-template-columns:125px minmax(0,1fr) 22px;gap:20px}.practice-body{margin-left:145px}}
@media(max-width:900px) and (min-width:801px){.site-header nav{gap:11px;font-size:11px}.brand-caption{font-size:8px}.brand{font-size:20px}.nav-contact{padding:8px 11px}.nav-contact span{margin-left:5px}}
@media(max-width:800px){.theme-button{position:absolute;top:24px;right:0;padding:8px 12px}.site-header{gap:20px}.practice-controls{align-items:flex-start;flex-direction:column;gap:12px}.practice-note summary{grid-template-columns:1fr 25px;gap:8px}.practice-type{grid-column:1}.practice-note summary strong{grid-row:2;grid-column:1;font-size:23px}.practice-note summary:after{grid-column:2;grid-row:1/3}.practice-body{margin-left:0;grid-template-columns:1fr;gap:20px}.practice-heading{margin-top:45px;padding-top:35px}}
@media(max-width:420px){.brand{font-size:20px}.brand-caption{font-size:8px}.theme-button{font-size:10px;padding:7px 9px;gap:5px;top:22px}.practice-filters button{font-size:10px;padding:9px 10px}.practice-note summary strong{font-size:21px}.practice-heading h2{font-size:37px}}
@media print{html,html[data-theme=dark],html:not([data-theme]){color-scheme:light;--paper:#fff;--pale:#f1f3f6;--line:#bbb;--ink:#111;--muted:#333;--blue:#234999;--white:#fff;--coral:#555}html[data-theme=dark] .cv-document{background:#fff}.theme-button,.practice-controls{display:none!important}.practice-note{break-inside:avoid}.practice-body{display:block;margin-left:0}.practice-body>div{margin-bottom:14px}}