/* Signal Cabinet: mineral paper, midnight ledger, Revision Orange seams, asymmetrical rails, and no decorative score language. */
:root{--paper:#f2efe7;--paper-deep:#e5dfd1;--ink:#142c48;--ink-soft:#33506d;--orange:#c8613f;--sage:#dce2d6;--line:rgba(20,44,72,.22);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--ease:cubic-bezier(.2,.85,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--ink);color:var(--paper);padding:.7rem 1rem;font-family:var(--mono);font-size:.76rem}.skip-link:focus{top:1rem}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-color:var(--orange)}button{font:inherit}.site-header{min-height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(1.25rem,4vw,4.8rem);gap:2.5rem;background:rgba(242,239,231,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;min-width:max-content}.brand-mark{width:38px;height:38px;fill:var(--ink)}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em}.brand small{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;margin-top:.28rem;color:var(--ink-soft)}nav{margin-left:auto;display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.5rem);font-family:var(--mono);font-size:.67rem;letter-spacing:.06em}nav a{text-decoration:none}.nav-source{border:1px solid var(--ink);padding:.65rem .75rem}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;margin-left:auto;align-items:center;gap:.4rem}.menu-toggle i{display:block;width:14px;height:1px;background:var(--ink)}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:62px minmax(0,1.02fr) minmax(390px,.98fr);grid-template-rows:1fr auto;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-rail,.section-rail{border-right:1px solid var(--line);padding:2rem .85rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;font-family:var(--mono);font-size:.59rem;letter-spacing:.12em;writing-mode:vertical-rl}.hero-rail b,.section-rail b{width:1px;min-height:72px;background:var(--orange)}.hero-copy{padding:clamp(5rem,11vw,10rem) clamp(2rem,5.8vw,8rem) clamp(3rem,8vw,7rem);align-self:center}.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;margin:0 0 1.2rem;display:flex;align-items:center;gap:.65rem}.eyebrow i{display:inline-block;width:28px;height:3px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.052em;line-height:.96}h1{font-size:clamp(3.6rem,7.4vw,8.8rem);margin:0 0 1.8rem}h2{font-size:clamp(2.65rem,5.2vw,6.25rem);margin:.1rem 0 2rem}em{font-style:italic;color:var(--orange)}.lede{font-size:clamp(1.05rem,1.55vw,1.35rem);max-width:34rem;color:var(--ink-soft);line-height:1.6}.hero-actions,.use-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2.2rem}.button{display:inline-flex;align-items:center;gap:1.2rem;text-decoration:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;padding:1rem 1.2rem;transition:transform .18s var(--ease),background .18s var(--ease)}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--orange);text-decoration:none;transform:translateY(-2px)}.text-link{font-family:var(--mono);font-size:.73rem;letter-spacing:.03em}.text-link span{color:var(--orange);font-size:1.2rem}.change-surface-art{margin:clamp(3rem,8vw,8rem) clamp(1rem,5vw,5rem) 4rem 0;align-self:center;position:relative}.change-surface-art:after{content:'';position:absolute;right:-4rem;top:20%;width:45%;height:1px;background:var(--orange);z-index:-1}.change-surface-art svg{display:block;width:100%;max-width:690px}.change-surface-art figcaption{font-family:var(--mono);font-size:.65rem;letter-spacing:.04em;margin-top:1rem;color:var(--ink-soft)}.change-surface-art figcaption b{color:var(--orange);font-weight:400;margin-right:.5rem}.hero-index{grid-column:2 / 4;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.hero-index span{padding:1rem;border-right:1px solid var(--line);font: .62rem var(--mono);letter-spacing:.08em}.hero-index b{color:var(--orange);font-weight:400;margin-right:.5rem}.boundary-strip{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.3rem clamp(1.25rem,5vw,8rem)}.boundary-strip p{margin:0;font-size:.95rem}.boundary-strip p span{color:#f1a689;font: .64rem var(--mono);letter-spacing:.1em;margin-right:1.2rem}.boundary-strip a{font: .67rem var(--mono);min-width:max-content;color:#f1a689}.boundary-strip a span{font-size:1rem}
.method{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(0,1.35fr);border-bottom:1px solid var(--line)}.method-heading{padding:clamp(4rem,8vw,8rem) 2rem}.window-list{border-left:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.window-list article{padding:clamp(2rem,4vw,4rem);border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:252px}.window-list article:last-child{grid-column:1 / -1}.window-number{font: .65rem var(--mono);color:var(--orange);letter-spacing:.08em}.window-list h3{font:400 clamp(1.4rem,2vw,2rem) var(--serif);letter-spacing:-.04em;margin:.7rem 0 1rem}.window-list p:last-child{color:var(--ink-soft);font-size:.9rem;margin-bottom:0}.walkthrough{background:var(--sage);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,9rem);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,9vw,11rem);border-bottom:1px solid var(--line)}.walkthrough-heading>p:last-child{color:var(--ink-soft);max-width:31rem}.case-console{border:1px solid var(--ink);align-self:start}.case-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}.case-tabs button{background:transparent;color:var(--ink);border:0;border-right:1px solid var(--ink);padding:1rem .9rem;text-align:left;font: .66rem var(--mono);letter-spacing:.05em;cursor:pointer}.case-tabs button:last-child{border-right:0}.case-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.case-tabs button span{display:block;font-size:.56rem;margin-top:.5rem;opacity:.75}.case-panel{padding:clamp(1.5rem,3.5vw,3rem);background:var(--paper);position:relative}.case-panel:after{content:'';position:absolute;top:0;right:0;width:8px;height:100%;background:var(--orange)}.case-label{font: .62rem var(--mono);letter-spacing:.09em;color:var(--orange);margin-bottom:.7rem}.case-panel h3{font:400 clamp(1.7rem,3vw,3rem) var(--serif);letter-spacing:-.045em;line-height:1;margin-bottom:1rem;max-width:30rem}.case-panel header>p:last-child{color:var(--ink-soft);max-width:40rem}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin:2rem 0 0}.case-grid div{padding:1.25rem 1rem 1.25rem 0;border-bottom:1px solid var(--line);margin-right:1rem}.case-grid dt,.case-panel footer span{font: .59rem var(--mono);letter-spacing:.07em;color:var(--orange)}.case-grid dd{font-size:.86rem;line-height:1.5;margin:.5rem 0 0;color:var(--ink-soft)}.case-panel footer{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.3rem;margin-top:1.6rem}.case-panel footer b{font-size:.79rem;font-weight:400}.case-shift>*{animation:case-in .26s var(--ease)}@keyframes case-in{from{opacity:.3;transform:translateX(6px)}to{opacity:1;transform:none}}
.use-record{display:grid;grid-template-columns:62px minmax(0,1.1fr) minmax(370px,.9fr);border-bottom:1px solid var(--line)}.use-copy{padding:clamp(4rem,9vw,9rem) clamp(2rem,7vw,9rem);align-self:center}.use-copy>p:not(.eyebrow){font-size:1.05rem;color:var(--ink-soft);max-width:38rem}.record-preview{margin:clamp(3rem,8vw,8rem) clamp(1.5rem,7vw,9rem) clamp(3rem,8vw,8rem) 0;background:var(--ink);color:var(--paper);align-self:center;position:relative;box-shadow:14px 14px 0 var(--orange)}.preview-top{font: .6rem var(--mono);letter-spacing:.08em;color:#f1a689;padding:1.1rem;border-bottom:1px solid rgba(242,239,231,.3);display:flex;justify-content:space-between;gap:1rem}.preview-body{padding:1.2rem 1.5rem 1.6rem}.preview-body p{border-bottom:1px solid rgba(242,239,231,.18);padding:1rem 0;margin:0;font-size:.8rem;color:#d0d9dd}.preview-body p:last-child{border:0}.preview-body b{font: .58rem var(--mono);letter-spacing:.08em;color:var(--paper)}.preview-stamp{position:absolute;right:-2.2rem;bottom:2rem;border:2px solid var(--orange);color:var(--orange);font: .65rem/1.05 var(--mono);letter-spacing:.08em;padding:.7rem;transform:rotate(-11deg);text-align:center;background:var(--ink)}.limits{background:var(--paper-deep);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,11vw,15rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,12vw,15rem);border-bottom:1px solid var(--line)}.limits-copy{font-size:1.05rem;color:var(--ink-soft);padding-top:1.2rem}.limits details{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.1rem}.limits summary{color:var(--ink);cursor:pointer;font:400 1.25rem var(--serif)}.limits details p{font-size:.9rem;margin:1rem 0 0}.sources{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,9rem);border-bottom:1px solid var(--line)}.sources h2{max-width:57rem}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:3rem}.source-grid a{padding:1.4rem 1.2rem 1.3rem 0;border-right:1px solid var(--line);text-decoration:none;position:relative;min-height:180px}.source-grid a:not(:first-child){padding-left:1.2rem}.source-grid a:last-child{border-right:0}.source-grid span{font: .6rem var(--mono);color:var(--orange);display:block}.source-grid b{display:block;font:400 1.35rem var(--serif);letter-spacing:-.03em;margin:1rem 0 .45rem}.source-grid p{font-size:.8rem;color:var(--ink-soft);margin:0;max-width:14rem}.source-grid i{position:absolute;right:1rem;bottom:1rem;color:var(--orange);font-style:normal}.site-footer{background:var(--ink);color:var(--paper);padding:clamp(3rem,6vw,6rem) clamp(1.25rem,5vw,7rem) 1.2rem}.footer-top{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:3rem;align-items:start;border-bottom:1px solid rgba(242,239,231,.25);padding-bottom:3rem}.footer-brand .brand-mark{fill:var(--paper)}.footer-brand small{color:#c8d3db}.footer-top>p{font-size:.95rem;color:#c8d3db;line-height:1.6;margin:0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 0}.footer-grid section{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.footer-grid h2{font: .64rem var(--mono);letter-spacing:.1em;color:#f1a689;margin:0 0 .7rem}.footer-grid a{font-size:.78rem;color:#d8e0e2;text-decoration:none}.footer-grid a span{color:#f1a689}.footer-bottom{border-top:1px solid rgba(242,239,231,.25);padding-top:1.1rem;font: .58rem var(--mono);letter-spacing:.07em;color:#c8d3db;display:flex;gap:1rem;justify-content:space-between}.footer-bottom a{color:#f1a689;text-decoration:none}
@media (max-width:900px){.hero{grid-template-columns:48px 1fr;grid-template-rows:auto auto}.hero-copy{padding-bottom:3rem}.change-surface-art{grid-column:2;margin:0 2rem 3rem}.hero-index{grid-column:2;grid-template-columns:repeat(2,1fr)}.method{grid-template-columns:48px 1fr}.method-heading{grid-column:2}.window-list{grid-column:2;border-left:0}.walkthrough{grid-template-columns:1fr;gap:2rem}.use-record{grid-template-columns:48px 1fr}.use-copy{grid-column:2;padding-bottom:2rem}.record-preview{grid-column:2;margin:0 3rem 5rem}.source-grid{grid-template-columns:repeat(2,1fr)}.source-grid a:nth-child(2){border-right:0}.source-grid a:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:680px){.site-header{min-height:76px;padding:0 1.1rem}.brand-mark{width:33px;height:33px}nav{display:none;position:absolute;left:0;right:0;top:75px;background:var(--paper);border-bottom:1px solid var(--line);padding:1.2rem;flex-direction:column;align-items:flex-start;gap:1.25rem}.menu-toggle{display:flex}nav.is-open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-rail,.section-rail{display:none}.hero-copy{padding:4rem 1.25rem 2rem}.change-surface-art{grid-column:1;margin:1rem 1.25rem 2.2rem}.hero-index{grid-column:1}.hero-index span{font-size:.54rem}.boundary-strip{align-items:flex-start;flex-direction:column;padding:1.2rem}.method{display:block}.method-heading{padding:4rem 1.25rem 2rem}.window-list{display:block;border-top:1px solid var(--line)}.window-list article{min-height:0;border-right:0;padding:2rem 1.25rem}.walkthrough{padding:4rem 1.25rem}.case-tabs{display:block}.case-tabs button{display:flex;width:100%;justify-content:space-between;border-right:0;border-bottom:1px solid var(--ink)}.case-tabs button span{margin:0}.case-grid{grid-template-columns:1fr}.case-grid div{margin:0}.case-panel footer{grid-template-columns:1fr;gap:.35rem}.use-record{display:block}.use-copy{padding:4rem 1.25rem 2rem}.record-preview{margin:2rem 2.5rem 4rem 1.25rem}.limits{display:block;padding:4rem 1.25rem}.limits-copy{padding-top:1rem}.sources{padding:4rem 1.25rem}.source-grid{display:block;margin-top:2rem}.source-grid a,.source-grid a:not(:first-child){display:block;padding:1.3rem 1rem 1.4rem 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.source-grid a:last-child{border-bottom:0}.source-grid i{bottom:1.25rem}.footer-top{display:block;padding-bottom:2rem}.footer-top>p{margin-top:1.5rem}.footer-grid{grid-template-columns:repeat(2,1fr);padding:2.5rem 0;gap:2.5rem 1.2rem}.footer-bottom{display:block;line-height:2}.footer-bottom span,.footer-bottom a{display:block}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.case-shift>*{transition:none;animation:none}}

/* Field note / Continuity Lens: a distinct editorial layout for post-change analysis; never a dashboard, score, or form. */
.field-note-page .site-header{position:sticky}.note-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(2rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,10rem) clamp(4rem,8vw,8rem);border-bottom:1px solid var(--line);align-items:center}.note-hero h1{max-width:50rem}.note-boundary{max-width:35rem;margin-top:2rem;padding:1rem 0 0;border-top:1px solid var(--line);font:.72rem/1.6 var(--mono);color:var(--ink-soft)}.continuity-lens{margin:0;position:relative}.continuity-lens:before{content:"";position:absolute;inset:-1.2rem 1.4rem 1.4rem -1.2rem;border:1px solid var(--orange);z-index:-1}.continuity-lens svg{display:block;width:100%;height:auto}.continuity-lens figcaption{margin-top:1rem;color:var(--ink-soft);font:.67rem/1.5 var(--mono)}.continuity-lens figcaption b{color:var(--orange);font-weight:400;margin-right:.6rem}.note-statement{padding:clamp(3rem,6vw,6rem) clamp(1.25rem,14vw,19rem);background:var(--ink);color:var(--paper)}.note-statement p{margin:0;font:400 clamp(1.6rem,3vw,3.15rem)/1.15 var(--serif);letter-spacing:-.035em}.note-statement span{display:block;margin-bottom:1.2rem;color:#f1a689;font:.62rem var(--mono);letter-spacing:.12em}.note-surfaces{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);gap:clamp(3rem,9vw,13rem);padding:clamp(5rem,10vw,11rem) clamp(1.25rem,9vw,12rem);border-bottom:1px solid var(--line)}.note-surfaces h2{max-width:34rem}.note-surfaces ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.note-surfaces li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}.note-surfaces li>b{color:var(--orange);font:.68rem var(--mono);letter-spacing:.1em}.note-surfaces h3{margin:0 0 .45rem;font:400 clamp(1.25rem,2vw,1.9rem)/1 var(--serif);letter-spacing:-.03em}.note-surfaces li p{margin:0;color:var(--ink-soft);font-size:.9rem}.note-record{display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,.75fr);gap:clamp(3rem,10vw,14rem);padding:clamp(5rem,10vw,11rem) clamp(1.25rem,12vw,16rem);background:var(--sage);border-bottom:1px solid var(--line)}.note-record h2{max-width:34rem}.note-record>div:last-child{padding-top:1.4rem;color:var(--ink-soft);font-size:1.05rem}.note-record .button{margin:1.8rem 1.4rem 0 0}.note-record .text-link{display:inline-block;margin-top:1.2rem}.note-basis{padding:clamp(5rem,9vw,10rem) clamp(1.25rem,8vw,10rem);border-bottom:1px solid var(--line)}.note-basis h2{max-width:56rem}.note-source-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid var(--line)}.note-source-grid a{min-height:190px;padding:1.3rem 1.25rem 1.25rem 0;border-right:1px solid var(--line);text-decoration:none}.note-source-grid a:not(:first-child){padding-left:1.25rem}.note-source-grid a:last-child{border-right:0}.note-source-grid span{display:block;color:var(--orange);font:.61rem var(--mono);letter-spacing:.1em}.note-source-grid b{display:block;margin:1.1rem 0 .65rem;font:400 1.45rem var(--serif);letter-spacing:-.03em}.note-source-grid p{margin:0;color:var(--ink-soft);font-size:.82rem;line-height:1.5}.field-note-page .site-footer{margin:0}@media (max-width:760px){.note-hero,.note-surfaces,.note-record{grid-template-columns:1fr;padding:4rem 1.25rem;gap:2.5rem}.continuity-lens{max-width:540px}.note-surfaces li{grid-template-columns:3rem 1fr}.note-record>div:last-child{padding-top:0}.note-source-grid{grid-template-columns:1fr}.note-source-grid a,.note-source-grid a:not(:first-child){min-height:0;padding:1.3rem 0;border-right:0;border-bottom:1px solid var(--line)}.note-source-grid a:last-child{border-bottom:0}}
