/* Working instruments, framed by the Fieldnotes editorial master.
   Reference language: metal keypads, portable recorders and split-flap counters. */
.study-desk{margin:0 3.4%;padding:45px 0 23px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);scroll-margin-top:24px}
.study-desk [hidden]{display:none!important}.study-desk button:disabled{cursor:default;opacity:.45}
.desk-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}
.desk-intro>p{margin:0 0 5px;max-width:400px;font-size:17px;line-height:1.55}
.desk-instruments{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:34px;align-items:start}
.study-desk .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.study-desk .instrument-plate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #a5a7a0;box-shadow:0 1px 0 #ffffff90}
.study-desk .instrument-plate h3{font-size:19px;font-weight:700;letter-spacing:-.65px;line-height:1.1;margin:0}
.study-desk .instrument-plate h3 span{font-weight:400;margin-left:9px;font:italic 17px Georgia,serif}
.study-desk .serial{font:12px/1.4 'Courier New',monospace;white-space:nowrap;color:#525751}
.reading-deck{min-width:0;padding:24px 22px 16px;border:1px solid #969a93;border-radius:12px;background:linear-gradient(110deg,#f1f1e9 0%,#d1d4ce 22%,#e2e4dc 57%,#c7cbc4 100%);box-shadow:inset 0 1px 1px #fff,inset 0 -4px 1px #a1a69e,0 3px 0 #8d948b,0 14px 24px -17px #252d2660}
.deck-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 20px;margin:18px 0;color:#434b40;font:11px/1.5 'Courier New',monospace;letter-spacing:.03em}
.deck-label>span:first-child{white-space:nowrap}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#497b54;margin-right:7px;box-shadow:0 0 0 2px #f5f7ed80;vertical-align:1px}
.depth-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;background:#71786f;border:1px solid #777f74;padding:6px;border-radius:8px;box-shadow:inset 0 2px 3px #28342660,0 1px 0 #fff9;margin-bottom:18px}
.study-desk .deck-key{width:100%;min-width:0;min-height:91px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;margin:0;padding:12px 10px 10px;color:#2c332b;background:linear-gradient(135deg,#fafaf1,#d1d5ca);border:1px solid #555c53;border-radius:5px;box-shadow:inset 0 1px 1px #fff,inset 0 -3px 1px #acb1a5,0 3px 1px #3b433c;font-size:13px;text-align:left;line-height:1.15;transition:transform .12s,box-shadow .12s}
.study-desk .deck-key:hover:not(:disabled){background:linear-gradient(135deg,#fffef7,#e0e5d7);color:#20271f}
.study-desk .deck-key .key-number{font:28px/1 Georgia,serif;letter-spacing:-1px}
.study-desk .deck-key[aria-selected=true]{background:linear-gradient(135deg,#b7c9a0,#cdd8bb);border-color:#596a4e;box-shadow:inset 0 2px 4px #66765170,inset 0 -1px 0 #e4eddb,0 1px 0 #4b5847;transform:translateY(2px)}
.study-desk .deck-key.recall-key{color:#883a26}
.study-desk .deck-key:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 3px #63705960}
.study-desk button:focus-visible,.sample-panel:focus-visible,.study-desk input:focus-visible,.study-desk a:focus-visible{outline:2px solid #253eae;outline-offset:4px}
.reader-well{min-width:0;background:#faf8ef;border:1px solid #8e9787;border-radius:3px;box-shadow:inset 0 2px 5px #39422d26;overflow:hidden}
.sample-panel{padding:26px 25px 24px;min-height:370px;animation:panel-arrive .18s ease-out}
.sample-panel .panel-index{font:11px/1.45 'Courier New',monospace;color:#545e4b;letter-spacing:.055em;margin:0 0 17px}
.sample-panel h3{font:clamp(28px,2.5vw,38px)/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 18px;color:#2b3426}
.sample-panel>p{font-size:16px;line-height:1.55;margin:0 0 18px;max-width:650px}.sample-panel .math{font-family:Georgia,'Times New Roman',serif;font-variant-numeric:lining-nums}
.concept-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b8bfad;border-bottom:1px solid #b8bfad;margin:23px 0 18px}
.concept-pair>div{padding:18px 10px 18px 0}.concept-pair>div+div{border-left:1px solid #b8bfad;padding-left:22px}
.concept-pair small{font-size:11px;color:#55614b;letter-spacing:.02em}.concept-pair strong{display:block;font-weight:400;font-size:clamp(25px,2.4vw,34px);line-height:1.3;margin:8px 0}.concept-pair span{font-size:14px;color:#505b46}
.sample-panel .panel-note{font-size:14px;line-height:1.55;color:#59634f;margin:16px 0}
.sample-panel .panel-source{font-size:13px;line-height:1.6;text-underline-offset:3px;color:#46513c;display:inline-block;padding:5px 0}
.calculation-path{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;counter-reset:steps}
.calculation-path li{border-top:1px solid #b8bfad;padding:14px 0 13px}.calculation-path small{font-size:11px;letter-spacing:.035em;color:#55614b}.calculation-path .math{display:block;font-size:21px;margin:9px 0}.calculation-path p{font-size:14px;margin:0;color:#505b46;line-height:1.45}
.detail-slip{border-left:3px solid #7a8967;padding:2px 0 2px 15px;margin:20px 0}.detail-slip small{font-size:11px;color:#55614b}.detail-slip p{font:20px/1.5 Georgia,serif;margin:7px 0 0}
.deck-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 1px 3px;font:10px/1.5 'Courier New',monospace;color:#51594b}.deck-footer a{font:14px Arial,sans-serif;padding:5px 0;color:#2a3424}
.study-desk #recall-form fieldset{border:0;padding:0;margin:0}.study-desk #recall-form legend{font:14px/1.5 Arial,sans-serif;color:#59634f;letter-spacing:0;margin-bottom:13px}.study-desk .recall-option{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #c2c8b9;padding:13px 0;margin:0;cursor:pointer}.recall-option input{width:16px;height:16px;flex:0 0 16px;margin:3px 0 0;accent-color:#435538}.study-desk .recall-option span{color:#30392a;font-size:15px;line-height:1.45}.study-desk .recall-check{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#394632;color:#f5f4e9;border:1px solid #394632;min-height:44px;margin:10px 0 0;padding:10px 14px;font-size:14px;width:auto;border-radius:2px}.study-desk .recall-check:hover{background:#4c603f}.recall-feedback{padding:14px 0 0;font-size:15px;line-height:1.5;color:#34482c}.recall-feedback[data-correct=false]{color:#863b27}.study-desk .revisit-key{padding:7px 0;min-height:44px;width:auto;margin:5px 0 0;background:none;border:0;border-bottom:1px solid #65735a;color:#34482c;font-size:14px}.study-desk .revisit-key:hover{background:none;color:#253eae}
.focus-station{min-width:0}.focus-clock{padding:24px 22px 0;border:1px solid #343a34;border-radius:12px;background:linear-gradient(115deg,#41483f,#282e28 70%,#343a32);color:#f0f1e7;box-shadow:inset 0 1px 1px #737c6e,inset 0 -4px 0 #181e17,0 3px 0 #11180f,0 14px 24px -17px #252d2670}
.focus-clock .instrument-plate{border-color:#1e241c;box-shadow:0 1px 0 #626c5750}.focus-clock .instrument-plate h3{font-size:18px;font-weight:500;letter-spacing:-.35px}.focus-clock .serial{color:#b5bba9}.clock-caption{font:11px/1.5 'Courier New',monospace;letter-spacing:.035em;color:#c3cbb9;margin:22px 0 16px}.focus-clock .signal{background:#a3b594;box-shadow:0 0 0 2px #03070150}.focus-clock[data-phase=running] .signal{background:#c2e1a3;box-shadow:0 0 5px #a7cc81}
.flap-display{padding:13px 10px 9px;background:#141a12;border:1px solid #11170d;border-bottom-color:#59624d;border-radius:5px;box-shadow:inset 0 3px 7px #0008}.flap-digits{display:flex;gap:4px;justify-content:center;align-items:center;font:clamp(39px,5.2vw,77px)/1.25 'Courier New',monospace;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.flap-digit{display:block;position:relative;flex:1 1 0;min-width:0;text-align:center;border:1px solid #12170f;border-top-color:#424b39;border-radius:3px;background:linear-gradient(#343e2d 0%,#283121 49.6%,#151c11 50%,#2d3726 52%,#303a28 100%);color:#e4e8cd;text-shadow:0 1px 2px #000;box-shadow:0 2px 2px #0006;letter-spacing:-.08em;padding-right:.06em}
.flap-digit:after{content:"";position:absolute;height:1px;background:#0e160c8c;top:50%;left:0;right:0}.flap-digit.is-changing{animation:flap-arrive .18s ease-out}.clock-colon{flex:0 0 .16em;font-size:.6em;margin:0 1px;color:#a8b197;letter-spacing:0}.clock-units{display:grid;grid-template-columns:1fr 1fr;text-align:center;color:#b4bea3;font:9px/1.4 'Courier New',monospace;letter-spacing:.11em;padding:9px 0 0}
.duration-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.study-desk .duration-keys button{min-width:0;width:100%;min-height:46px;margin:0;padding:9px 4px;background:linear-gradient(#444d3e,#343d2f);border:1px solid #192214;border-top-color:#636f58;border-radius:4px;box-shadow:0 2px 1px #162011;color:#e8ebde;font:18px/1.2 'Courier New',monospace}.duration-keys button span{font:11px 'Courier New',monospace;color:#c2cbb6}.study-desk .duration-keys button[aria-pressed=true]{background:#aeba9a;color:#26301e;border-color:#182311;box-shadow:inset 0 2px 3px #42533450}.duration-keys button[aria-pressed=true] span{color:#26301e}.study-desk .duration-keys button:hover:not(:disabled){border-color:#e1e9d3;color:#e8ebde;background:#526146}.study-desk .duration-keys button:disabled{opacity:.65}
.transport-keys{display:grid;grid-template-columns:1.4fr 1fr;gap:9px;padding:6px;background:#1b2217;border-radius:6px;box-shadow:inset 0 2px 4px #0005}.study-desk .transport-keys button{width:100%;min-height:53px;margin:0;padding:12px 10px;border-radius:4px;color:#323b2b;border:1px solid #aeb6a1;background:linear-gradient(#f1f1e6,#c2cab5);box-shadow:inset 0 1px 1px #fff,inset 0 -3px 1px #929e83,0 2px 1px #0007;font-size:14px;display:flex;justify-content:center;align-items:center;gap:12px}.study-desk .transport-keys .clock-start{background:linear-gradient(#d3dfb9,#a9bb8b);border-color:#b5c89c;box-shadow:inset 0 1px 1px #ecf7d9,inset 0 -3px 1px #819263,0 2px 1px #0007}.study-desk .transport-keys button:hover:not(:disabled){filter:brightness(1.09);color:#283220}.study-desk .transport-keys button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 3px #63744c70}.transport-keys button>span:first-child{font-size:17px}.focus-clock[data-phase=running] .clock-start{box-shadow:inset 0 2px 3px #49583b80;transform:translateY(2px)}
.focus-clock button:focus-visible{outline-color:#e6edcb}.clock-status{min-height:42px;font-size:13px;line-height:1.5;color:#c6cfb8;margin:18px 0 14px}.clock-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #56604c;padding:13px 0 16px;font:9px/1.3 'Courier New',monospace;letter-spacing:.04em;color:#b7c0a8}.clock-bottom>span:last-child{font-size:14px}
.study-ritual{padding:29px 3px 0}.study-ritual .kicker{margin-bottom:14px}.study-ritual ol{padding-left:20px;font:19px/1.4 Georgia,serif;margin:0 0 18px}.study-ritual li{padding-left:2px;margin:8px 0}.study-ritual>p:not(.kicker){font-size:13px;line-height:1.55;color:var(--muted);margin:18px 0}.study-ritual .text-link{font-size:14px;gap:20px;padding:7px 0}
.desk-colophon{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font:10px/1.4 'Courier New',monospace;letter-spacing:.035em;color:var(--muted)}
@keyframes panel-arrive{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes flap-arrive{from{transform:perspective(180px) rotateX(-12deg);filter:brightness(.78)}to{transform:perspective(180px) rotateX(0);filter:brightness(1)}}
@media(min-width:1500px){.sample-panel{min-height:395px;padding:32px}.sample-panel>p{font-size:18px}.flap-digits{font-size:82px}}
@media(max-width:1000px){.desk-instruments{grid-template-columns:minmax(0,1fr);gap:32px}.focus-station{display:grid;grid-template-columns:minmax(285px,1fr) minmax(0,1fr);gap:32px;align-items:start}.study-ritual{padding-top:12px}.flap-digits{font-size:clamp(50px,7.6vw,78px)}.sample-panel{min-height:330px}.sample-panel h3{font-size:34px}.concept-pair strong{font-size:32px}}
@media(max-width:650px){.top nav{gap:10px 17px;flex-wrap:wrap;justify-content:flex-end;max-width:360px}.desk-intro{align-items:flex-start;flex-direction:column;gap:20px}.desk-intro>p{font-size:16px}.focus-station{grid-template-columns:1fr;gap:14px}.flap-digits{font-size:clamp(49px,13vw,85px)}.study-ritual{padding:16px 0 0}.reading-deck{padding:19px 14px 13px}.sample-panel{padding:23px 19px;min-height:380px}.study-desk .instrument-plate h3 span{display:block;font-size:16px;margin:6px 0 0}.study-desk .deck-key{padding:10px 6px 9px;font-size:12px;min-height:85px}.depth-keys{gap:5px;padding:5px}.deck-label{font-size:10px}.deck-footer{font-size:9px}.desk-colophon{font-size:9px}.desk-colophon span:last-child{text-align:right}}
@media(max-width:560px){.study-desk{margin:0 6%;padding-top:32px}.desk-intro{margin-bottom:27px}.desk-intro .kicker{font-size:11px}.sample-panel h3{font-size:28px}.sample-panel>p{font-size:15px}.concept-pair strong{font-size:26px}.concept-pair small{font-size:10px}.concept-pair>div+div{padding-left:14px}.calculation-path{gap:0 15px}.calculation-path .math{font-size:18px}.calculation-path p{font-size:13px}.study-desk .recall-option span{font-size:14px}.study-desk .recall-check{width:100%}.focus-clock{padding:23px 21px 0}.study-ritual ol{font-size:20px}}
@media(max-width:370px){.reading-deck{padding:17px 10px 12px}.sample-panel{padding:21px 15px}.study-desk .deck-key{font-size:11px}.concept-pair strong{font-size:23px}.calculation-path{grid-template-columns:1fr}.focus-clock{padding-left:17px;padding-right:17px}.desk-colophon{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.study-desk *, .study-desk *:before,.study-desk *:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.reading-deck,.focus-clock,.reader-well,.flap-digit{border:1px solid CanvasText}.study-desk button[aria-selected=true],.study-desk button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}.signal{background:CanvasText}}