@font-face{font-family:Halcyon;src:url('fonts/cormorant-garamond-var.woff2') format('woff2');font-display:swap}@font-face{font-family:Document;src:url('fonts/source-serif-4-var.woff2') format('woff2');font-display:swap}@font-face{font-family:Interface;src:url('fonts/ibm-plex-sans-var.woff2') format('woff2');font-display:swap}@font-face{font-family:Record;src:url('fonts/ibm-plex-mono-400.woff2') format('woff2');font-display:swap}
:root{--night-master:url('media/halcyon-night-master.avif');--night-portrait:url('media/halcyon-night-portrait.avif');--ground:#091b19;--paper:#eee8d8;--paper-ink:#29342f;--ink:#eee7d3;--muted:#aeb9ac;--gold:#c5b386;--reading-scale:1;color-scheme:dark;font:15px/1.5 Interface,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--ground);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer;min-height:36px}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #b69144;outline-offset:4px}button{border:0}input,textarea{display:block;width:100%;padding:12px 14px;border:1px solid #9b9d8c;background:#faf6eb;color:#28372d;border-radius:0;font-size:16px}textarea{resize:vertical}label{display:block;margin:18px 0}p{margin:0 0 1em}h1,h2,h3{font-family:Halcyon,Georgia,serif;font-weight:500;line-height:1.08;margin:0}h1{font-size:clamp(40px,4.6vw,66px)}h2{font-size:36px}h3{font-size:27px}summary{cursor:pointer;min-height:40px;padding:9px 0}blockquote{margin:14px 0;font-family:Document,Georgia,serif;font-size:16px;line-height:1.7;white-space:pre-wrap}a{color:inherit}.skip{position:fixed;top:-80px;padding:14px;z-index:100;background:var(--paper);color:var(--ground)}.skip:focus{top:0}.masthead{height:56px;padding:0 4vw;display:flex;gap:26px;align-items:center;border-bottom:1px solid #ffffff12;color:var(--muted);font-size:12px}.masthead button{background:none;color:inherit;padding:5px 0}.masthead .brand{margin-right:auto;color:var(--ink);font:22px Halcyon,Georgia,serif}.eyebrow{font:10px/1.5 Interface,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);margin:0 0 7px}.text-button{padding:5px 0;background:none;color:inherit;text-align:left;text-decoration:underline;text-decoration-color:#a497704f;text-underline-offset:5px}.primary{padding:12px 21px;background:#25483c;color:#fff6df;font-weight:500;min-height:44px}.primary:hover{background:#335d4e}.actions{display:flex;gap:12px 22px;flex-wrap:wrap;align-items:center;margin:15px 0}.quiet{color:#657063}.italic{font-family:Document,Georgia,serif;font-style:italic}.caption{font:12px/1.55 Interface,sans-serif;color:#667064;margin:5px 0 10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.investigation{max-width:1450px;padding:34px 4vw 20px;margin:auto;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(235px,.8fr);gap:5vw}.hotel-column{min-width:0}.hotel-model{position:relative;height:clamp(230px,28vw,420px);margin-top:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#263c33,#0a1c19 75%)}.place-links{display:flex;gap:7px 22px;flex-wrap:wrap;margin:5px 0;color:#c2bb9d;font-size:13px}.place-links [aria-current=location]{color:#f2e7bf;text-decoration-color:#d5c38f}.reconstruction{padding-top:24px}.reconstruction h2{font-size:35px;margin-bottom:24px}.reconstruction .quiet,.reconstruction .caption{color:#a2ae9f}.account-row{border-top:1px solid #ffffff20;padding:12px 0}.account-row button{font:24px/1.14 Halcyon,Georgia,serif;text-decoration:none}.finding-fold{border-top:1px solid #ffffff28;margin-top:26px;padding-top:18px}.finding-fold>button{color:#d3c396}.finding-fold p{font-size:12px;color:var(--muted);margin-top:10px}.time-toggle{display:flex;justify-content:space-between;width:100%;padding:15px 0;background:none;color:var(--ink);border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;font:24px Halcyon,serif;margin-top:12px}.time-toggle span{font:12px Interface,sans-serif;align-self:center;color:var(--muted)}#place-findings{font-size:13px;display:flex;gap:8px 18px;flex-wrap:wrap}#place-findings .caption{width:100%;color:#aeb9ac;margin:0}.date-ribbon{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0;color:var(--muted)}.date-ribbon [aria-current=date]{color:#f4e6bf}.time-row{position:relative;border-left:1px solid #8a9c7c;padding:6px 0 10px 20px;margin-left:7px}.time-row:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#c9b581;left:-4px;top:13px}.time-row.during{border-left:4px solid #b1a174;padding-left:17px}.time-row.sometime-between{border-left:2px dashed #b1a174;padding-left:19px}.time-row.about:before{background:var(--ground);border:1px solid #c9b581}.time-row .caption{color:#aeb9ac;margin:0}.loose-times{padding-top:15px;color:#b8c0ac}.papers{max-width:1450px;margin:0 auto 55px;padding:28px 4vw 25px;background:var(--paper);color:var(--paper-ink);box-shadow:0 -1px 0 #dfd5bb}.papers .eyebrow{color:#77795e}.papers h2{font-size:38px}.paper-band>h3{font:12px Interface,sans-serif;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #b7b59f;margin:26px 0 14px;padding-top:18px}.packet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:18px;margin-top:16px}.packet{position:relative;padding:0 0 10px}.paper-edge{height:10px;border-top:1px solid #ada992;border-bottom:1px solid #d3cebc;transform:skewX(-7deg);margin:0 4px 6px 0}.packet-title{padding:4px 0;background:none;color:inherit;font:23px/1.15 Halcyon,Georgia,serif;text-align:left;width:100%}.packet-title[aria-expanded]:after{content:' +';font:15px Interface,sans-serif;color:#6f7864}.packet-title[aria-expanded=true]:after{content:' −'}.packet-contents{padding-top:8px}.packet-contents button{display:block;font-size:13px;margin-bottom:5px}.followup{background:none;color:#465b45;border-bottom:1px solid #969c84;margin-top:20px;padding:5px 0}.hotel3d-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.hotel3d-labels{position:absolute;inset:0;pointer-events:none}.hotel3d-target{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#10251fdf;color:#efe6c7;padding:3px 7px;font:12px Interface,sans-serif;white-space:nowrap;min-height:28px;border-bottom:1px solid #a29465}.hotel3d-target[data-target^=th-]{font-size:10px;transform:translate(-50%,12px)}.hotel3d-controls{position:absolute;left:8px;right:8px;bottom:4px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hotel3d-controls button{font-size:11px;padding:4px 9px;background:#0c211bda;color:#cfcab0;border:1px solid #c9c9a420}
/* A single foreground over the continuing investigation. Native dialog supplies focus containment. */
dialog{position:fixed;inset:0;margin:auto;width:min(860px,calc(100% - 48px));max-height:92dvh;padding:0;border:0;background:var(--paper);color:var(--paper-ink);box-shadow:0 22px 100px #0009;color-scheme:light}dialog::backdrop{background:#04110cd1;backdrop-filter:blur(3px)}dialog:has(.source-focus){width:min(1500px,calc(100% - 40px));max-height:94dvh}.sheet,.finding-sheet,.review-sheet,.reveal-sheet{padding:30px clamp(22px,5vw,60px) 45px}.focus-head{display:flex;gap:24px;justify-content:space-between;align-items:start;border-bottom:1px solid #bbb7a1;padding-bottom:22px;margin-bottom:24px}.focus-head h2{overflow-wrap:anywhere}.focus-head button{white-space:nowrap;font-size:13px}.finding-sheet>.eyebrow,.sheet>.eyebrow,.reveal-sheet>.eyebrow{color:#667258}.finding-detail{font:calc(19px * var(--reading-scale))/1.6 Document,Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0}.citation{margin:25px 0;padding:20px 24px;border-left:2px solid #b7a57a;background:#e4decb}.citation blockquote{font-size:calc(16px * var(--reading-scale))}.source-name{font:13px Interface,sans-serif;color:#596551;margin:0}.citation .caption{margin-bottom:7px}.finding-foot,.commit-foot{margin-top:30px;padding-top:25px;border-top:1px solid #b4b69e}.finding-foot{display:flex;gap:20px;flex-wrap:wrap}.connection-line{display:flex;gap:12px 26px;flex-wrap:wrap}.connection-line details{min-width:120px}.connection-line details button{display:block;font-size:13px}.subject-list{display:flex;gap:10px 22px;flex-wrap:wrap;margin-bottom:25px}.subject-list button{padding:8px 3px}.finding-row{padding:18px 0;border-bottom:1px solid #bab9a3}.finding-title{font:27px/1.2 Halcyon,Georgia,serif;background:none;color:inherit;padding:0;text-align:left;overflow-wrap:anywhere}.finding-row .caption{margin:5px 0}.time-preview{font:25px/1.3 Halcyon,serif;margin:24px 0;color:#425d43}.time-examples{margin-top:28px}.time-examples p{font-size:14px;margin:8px 0;color:#62705b}.time-source{border-top:1px solid #bbb8a0;margin-top:20px;padding-top:8px}.time-source blockquote{font-size:15px}.contents h3{margin:24px 0 8px}.contents button{display:block;padding:9px 0;font-family:Document,serif}.people-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.person-name{font:29px Halcyon,serif;background:none;color:inherit;padding:0;text-align:left}.review-finding{border-bottom:1px solid #b4b69e;padding:24px 0;position:relative}.review-finding h3{font-size:32px}.sequence{font:12px Record,monospace;color:#7d846b}.review-finding .actions{font-size:12px}.review-finding .finding-detail{font-size:18px}.actor-choice{display:flex;gap:15px;flex-wrap:wrap;padding:15px 0}.reveal-section{padding:24px 0;border-bottom:1px solid #b4b69e;font:calc(17px * var(--reading-scale))/1.8 Document,serif}.reveal-section h3{font-size:33px;margin:0 0 24px}.reveal-section p{margin:0 0 1.2em}.ending{text-align:center;padding:70px 0 30px}.ending-title{font:46px Halcyon,serif}.check-label{display:flex;align-items:center;gap:12px}.check-label input{width:20px;height:20px}.file-label input{font-size:14px;padding:15px 0;border:0;background:none}.source-focus .focus-head{margin:0;padding:17px 25px;background:#112820;color:#eee6d0;border:0}.source-focus .focus-head h2{font-size:27px}.reader-tools{display:flex;gap:20px;padding:8px 25px;border-bottom:1px solid #bbb7a1;font-size:13px}.source-panes{display:grid;grid-template-columns:minmax(0,1fr);background:#d8d2c0}.source-panes.comparison{grid-template-columns:1fr 1fr;gap:2px}.source-scroll{max-height:72dvh;overflow:auto;padding:25px 24px;scrollbar-color:#8e977d #d8d2c0;min-width:0}.doc{background:#faf6e9;color:#29332c;padding:clamp(25px,4vw,60px);max-width:900px;margin:auto;box-shadow:0 3px 12px #353e2d1a;font:calc(17px * var(--reading-scale))/1.8 Document,Georgia,serif}.doc-head{padding-bottom:22px;border-bottom:1px solid #b9bba8;margin-bottom:25px}.doc-title{font-size:31px;letter-spacing:.01em}.doc-sub{font:12px Interface,sans-serif;margin:10px 0 0;color:#626b58}.doc-body p{margin:0 0 1.2em}.doc-h{font:600 calc(17px * var(--reading-scale)) Document,serif;margin:25px 0 12px}.doc table{border-collapse:collapse;width:100%;font:calc(13px * var(--reading-scale))/1.7 Interface,sans-serif}.doc th,.doc td{padding:10px;text-align:left;vertical-align:top;border-bottom:1px solid #bdbfab}.doc thead th{font-weight:600;border-bottom:2px solid #939c83}.table-scroll{overflow:auto;margin:20px 0}.kv th{width:40%;font-weight:500}.doc-quote{border-left:2px solid #a5ad93;padding:4px 20px}.doc-figure{margin:15px 0}.doc-figure svg{width:100%;height:auto;display:block}.doc-note{font-style:italic}.doc-foot{border-top:1px solid #b9bba8;padding-top:18px;margin-top:30px}.doc-prov{font:11px/1.5 Interface,sans-serif;color:#69735f}.sig{display:flex;flex-direction:column;font:14px Interface,sans-serif;margin-top:28px}.sig-name{font:25px Halcyon,serif}.tr-row{display:grid;grid-template-columns:82px 95px 1fr;gap:10px;font:calc(13px * var(--reading-scale))/1.7 Record,monospace;padding:8px 0;border-bottom:1px solid #d3d4c1}.tr-t{color:#626e57}.legend{font:12px Interface,sans-serif}.legend dt{font-weight:bold}.legend dd{margin:0 0 8px}.source-mark{background:#e8d99e;color:inherit}.returned-source{outline:2px solid #a58b49;outline-offset:7px}.search-match{outline:2px dashed #9b8658;outline-offset:5px}.marking [data-anchor]{cursor:crosshair}.marking [data-anchor]:hover{outline:1px solid #8e975b;outline-offset:4px}.source-annotations{max-width:900px;margin:0 auto;padding:12px 25px;background:#e9e1c9}.source-annotations button{display:block}.composer{border-top:1px solid #b7b39b;background:#e9e2cf;padding:20px 30px}.composer blockquote{max-height:120px;overflow:auto;margin-top:8px;font-size:14px}.composer input{max-width:800px}.composer .eyebrow{color:#637154}.composer .actions{margin-bottom:0}.anchor-warning{background:#e8d4ab;color:#58492b;padding:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#notice{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#eee6d0;color:#25392b;padding:12px 20px;box-shadow:0 5px 35px #0006;font-size:14px}#notice button{margin-left:22px;font-weight:600}#storage-warning{padding:12px 4vw;color:#f4d997;background:#453622}#arrival{position:fixed;inset:0;z-index:30;background:#06131b;overflow:auto}.arrival-image{position:absolute;inset:0;background:linear-gradient(90deg,#06121ad9 0%,#07182475 42%,transparent 75%),var(--night-master) center/cover}.arrival-copy{position:relative;max-width:590px;padding:clamp(80px,18vh,180px) 0 70px;margin:0 7vw}.arrival-copy h1{font-size:clamp(55px,6vw,88px);line-height:.97;margin:25px 0 40px}.arrival-copy>p:not(.eyebrow){font:19px/1.65 Document,Georgia,serif;color:#d0d8d4;max-width:450px}.arrival-enter{background:none;color:#e8d9ad;border-bottom:1px solid #bcaa79;padding:12px 0;margin-top:24px;font:24px Halcyon,serif}.still *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:1600px){.packet-row{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:800px){.masthead{padding:0 20px}.masthead>span{display:none}.investigation{padding:24px 22px 20px;grid-template-columns:1fr;gap:20px}.hotel-model{height:300px}.reconstruction{padding-top:0}.reconstruction h2{margin-bottom:14px}.reconstruction #reconstruction-list{max-height:200px;overflow:auto}.finding-fold{margin-top:18px}.papers{padding:24px 22px}.packet-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.packet-title{font-size:22px}.source-panes.comparison{grid-template-columns:1fr}.comparison .source-scroll{height:32dvh;max-height:32dvh;border-bottom:8px solid #bebaa8}.source-scroll{padding:15px 10px;max-height:73dvh}.doc{padding:25px 22px}.doc-title{font-size:27px}.reader-tools{padding:8px 15px;gap:14px;flex-wrap:wrap}.reader-tools button{font-size:12px}.source-focus .focus-head{padding:15px}.source-focus .focus-head h2{font-size:24px}.focus-head{gap:15px}.focus-head h2{font-size:31px}.citation{padding:16px;margin:20px 0}.arrival-copy{margin:0 8vw;padding-top:16vh}.arrival-image{background:linear-gradient(90deg,#06121adb,#07182465),var(--night-portrait) center/cover}.tr-row{grid-template-columns:76px 1fr}.tr-x{grid-column:1/-1}.composer{padding:18px}.people-list{grid-template-columns:1fr}.review-finding .actions{gap:10px 18px}dialog,dialog:has(.source-focus){width:calc(100% - 16px);max-height:96dvh}.sheet,.finding-sheet,.review-sheet,.reveal-sheet{padding:24px 22px}.account-row button{font-size:25px}}
.hotel-caption{position:absolute;top:12px;left:14px;color:#f0e3c4;background:#091b19cc;padding:5px 10px;font:12px Interface,sans-serif;pointer-events:none}.hotel-model.expanded{position:fixed;inset:70px 3vw 25px;height:auto;width:auto;z-index:8;box-shadow:0 0 0 100vmax #03100aeb;background:#172b24}.hotel-model .hotel3d-controls{gap:5px;bottom:8px}.hotel-model .hotel3d-controls button{min-height:34px;background:#10291fec}
.close-focus{font:26px Interface,sans-serif;color:inherit;background:none;min-width:38px;min-height:38px}.source-finding-title{display:block;background:transparent;color:#5d633c;border-left:2px solid #aa935a;padding:5px 12px;margin:10px 0 22px;font:14px Interface,sans-serif;text-align:left}.source-finding-title:before{content:'My finding · ';font-size:11px;text-transform:uppercase;letter-spacing:.06em}

.chronology-sheet{padding:30px clamp(22px,5vw,60px) 45px}.chronology-sheet .date-ribbon{color:#526346;margin-top:0}.chronology-sheet .date-ribbon [aria-current=date]{color:#213c2c;text-decoration-thickness:2px}.chronology-sheet .eyebrow{color:#59694c}.date-only-findings{padding:4px 0 20px}.date-only-findings .finding-row{padding:8px 0}.date-only-findings .finding-title{font-size:24px}.time-windows{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:10px 0 28px}.time-windows [aria-pressed=true]{font-weight:600;text-decoration-thickness:2px}.time-ruler{height:34px;position:relative;margin:22px 20px 0;border-bottom:1px solid #879174;font:11px Record,monospace;color:#54634b}.time-ruler span{position:absolute;transform:translateX(-50%)}.time-ruler span:after{content:'';height:8px;border-left:1px solid #899479;position:absolute;left:50%;top:24px}.clock-row{padding:15px 0 12px;border-bottom:1px solid #b9b9a2}.clock-row .finding-title{font-size:24px}.clock-row .caption{margin:4px 0 8px}.clock-measure{height:16px;margin:0 20px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#9caa872f calc(25% - 1px),#9caa872f 25%)}.clock-interval{position:absolute;height:6px;top:4px;background:#708061;min-width:3px}.clock-interval.instant{height:9px;width:9px!important;min-width:0;border-radius:50%;transform:translateX(-50%);top:2px}.clock-interval.about{background:#eee8d8;border:2px solid #708061}.clock-interval.sometime-between{background:repeating-linear-gradient(120deg,#859473 0,#859473 2px,transparent 2px,transparent 5px);border-bottom:1px dashed #596c49}.loose-proposals{border-top:1px solid #aab096;margin-top:26px}.review-change{font-size:13px;color:#57664b}.review-change>summary{min-height:36px}.hotel-loading{padding:35px;color:#c4caba}.import-error{padding:15px;background:#e8d4ab;color:#594a2c}

.date-only-row{display:flex;gap:12px;align-items:baseline;border-bottom:1px solid #b8bba44d;padding:5px 0}.date-only-row>button{font:20px Halcyon,serif;flex:1}.date-only-row>.caption{max-width:40%;font-size:11px}.date-only-findings{padding-bottom:4px}dialog:has(.chronology-sheet){width:min(1000px,calc(100% - 32px))}

.hotel-model.exterior-view{background:radial-gradient(ellipse at 30% 65%,#254353 0,#102637 50%,#07141e 100%)}.hotel3d-target{z-index:1}.hotel3d-controls{z-index:2}.hotel-model[role=dialog] .hotel3d-controls{padding:6px}.hotel-model[role=dialog] .hotel3d-controls button{font-size:12px;min-height:40px}
.subject-list [aria-pressed=true]{background:#294939;color:#fff4d8;padding-inline:12px;text-decoration:none}.subject-list [aria-pressed=true]:before{content:'✓ ';font-size:12px}dialog>#notice{position:sticky;left:auto;bottom:0;transform:none;max-width:none;width:100%;margin:0;background:#d4dbc3;border-top:1px solid #87916e;box-shadow:none}
.structured-quote{display:grid;gap:12px}.quote-cell{display:grid;grid-template-columns:minmax(65px,.3fr) 1fr;gap:12px}.quote-cell small{font:11px/1.7 Interface,sans-serif;color:#63715d}.quote-cell>span{min-width:0;overflow-wrap:anywhere}.quote-segment{display:block}.quote-segment:first-child{font:12px Record,monospace;color:#63715d;margin-bottom:6px}

/* Illustrative cast portraits: the adjacent name remains the control. */
.people-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}
.person-entry{display:flex;align-items:center;gap:1rem;width:100%;padding:1.1rem 0;border:0;border-bottom:1px solid #c7c1ac;text-align:left;background:none;border-radius:0}
.cast-portrait{display:block;width:72px;height:90px;object-fit:cover;flex:none;border-radius:1px}
.cast-portrait[hidden]{display:none}
.person-label{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.person-label .person-name{font-size:1.2rem;line-height:1.25}
.person-label .caption{line-height:1.4}
.person-introduction{display:flex;align-items:center;gap:1.5rem;margin:1.25rem 0 2rem}
.person-focus-portrait{width:144px;height:180px}
.person-role{font-size:1.15rem;line-height:1.5;max-width:25ch}
@media(max-width:600px){.people-list{grid-template-columns:1fr}.person-introduction{gap:1rem}.person-focus-portrait{width:112px;height:140px}.person-entry{gap:1rem}.person-role{font-size:1rem}}

.reveal-section table{width:100%;border-collapse:collapse;font-size:.9em}
.reveal-section th,.reveal-section td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid #b4b69e}
@media(max-width:600px){.reveal-section table,.reveal-section tbody,.reveal-section tr,.reveal-section td{display:block}.reveal-section thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reveal-section tr{padding:12px 0;border-bottom:1px solid #b4b69e}.reveal-section td{padding:5px 0;border:0}.reveal-section td::before{content:attr(data-column);display:block;font:12px Interface,sans-serif;color:#596551;margin-bottom:4px}.reveal-section td:first-child{font-weight:600}}

.save-alternative{margin:1.2rem 0 2rem}.save-alternative summary{font-size:13px}.save-alternative textarea{font:12px/1.4 Record,monospace;width:100%;margin-top:1rem}
.comparison-provenance{position:sticky;top:0;z-index:2;margin:0;padding:.55rem .9rem;background:var(--paper,#eee8d5);border-bottom:1px solid #b7b19b;font:500 .72rem/1.35 var(--sans);color:#3b493e;letter-spacing:.01em;}
/* One investigation: the selected idea, its world and its proposed sequence. */
.workspace-heading{max-width:1450px;margin:auto;padding:26px 4vw 8px;display:flex;align-items:end;justify-content:space-between;gap:24px}.workspace-heading h1{font-size:clamp(36px,4vw,54px)}.workspace-heading>button{font-size:13px;color:var(--gold)}
.investigation{padding-top:18px;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:30px;align-items:start}.hotel-column .section-head h2{font-size:29px}.hotel-model{height:clamp(330px,34vw,490px)}.reconstruction{padding:18px 20px;border:1px solid #b7b99d35;background:#112720;max-height:620px;overflow:auto;scroll-margin-top:14px}.reconstruction h2{font-size:31px;margin:0 0 12px;overflow-wrap:anywhere}.reconstruction>.quiet{margin:18px 0 24px}.companion-tools{display:flex;gap:9px 18px;flex-wrap:wrap;border-bottom:1px solid #ffffff20;margin-bottom:13px;padding-bottom:10px;font-size:12px}.reconstruction .finding-detail{font:16px/1.55 Document,serif;white-space:pre-wrap}.reconstruction input,.reconstruction textarea{margin:8px 0;background:#e9e4d5}.belief-connections{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 16px}.belief-connection{display:flex;align-items:center;background:#243c30;border-bottom:1px solid #a79765}.belief-connection button{display:flex;align-items:center;gap:6px;font-size:12px;text-decoration:none;padding:4px 7px}.belief-connection .cast-portrait{width:25px;height:32px;object-fit:cover}.remove-connection{background:transparent;color:var(--gold);border-left:1px solid #ffffff18;font-size:20px!important}.inline-connections{border-bottom:1px solid #ffffff20;padding:8px 0 14px}.connection-choices{display:flex;flex-wrap:wrap;gap:4px 12px}.connection-choices button{font-size:12px;min-height:40px}.connection-choices [aria-pressed=true]{color:#efd395;text-decoration-thickness:2px}.companion-originals{margin-top:18px;border-top:1px solid #ffffff25}.companion-originals summary{color:var(--gold);font-size:12px}.companion-originals .citation{border-left:0;padding:12px 0;margin:0;border-bottom:1px solid #ffffff15}.companion-originals .citation blockquote{font:14px/1.6 Document,serif;max-height:170px;overflow:auto;color:#c8d0bd}.companion-originals .source-name{font-size:14px;color:var(--ink)}.companion-originals .citation .caption{color:var(--muted);font-size:11px}.companion-originals .citation button{font-size:12px}.included-toggle{background:none;border-bottom:1px solid var(--gold);color:var(--gold);padding:7px 0;font-size:12px}.reconstruction>.proposed-time{display:block;font:13px Interface,sans-serif;color:#dfcea8;margin:8px 0 16px}.remove-finding{margin-top:20px;font-size:12px;color:var(--muted)}
.sequence-section{max-width:1450px;padding:8px 4vw 25px;margin:auto}.sequence-section h2{font-size:29px}.sequence-section .quiet{color:var(--muted);margin:18px 0}.sequence-section>.section-head{border-bottom:1px solid #ffffff25;padding-bottom:13px}.sequence-section #findings{font-size:12px;color:var(--gold)}#sequence-search{max-width:400px;margin:12px 0}#proposed-sequence{display:flex;align-items:flex-start;overflow-x:auto;gap:28px;padding:18px 0 8px;scrollbar-color:#6a785d transparent}.sequence-day{flex:1 0 230px;max-width:340px}.sequence-day h3{font:14px Interface,sans-serif;color:var(--gold);margin-bottom:10px}.sequence-finding{display:block;width:100%;text-align:left;background:none;color:var(--ink);border-top:1px solid #ffffff23;padding:12px 7px 13px 0;break-inside:avoid}.sequence-finding>span{display:block}.sequence-time{font:11px/1.5 Interface,sans-serif;color:var(--muted);margin-bottom:5px}.sequence-title{font:23px/1.17 Halcyon,serif}.sequence-connections{font:11px/1.5 Interface,sans-serif;color:var(--muted);margin-top:7px}.sequence-included{font:10px/1.5 Interface,sans-serif;color:#dbc596;margin-top:7px}.sequence-finding[aria-pressed=true]{border-left:2px solid var(--gold);padding-left:10px;background:#ffffff06}.sequence-finding:hover{background:#ffffff08}.papers{background:transparent;color:var(--ink);box-shadow:none;border-top:1px solid #ffffff30;padding:0 4vw 22px;margin-bottom:0}.papers>details>summary{font:26px Halcyon,serif;padding:14px 0;min-height:55px}.papers .followup{color:var(--gold);margin-top:0}.papers .paper-edge{display:none}.papers .packet-title{font-size:22px}.papers .packet-row{gap:12px 30px}.papers .eyebrow{color:var(--muted)}.hotel3d-controls{gap:4px;background:#09221cde;left:7px;right:7px;bottom:7px;padding:4px}.hotel3d-controls button{min-height:34px}.hotel-zoom{width:100px;display:flex;align-items:center;margin:0 4px;font:10px Interface,sans-serif;gap:4px}.hotel-zoom input{padding:0;accent-color:#c5b386;min-width:45px;margin:0;background:transparent}.hotel3d-canvas{touch-action:none}.hotel3d-target{min-height:34px}.hotel-column #place-findings{padding-top:5px;border-top:1px solid #ffffff20}.hotel-column #place-findings:empty{border:0}.hotel-column #place-findings>.caption{font-size:10px}.hotel-column #place-findings>button{font-size:12px}.returning{animation:idea-return .24s ease-out}@keyframes idea-return{from{box-shadow:0 0 0 1px #d9c28a90;transform:translateY(5px)}to{box-shadow:none;transform:none}}#foreground[open]{animation:paper-open .18s ease-out}@keyframes paper-open{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}.still .returning,.still #foreground[open]{animation:none}
@media(max-width:760px){.workspace-heading{padding:20px 20px 4px;align-items:start}.workspace-heading h1{font-size:34px}.workspace-heading>button{max-width:105px}.investigation{display:flex;flex-direction:column;padding:16px 20px;gap:20px}.hotel-column,.reconstruction{width:100%}.hotel-model{height:350px}.reconstruction{max-height:none;padding:16px}.hotel-column .section-head h2{font-size:26px}.sequence-section{padding:10px 20px 20px}.sequence-section h2{font-size:26px}.sequence-day{flex-basis:240px}.papers{padding:0 20px 20px}.companion-originals .citation blockquote{max-height:140px}.hotel3d-controls{gap:2px}.hotel3d-controls button{font-size:10px;padding:4px 6px}.hotel-zoom{width:80px}.place-links{gap:3px 14px}.place-links button{min-height:40px}.masthead{gap:16px}.masthead>span{display:none}}
@media(prefers-reduced-motion:reduce){.returning,#foreground[open]{animation:none}}
.companion-originals .citation{background:#e8e0cc;color:#26382e;padding:12px;margin:0 0 10px}.companion-originals .citation .source-name,.companion-originals .citation blockquote{color:#29382d}.companion-originals .citation .caption{color:#59624f}.companion-originals .citation button{color:#29483a}.reconstruction{max-height:535px}.hotel-model{height:clamp(310px,30vw,430px)}
@media(max-width:760px){.reconstruction{max-height:none}.hotel-model{height:340px}}
.reconstruction h2{position:sticky;top:0;z-index:4;background:#112720;padding:9px 0 12px;box-shadow:0 6px 8px #112720}
/* Founder correction: the hotel owns the space; Findings are contextual. */
.workspace-heading{max-width:none;padding:18px 3vw 6px}.workspace-heading h1{font-size:clamp(36px,3.2vw,48px)}.investigation{display:block;position:relative;max-width:none;padding:10px 3vw 18px}.hotel-column{width:100%}.hotel-column .section-head h2{font-size:26px}.hotel-model{height:clamp(520px,calc(100dvh - 220px),900px);width:100%;margin-top:10px}.world-actions{display:flex;align-items:center;gap:24px}.world-actions #finding-resume{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:17px Halcyon,serif;color:var(--gold)}
.reconstruction{position:absolute;z-index:5;right:calc(3vw + 18px);top:75px;width:340px;max-height:min(650px,calc(100dvh - 290px));padding:16px 18px;background:#10251ff5;border:1px solid #cbbf934a;box-shadow:0 12px 50px #0005;overscroll-behavior:contain}.reconstruction h2{font-size:28px;top:0;padding-right:16px;background:#10251f;box-shadow:0 6px 8px #10251f}.reconstruction>.eyebrow{padding-right:30px}.companion-close{position:sticky;float:right;top:0;z-index:6;width:32px;height:32px;min-height:32px;margin:-5px -7px 0 0;font:24px Interface,sans-serif;background:#10251f;color:var(--gold)}.hotel3d-controls{left:14px;right:auto;bottom:14px;width:auto;padding:5px 9px;gap:8px}.hotel3d-controls button{font-size:12px;padding:6px 9px}.hotel-zoom{width:130px}.hotel-column #place-findings{max-width:100%;padding-top:7px}.sequence-section{max-width:none;padding:12px 3vw 26px}.papers{max-width:none;padding-left:3vw;padding-right:3vw}
@media(min-width:1600px){.reconstruction{width:380px;right:calc(3vw + 24px)}}
@media(max-width:760px){.workspace-heading{padding:18px 16px 6px}.workspace-heading h1{font-size:34px}.investigation{padding:10px 12px 18px}.hotel-model{height:68dvh;min-height:440px;max-height:740px}.hotel-column>.section-head{padding:0 4px}.world-actions{gap:14px}.world-actions #finding-resume{max-width:150px;font-size:15px}.reconstruction{position:relative;right:auto;top:auto;width:100%;max-height:none;margin-top:16px;box-shadow:none;padding:16px}.reconstruction h2{font-size:29px}.hotel3d-controls{left:8px;right:8px;bottom:8px;width:auto;gap:3px;padding:4px}.hotel3d-controls button{font-size:11px;padding:5px 7px}.hotel-zoom{width:90px}.sequence-section{padding:10px 16px 24px}.papers{padding:0 16px 24px}.place-links{padding:0 4px}}
/* A chosen date opens a shared temporal axis; no date-card columns. */
#proposed-sequence{display:block;overflow:visible;padding:0}.timeline-dates{display:flex;gap:8px 26px;flex-wrap:wrap;padding:14px 0 18px;border-bottom:1px solid #ffffff20}.timeline-date{background:none;color:var(--muted);padding:6px 0;font-size:14px;border-bottom:2px solid transparent}.timeline-date[aria-pressed=true]{color:#f0dcb2;border-color:#c3ac70}.timeline-empty{font:italic 17px Document,serif;color:var(--muted);padding:28px 0;margin:0}.timeline-day{padding:25px 0 8px}.timeline-chart{--timeline-label:32%;position:relative}.timeline-axis{position:sticky;top:0;z-index:2;background:var(--ground);padding-top:8px;margin:0 0 16px var(--timeline-label);height:34px;border-bottom:1px solid #a3ad8855}.timeline-axis span{position:absolute;transform:translateX(-50%);font:11px Record,monospace;color:var(--gold)}.timeline-axis span:first-child{transform:none}.timeline-axis span:last-child{transform:translateX(-100%)}.timeline-event{display:grid;grid-template-columns:var(--timeline-label) minmax(0,1fr);gap:0;min-height:75px;align-items:center}.timeline-event-label{padding:8px 28px 12px 0}.timeline-finding{font:23px/1.2 Halcyon,serif;background:none;color:var(--ink);padding:3px 0;text-align:left;min-height:36px}.timeline-event-label .caption,.timeline-untimed .caption{font-size:11px;color:var(--muted);margin:5px 0}.timeline-track{position:relative;height:45px;border-bottom:1px solid #b8c19920;background:linear-gradient(to right,#ffffff0c 1px,transparent 1px);background-size:var(--tick-spacing) 100%}.timeline-range{position:absolute;top:16px;height:10px;background:#c6ad72;border-left:2px solid #efddb1;border-right:2px solid #efddb1;min-width:3px}.timeline-range.about{background:transparent;border:1px dashed #dbc38d;height:13px;top:14px}.timeline-range.sometime-between{background:repeating-linear-gradient(110deg,#ad9a6355 0,#ad9a6355 4px,transparent 4px,transparent 8px);border:1px dashed #dbc38d}.timeline-range.point{width:9px!important;height:9px;border:1px solid #e9d2a1;border-radius:50%;transform:translateX(-50%)}.timeline-no-clock{padding:20px 0 0;margin-top:20px;border-top:1px solid #ffffff20}.timeline-no-clock h3{font:12px Interface,sans-serif;color:var(--gold);margin-bottom:15px}.timeline-untimed{margin-bottom:15px;padding-left:15px;border-left:1px solid #c8b27a50}.timeline-included{font:10px Interface,sans-serif;color:var(--gold);margin:4px 0 0}.writing-match{display:block;font:22px Halcyon,serif;margin:8px 0}.timeline-no-clock:first-child{margin-top:0;border-top:0;padding-top:0}
@media(max-width:760px){.timeline-dates{gap:6px 21px}.timeline-date{font-size:13px;min-height:44px}.timeline-chart{--timeline-label:0%}.timeline-event{display:block;margin-bottom:20px}.timeline-event-label{padding:7px 0 0}.timeline-finding{font-size:23px}.timeline-track{height:36px}.timeline-axis{position:sticky;top:0;background:var(--ground);z-index:2;padding-top:8px;height:34px}.timeline-event .caption{margin-bottom:0}}
/* People belong to the player's Finding, with the relationship still in words. */
.finding-people{display:flex;flex-wrap:wrap;gap:5px 12px;margin:6px 0}.finding-person{display:inline-flex;align-items:center;gap:6px;font:12px/1.25 Interface,sans-serif;color:var(--muted)}.finding-person img,.finding-person .cast-portrait{width:30px;height:38px;object-fit:cover;border-radius:2px;flex-shrink:0}.connection-choices .person-choice{display:inline-flex;align-items:center;gap:7px;min-height:48px}.person-choice .cast-portrait{width:28px;height:35px;object-fit:cover}.add-people{font:12px Interface,sans-serif;margin:0 0 12px;color:var(--gold)}
.sequence-section h2{font-size:26px}.timeline-finding,.writing-match{font-size:19px;line-height:1.3}.timeline-event{min-height:66px}.timeline-event-label{padding-right:22px}.reconstruction h2{font-size:24px;line-height:1.2}.hotel-column .section-head h2{font-size:26px}.hotel3d-controls{gap:7px}
@media(max-width:760px){.timeline-finding,.writing-match{font-size:19px}.reconstruction h2{font-size:24px}}


/* Keep the active idea legible while its details scroll beneath one opaque header. */
.companion-heading{position:sticky;top:-16px;z-index:6;background:#10251f;margin:-16px -18px 12px;padding:16px 18px 1px}.companion-heading h2{position:static;box-shadow:none;padding:0 22px 0 0}.companion-heading .companion-close{position:absolute;top:16px;right:18px;float:none;margin:0}.companion-heading .eyebrow{padding-right:30px}
@media(max-width:760px){.companion-heading{margin-inline:-16px;padding-inline:16px}.companion-heading .companion-close{right:16px}}
/* Case drawer and the four-part reconstruction: existing paper, ribbon, citation and Halcyon type only */
dialog:has(.case-drawer){margin:0 0 0 auto;width:min(520px,100%);height:100dvh;max-height:100dvh}
.case-drawer .date-ribbon,.reveal-sheet .date-ribbon{color:#526346;margin:0 0 22px}
.case-drawer .date-ribbon [aria-current=page],.reveal-sheet .date-ribbon [aria-current=step]{color:#213c2c;text-decoration-thickness:2px}
.case-drawer .people-list{grid-template-columns:1fr;gap:0;margin-bottom:26px}
.case-drawer>.eyebrow{margin-top:8px}
.person-profile{font:calc(17px * var(--reading-scale))/1.75 Document,serif;margin:0 0 1.4em}
.person-words{margin:0 0 30px}.person-words blockquote{margin:0 0 8px}.person-words blockquote p{margin:0}
.reveal-screen{border-bottom:0;animation:paper-open .18s ease-out}
.reveal-thesis{font:calc(28px * var(--reading-scale))/1.3 Halcyon,serif;color:#213c2c;margin:1.3em 0!important}
.reveal-onward{padding:18px 0 10px;border-top:1px solid #b4b69e}
.reveal-next{background:none;color:var(--paper-ink);border-bottom:1px solid #b7a57a;padding:12px 0;font:24px Halcyon,serif;text-align:left}
@media(max-width:760px){dialog:has(.case-drawer){width:calc(100% - 44px);max-width:none}.reveal-sheet .date-ribbon{row-gap:0}.reveal-thesis{font-size:calc(24px * var(--reading-scale))}.reveal-next{font-size:21px}}

/* First visit: the cinematic arrival, recovered from qa/production-loop-2026-09-13/baseline-source/styles.css
   (S1a). Composition, type and score values are unchanged. The receiver is the open Incident brief, revealed
   through a cutout that grows from the designated window, so settling removes the sky and moves nothing. */
#arrival.cinematic{--night:#0b1219;--night-ink:#ece7de;--night-ink-2:#a49d92;--display:Halcyon,"Cormorant Garamond",Georgia,serif;--text:Document,"Source Serif 4",Georgia,serif;--sans:Interface,"IBM Plex Sans",system-ui,sans-serif;--s2:.5rem;--s4:1rem;--s6:2rem;
  position:fixed;inset:0;z-index:50;width:auto;height:auto;max-width:none;max-height:none;margin:0;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:transparent;color:var(--night-ink)}
#arrival.cinematic::-webkit-scrollbar{display:none}
body.is-arriving #foreground[open]{animation:none}
.arr-act{width:1px}
.arr-sky,.arr-glass{position:fixed;inset:0;overflow:hidden;background:var(--night)}
.arr-sky{z-index:1;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,var(--arr-hole-l,0px) var(--arr-hole-t,0px),var(--arr-hole-r,0px) var(--arr-hole-t,0px),var(--arr-hole-r,0px) var(--arr-hole-b,0px),var(--arr-hole-l,0px) var(--arr-hole-b,0px),var(--arr-hole-l,0px) var(--arr-hole-t,0px))}
.arr-glass{z-index:2;pointer-events:none;opacity:var(--arr-glass-o,1);clip-path:inset(var(--arr-glass-t,50%) var(--arr-glass-r,50%) var(--arr-glass-b,50%) var(--arr-glass-l,50%))}
.arr-media{position:absolute;inset:0;z-index:0}
.arr-img{position:absolute;inset:0;background:var(--night-master) center/cover no-repeat;transform:translate3d(var(--arr-wide-x,0px),var(--arr-wide-y,0px),0) scale(var(--arr-scale,1));transform-origin:0 0}
.arrival--cam-portrait .arr-img{inset:auto;left:0;top:0;width:4096px;height:3511px;background:var(--night-portrait) 0 0/100% 100% no-repeat;transform:translate3d(var(--arr-cam-x,0px),var(--arr-cam-y,0px),0) scale(var(--arr-cam-k,1))}
.arr-fall{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:var(--arr-fall,0);filter:saturate(.325) brightness(.43);
  -webkit-mask-image:radial-gradient(circle var(--arr-fall-r1,45vmin) at var(--arr-tx,50%) var(--arr-ty,50%),rgba(0,0,0,0) 0,rgba(0,0,0,0) var(--arr-fall-r0,30vmin),#000 100%);
  mask-image:radial-gradient(circle var(--arr-fall-r1,45vmin) at var(--arr-tx,50%) var(--arr-ty,50%),rgba(0,0,0,0) 0,rgba(0,0,0,0) var(--arr-fall-r0,30vmin),#000 100%)}
.arr-copy{position:absolute;left:7%;top:39%;transform:translateY(-50%);z-index:3;width:min(46rem,80vw);display:flex;flex-direction:column;pointer-events:none}
.arr-copy::before{content:"";position:absolute;inset:-18% -18% -18% -30%;z-index:-1;pointer-events:none;
  background:radial-gradient(farthest-side ellipse at 40% 50%,rgba(6,10,15,.94) 0%,rgba(6,10,15,.80) 34%,rgba(6,10,15,.48) 62%,rgba(6,10,15,.18) 82%,rgba(6,10,15,0) 100%)}
.arr-stack{display:grid}
.arr-stack>*{grid-area:1/1;align-self:center;justify-self:start}
.arr-title{font:400 clamp(5rem,6.6vw,6.5rem)/1 var(--display);letter-spacing:.005em;color:var(--night-ink);margin:0;opacity:var(--arr-title,1);transform:translate3d(0,var(--arr-title-y,0),0)}
.arr-title-l{display:block}
.arr-premise{font:400 clamp(1.02rem,1.2vw,1.18rem)/1.52 var(--text);max-width:31rem;color:var(--night-ink-2);margin:var(--s4) 0 0;opacity:var(--arr-premise,1);transform:translate3d(0,var(--arr-title-y,0),0)}
.arr-beat{font:400 clamp(1.25rem,1.55vw,1.6rem)/1.45 var(--text);color:var(--night-ink);margin:0;max-width:34em}
.arr-beat--1{opacity:var(--arr-beat1,0)}
.arr-beat--2{opacity:var(--arr-beat2,0)}
.arr-beat--3{opacity:var(--arr-beat3,0)}
.arr-beat--4{opacity:var(--arr-beat4,0)}
.arr-incident{position:absolute;z-index:5;left:calc(var(--arr-tx,50%) + clamp(7rem,12vw,11rem));top:calc(var(--arr-ty,50%) - clamp(7rem,14vh,9rem));width:min(19rem,27vw);pointer-events:none}
#arr-enter{position:fixed;z-index:7;display:inline-flex;align-items:center;min-height:44px;margin:0;top:auto;bottom:max(40px,env(safe-area-inset-bottom));left:7.2vw;right:auto;
  background:#eee4cb;color:#243a37;border:1px solid #eedbb5;padding:14px 25px;text-decoration:none;font:16px Georgia,serif;letter-spacing:.02em;box-shadow:0 8px 28px #0003;cursor:pointer;opacity:var(--arr-enter-o,1)}
#arr-enter:focus-visible{outline:2px solid #eee4cb;outline-offset:4px}
@media (forced-colors:active){#arr-enter:focus-visible{outline:2px solid Highlight}}
/* Reduced motion: no pin, no travel, no camera, no fall-off. The exterior, the title, all four beats at once, one action. */
.arrival--static .arr-sky{position:relative;min-height:100%;overflow:visible;clip-path:none}
.arrival--static .arr-media{position:fixed}
.arrival--static .arr-copy{position:relative;left:auto;top:auto;transform:none;margin:0 0 0 7%;padding:max(12vh,3rem) 0 8rem}
.arrival--static .arr-stack{display:block}
.arrival--static .arr-stack>*{margin:0 0 var(--s4)}
.arrival--static .arr-title,.arrival--static .arr-premise{opacity:1;transform:none}
.arrival--static .arr-beat{opacity:1}
.arrival--static .arr-incident{position:static;width:auto}
.arrival--static #arr-enter{opacity:1}
@media (max-width:699.98px){
  .arr-copy{left:6%;width:min(30rem,88vw)}
  .arr-copy::before{inset:-14% -18% -14% -34%}
  .arr-title{font-size:clamp(3rem,11.2vw,3.75rem)}
  .arr-incident{left:calc(var(--arr-tx,50%) + 3rem);top:calc(var(--arr-ty,50%) - 7rem);width:min(13rem,calc(100vw - var(--arr-tx,50%) - 4rem))}
  .arr-beat{font-size:clamp(1.1rem,4.2vw,1.28rem)}
  .arrival--static .arr-copy{margin-left:6%;left:auto}
}
@media (max-width:600px){#arr-enter{left:24px;bottom:max(30px,env(safe-area-inset-bottom));padding:14px 22px}}
/* The papers open over the hotel from its right edge, as case material laid across the scene. The hotel is never resized. */
.hotel-stage{position:relative}
.papers-layer{position:absolute;inset:0;z-index:6;overflow:hidden;overflow:clip visible;pointer-events:none}
.papers-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#030d0a33,#030d0a80 62%);opacity:0;transition:opacity .34s ease}
.papers-scrim.open{opacity:1;pointer-events:auto}
.papers-panel{position:absolute;top:var(--papers-top,0);right:0;height:var(--papers-height,100%);width:clamp(440px,42%,640px);display:flex;flex-direction:column;pointer-events:auto;color:var(--ink);background:linear-gradient(90deg,#0b201cc2,#0c231edb 14%,#0c231ee3);-webkit-backdrop-filter:blur(9px) saturate(.72);backdrop-filter:blur(9px) saturate(.72);border-left:1px solid #c5b3865c;box-shadow:-30px 0 70px -26px #000d;transform:translateX(calc(100% + 90px));visibility:hidden;transition:transform .34s cubic-bezier(.4,0,.7,.2),visibility 0s linear .34s}
.papers-panel.open{transform:none;visibility:visible;transition:transform .46s cubic-bezier(.16,.84,.28,1),visibility 0s}
.papers-head{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:26px 30px 12px}
.papers-head .eyebrow{color:var(--muted)}
.papers-head h2{font-size:36px}
.papers-close{width:40px;height:40px;margin:-6px -10px 0 0;padding:0;background:none;color:var(--gold);font:28px/1 Interface,sans-serif}
@media(hover:hover){.papers-close:hover{color:#f2e6c2}}
#papers-search{width:auto;margin:0 30px 4px;padding:10px 2px;border:0;border-bottom:1px solid #c5b3866e;background:transparent;color:var(--ink);font:15px Interface,sans-serif}
#papers-search::placeholder{color:#94a295}
#papers-search:focus-visible{outline:0;border-bottom-color:var(--gold);box-shadow:0 1px 0 var(--gold)}
.papers-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 30px 32px;scrollbar-width:thin;scrollbar-color:#c5b38650 transparent}
.papers-panel .paper-band>h3{margin:28px 0 0;padding-top:16px;border-top:1px solid #c5b38647;font:10px/1.5 Interface,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:var(--gold)}
.papers-panel .paper-band>h3:focus-visible{outline-offset:2px}
.papers-panel .packet{padding:16px 0 8px;border-bottom:1px solid #ffffff12}
.papers-panel .paper-band:first-child .packet:first-child{padding-top:10px}
.papers-panel .packet:last-child{border-bottom:0}
.packet-label{margin:0 0 4px;font:500 22px/1.15 Halcyon,Georgia,serif;color:#e4d9b9}
.paper-entry{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:14px;width:100%;min-height:0;padding:9px 10px 9px 2px;background:none;color:inherit;text-align:left;transition:background-color .2s ease}
@media(hover:hover){.paper-entry:hover{background:linear-gradient(90deg,#c5b3861c,#c5b38600 80%)}.paper-entry:hover .paper-entry-title{color:#f7eed3;text-decoration:underline;text-decoration-color:#c5b38680;text-underline-offset:4px}}
.paper-entry:focus-visible{outline-offset:0}
.paper-entry-title{font:16px/1.35 Document,Georgia,serif;color:var(--ink)}
.paper-entry-provenance{margin-top:2px;font:12px/1.45 Interface,sans-serif;color:#a5b1a3}
/* A leaf drawn from the paper's own authored shape, not a picture of it. */
.paper-entry .paper-edge{grid-row:1/span 2;align-self:start;width:17px;height:22px;margin:3px 0 0;padding:4px 3px;transform:none;border:1px solid #d8cba27a;background:#eee8d80d content-box}
.paper-entry .paper-edge.lines{background-image:repeating-linear-gradient(#d8cba28a 0 1px,transparent 1px 3px)}
.paper-entry .paper-edge.transcript{background-image:linear-gradient(90deg,#d8cba28a 0 3px,transparent 3px),repeating-linear-gradient(#d8cba28a 0 1px,transparent 1px 4px)}
.paper-entry .paper-edge.grid{background-image:repeating-linear-gradient(#d8cba270 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#d8cba270 0 1px,transparent 1px 4px)}
.paper-entry .paper-edge.plan{background-image:linear-gradient(90deg,transparent 46%,#d8cba28a 46% 58%,transparent 58%),linear-gradient(transparent 52%,#d8cba28a 52% 62%,transparent 62%)}
.papers-panel .followup{margin-top:24px;color:var(--gold);border-bottom:1px solid #c5b38680}
.papers-empty{margin-top:26px;font:italic 17px/1.5 Document,Georgia,serif;color:var(--muted)}
.papers-tab{position:absolute;z-index:7;left:100%;top:50%;transform:translateY(-50%);width:min(32px,3vw);height:136px;min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:#10251f;color:var(--gold);border:1px solid #c5b3866e;border-left:0;box-shadow:8px 10px 26px -12px #000b;transition:background-color .2s ease,color .2s ease}
.papers-tab[aria-expanded=true]{background:#18332a;color:#f2e6c2}
@media(hover:hover){.papers-tab:hover{background:#18332a;color:#f2e6c2}}
.papers-tab-label{writing-mode:vertical-rl;font:10px/1 Interface,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.papers-tab-edge{width:12px;height:15px;padding:3px 2px;border:1px solid currentColor;opacity:.75;background:repeating-linear-gradient(currentColor 0 1px,transparent 1px 3px) content-box}
.still .papers-panel,.still .papers-scrim,.still .paper-entry,.still .papers-tab{transition:none}
@media(max-width:760px){
 .papers-tab{left:auto;right:0;width:30px;height:116px;border:1px solid #c5b3866e;border-right:0;box-shadow:-8px 10px 26px -12px #000b}
 .papers-layer{position:fixed;inset:0;z-index:30}
 .papers-scrim.open{background:#030d0acc}
 .papers-panel{top:0;height:100%;width:100%;border-left:0;background:#0c231ef7}
 .papers-head{padding:calc(16px + env(safe-area-inset-top)) 20px 10px}
 .papers-head h2{font-size:32px}
 #papers-search{margin:0 20px 4px;font-size:16px}
 .papers-scroll{padding:2px 20px calc(30px + env(safe-area-inset-bottom))}
 .paper-entry{padding-block:11px}
 body.papers-sheet-open{overflow:hidden}
}
@media(forced-colors:active){.papers-panel{background:Canvas;border-left:1px solid CanvasText}.papers-tab{border:1px solid ButtonText}.paper-entry .paper-edge{forced-color-adjust:none}}
/* People: one row of passport-sized selectors directly after the timeline dates. The face is cropped to head and shoulders so it stays recognisable small. */
.people-strip{display:flex;align-items:flex-start;gap:4px;margin:16px -6px 2px;padding:2px 6px 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}
.people-strip::-webkit-scrollbar{display:none}
.people-chip{flex:none;width:78px;min-height:0;padding:5px 3px 4px;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;color:#c3cabb;text-align:center;scroll-snap-align:start}
.people-chip-frame{display:block;width:54px;height:68px;overflow:hidden;background:#10251f;box-shadow:0 0 0 1px #c5b3864d;transition:box-shadow .2s ease}
.people-chip .people-chip-portrait{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.42);transform-origin:50% 24%;filter:saturate(.86) brightness(.94);transition:filter .2s ease}
.people-chip-name{font:12px/1.25 Interface,sans-serif;letter-spacing:.01em;text-wrap:balance}
.people-chip:focus-visible{outline-offset:1px}
.people-chip:focus-visible .people-chip-frame{box-shadow:0 0 0 1px var(--gold)}
@media(hover:hover){.people-chip:hover{color:var(--ink)}.people-chip:hover .people-chip-frame{box-shadow:0 0 0 1px #c5b386b3}.people-chip:hover .people-chip-portrait{filter:none}}
.still .people-chip-frame,.still .people-chip-portrait{transition:none}
@media(max-width:760px){.people-strip{gap:2px;margin-top:12px}.people-chip{width:66px}.people-chip-frame{width:48px;height:60px}.people-chip-name{font-size:11px}}

/* The dates and the people read as one selection band above the chosen day. */
#proposed-sequence>.timeline-dates{border-bottom:0;padding-bottom:0}
#proposed-sequence>.people-strip{margin:12px -6px 0;padding-bottom:16px;border-bottom:1px solid #ffffff20}
/* A profile closes by a click beside it or Esc; its close control appears only when reached from the keyboard. */
.focus-only-close:not(:focus-visible){position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.hotel-tour{position:absolute;left:16px;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:calc(100% - 32px)}
.hotel-tour[hidden]{display:none}
.hotel-tour button{min-height:44px;padding:0 18px;font:inherit;color:#f2e9d2;background:rgba(8,20,18,.8);border:1px solid rgba(215,196,146,.5);cursor:pointer}
.hotel-tour button.hotel-tour-next{background:#efe6cf;color:#0b1715;border-color:#efe6cf}
.hotel-tour button[hidden]{display:none}
.hotel-dip{position:absolute;inset:0;z-index:4;background:#040a09;opacity:0;pointer-events:none;transition:opacity .24s ease}
.hotel-dip.on{opacity:1}
.hotel-touring .hotel3d-controls,.hotel-touring .hotel3d-target{visibility:hidden}
@media (prefers-reduced-motion:reduce){.hotel-dip{transition:none}}

/* Founder review 2026-09-15. WHEN and WHO are two lenses on the same Findings, so on a wide screen the dates and the people share one band. When they do not fit, the people wrap beneath the dates. */
#proposed-sequence{display:flex;flex-wrap:wrap;align-items:center;row-gap:0;column-gap:clamp(40px,4.5vw,72px)}
#proposed-sequence>*{flex:1 1 100%;min-width:0}
#proposed-sequence>.timeline-dates{flex:0 1 auto;padding:8px 0}
#proposed-sequence>.people-strip{flex:0 0 auto;margin:0 -6px;padding:4px 6px 6px;border-bottom:0}
#proposed-sequence>.people-strip+*{border-top:1px solid #ffffff20;margin-top:12px}
.people-chip{-webkit-user-select:none;user-select:none}
.people-chip img{-webkit-user-drag:none}
/* Findings with no clock time: a compact index, two columns on a wide screen and one on a phone. */
.timeline-no-clock{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(32px,4vw,72px);align-items:start}
.timeline-no-clock h3{grid-column:1/-1}
.timeline-untimed{margin:0 0 4px;padding:6px 0 8px 14px}
.timeline-untimed .finding-people{margin:3px 0 0;gap:4px 12px}
.timeline-untimed .finding-person img,.timeline-untimed .finding-person .cast-portrait{width:24px;height:30px}
.timeline-untimed .caption,.timeline-untimed .timeline-included{margin:3px 0 0}
@media(min-width:761px){.timeline-no-clock{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-untimed .timeline-finding{min-height:0;padding:1px 0;font-size:18px}}
@media(max-width:760px){#proposed-sequence>.timeline-dates,#proposed-sequence>.people-strip{flex:1 1 100%}#proposed-sequence>.people-strip{margin:4px -6px 0}}

/* Thought Shards prototype, 16 September 2026. WHERE + WHEN + WHO over the player's Findings: the places run above; the dates and the people share the band beneath. */
#proposed-sequence{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"where where" "when who" "about about" "day day";column-gap:clamp(40px,4.5vw,72px);row-gap:0;align-items:center}
#proposed-sequence>*{min-width:0}
#proposed-sequence>.timeline-places{grid-area:where;padding:8px 0 0}
#proposed-sequence>.timeline-dates{grid-area:when;padding:6px 0}
#proposed-sequence>.people-strip{grid-area:who;margin:0 -6px;padding:4px 6px 6px}
#proposed-sequence>.people-about{grid-area:about;justify-self:start;margin:2px 0 0;font-size:12px}
#proposed-sequence>.timeline-day{grid-area:day;border-top:1px solid #ffffff20;margin-top:10px}
#proposed-sequence>.people-strip+*{border-top:0;margin-top:0}
#proposed-sequence>.people-strip+.timeline-day{border-top:1px solid #ffffff20;margin-top:10px}
.timeline-lens{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 22px}
.lens-label{font:10px/1.5 Interface,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);min-width:46px}
.timeline-place{background:none;color:var(--muted);padding:6px 0;font-size:14px;border-bottom:2px solid transparent}
.timeline-place[aria-pressed=true]{color:#f0dcb2;border-color:#c3ac70}
.people-strip>.lens-label{flex:none;align-self:center;margin-right:8px}
.people-chip[aria-pressed=true]{color:#f0dcb2}
.people-chip[aria-pressed=true] .people-chip-frame{box-shadow:0 0 0 2px #c3ac70}
.people-chip[aria-pressed=true] .people-chip-portrait{filter:none}
@media(max-width:760px){#proposed-sequence{grid-template-columns:minmax(0,1fr);grid-template-areas:"where" "when" "who" "about" "day"}.timeline-lens{gap:2px 18px}.timeline-place{font-size:13px;min-height:44px}}
/* Thought Shards in the hotel: hit areas carry no visible text; the card and the placement panel reuse the walk panel's dark glass. */
.shard-target,.shard-leaf{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;z-index:3;cursor:pointer}
.shard-target:focus-visible,.shard-leaf:focus-visible{outline:2px solid #d8bf86;outline-offset:2px}
.shard-card{position:absolute;left:16px;bottom:60px;z-index:6;width:min(360px,calc(100% - 32px));max-height:calc(100% - 96px);overflow:auto;padding:14px 16px 12px;background:rgba(8,20,18,.9);border:1px solid rgba(215,196,146,.35);color:#efe6cf}
.shard-card h3{font-size:22px;line-height:1.15;margin:2px 0 10px}
.shard-card h3:focus{outline:none}
.shard-card-visual{margin:0 0 10px}.shard-card-visual img{display:block;width:100%;height:auto;min-height:60px;background:#1c1b19;border:1px solid rgba(215,196,146,.28)}
.shard-meta{margin:0 0 7px;font-size:13px;line-height:1.4}
.shard-meta span{display:block;font:10px/1.5 Interface,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.shard-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.shard-actions button{min-height:44px;min-width:44px;padding:0 16px;color:#f2e9d2;background:rgba(8,20,18,.8);border:1px solid rgba(215,196,146,.5)}
.shard-actions button.shard-open{background:#efe6cf;color:#0b1715;border-color:#efe6cf}
.hotel-closeup .hotel3d-target{display:none}
.lens-pager{display:flex;align-items:center;gap:8px;margin:10px 0 0}
.lens-pager .lens-turn{min-height:44px;min-width:44px;padding:0;font:22px/1 Halcyon,Georgia,serif;color:#f2e9d2;background:rgba(8,20,18,.8);border:1px solid rgba(215,196,146,.5)}
.lens-page{font:12px/1.4 Interface,sans-serif;letter-spacing:.08em;color:#d8c79a;min-width:7em;text-align:center}
.lens-review-label{position:absolute;transform:translate(-50%,-150%);z-index:4;padding:2px 6px;font:11px/1.3 Record,monospace;color:#0b1715;background:#e0b85a;pointer-events:none;white-space:nowrap}
.lens-review-panel{position:absolute;top:8px;right:8px;z-index:7;max-width:min(430px,calc(100% - 16px));max-height:calc(100% - 70px);overflow:auto;padding:6px 10px;background:rgba(8,20,18,.9);border:1px solid rgba(215,196,146,.4);color:#efe6cf;font:10px/1.25 Interface,sans-serif}.lens-review-panel summary{cursor:pointer;min-height:28px;line-height:28px;font:600 10px/28px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d8c79a}
.lens-review-table td{padding:1px 5px;vertical-align:middle}.lens-review-id,.lens-review-point{font-family:Record,monospace;color:#d8c79a}.lens-review-count{text-align:right}
.lens-review-table button{min-height:24px;padding:0 6px;color:#f2e9d2;background:rgba(8,20,18,.8);border:1px solid rgba(215,196,146,.5)}
.hotel-closeup .lens-review-label,.hotel-closeup .lens-review-panel{display:none}
@media(max-width:760px){.shard-card{left:8px;right:8px;bottom:52px;width:auto;max-height:58%}.shard-card{max-height:44%}.shard-card h3{font-size:20px}.shard-card .shard-actions{position:sticky;bottom:-12px;margin:10px -16px -12px;padding:10px 16px 12px;background:rgba(8,20,18,.97)}}
/* My reconstruction: placing a Finding in the Map Room. The banner uses the lens panel's charcoal and brass; each target is a
   brass ring at the point with its name beside it. Every target looks the same. */
.hotel-placing .shard-target,.hotel-placing .shard-card,.hotel-placing .lens-review-label,.hotel-placing .lens-review-panel{display:none}
.placement-banner{position:absolute;left:16px;top:48px;z-index:7;width:min(340px,calc(100% - 32px));padding:12px 16px 14px;background:rgba(8,20,18,.92);border:1px solid rgba(215,196,146,.45);color:#efe6cf}
.placement-banner .eyebrow{margin:0 0 2px}
.placement-title{font:500 20px/1.2 Halcyon,Georgia,serif;margin:2px 0 6px}
.placement-title:focus{outline:none}
.placement-hint{margin:0 0 10px;font-size:14px;color:#d9ceb2}
.placement-cancel{min-height:44px;padding:0 16px;color:#f2e9d2;background:rgba(8,20,18,.8);border:1px solid rgba(215,196,146,.5)}
.placement-target{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px 0 0;transform:translate(-22px,-50%);background:transparent;border:0;color:#f4ebd3}
.placement-target[data-side=left]{flex-direction:row-reverse;padding:0 0 0 10px;transform:translate(calc(-100% + 22px),-50%)}
.placement-dot{flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,rgba(239,230,207,.95) 0 4px,rgba(8,20,18,.35) 5px 12px,transparent 13px);box-shadow:inset 0 0 0 3px #c9a45c,0 0 0 1px rgba(8,20,18,.7),0 2px 6px rgba(0,0,0,.45)}
.placement-label{padding:5px 10px;font:500 13px/1.2 Interface,sans-serif;white-space:nowrap;background:rgba(8,20,18,.88);border:1px solid rgba(215,196,146,.45)}
.placement-target:hover .placement-dot,.placement-target:focus-visible .placement-dot{box-shadow:inset 0 0 0 3px #f0d69a,0 0 0 2px rgba(240,214,154,.55),0 2px 6px rgba(0,0,0,.45)}
.placement-target:hover .placement-label,.placement-target:focus-visible .placement-label{border-color:#f0d69a}
.placement-target:focus-visible{outline:none}
@media(max-width:760px){.placement-banner{left:8px;right:8px;top:40px;width:auto;padding:10px 12px}.placement-title{font-size:17px}.placement-label{font-size:12px;padding:4px 8px}}
/* Evidence time and My proposed time: two fields, labelled apart. Evidence marks on the track are ink; the player's proposal stays brass. */
.timeline-when{margin:4px 0 0;font:12px/1.4 Interface,sans-serif;color:#d8d2bf}.timeline-when-label{display:inline-block;margin-right:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.timeline-when.proposed{color:#efddb1}.timeline-when.proposed .timeline-when-label{color:#c6ad72}
.companion .timeline-when,#finding-companion .timeline-when{margin:10px 0 4px}
.finding-person-name{display:flex;flex-direction:column;gap:1px}.finding-role{font-size:10px;letter-spacing:.04em;color:#9fa894}
.timeline-evidence{position:absolute;top:19px;height:4px;background:#d8d2bf;border-radius:2px;min-width:2px}
.timeline-evidence.point{width:2px!important;height:18px;top:12px;border-radius:0;transform:translateX(-1px)}
.timeline-evidence.about{background:repeating-linear-gradient(90deg,#d8d2bf 0,#d8d2bf 3px,transparent 3px,transparent 6px)}
.timeline-evidence.point.about{background:none;border-left:2px dotted #d8d2bf;width:0!important}
.timeline-range{top:30px}.timeline-range.about{top:28px}
@media(max-width:760px){.timeline-track{height:46px}}
/* V3: documentary file, authored work, and one quiet hotel. */
@font-face{font-family:Hand;src:url('fonts/caveat-var.woff2') format('woff2');font-display:swap}
.surface-nav{display:flex;justify-content:center;gap:32px;border-bottom:1px solid #c5b38625;min-height:56px;align-items:center;background:#0c211d}
.surface-nav button{background:none;color:var(--muted);padding:13px 4px;font-size:13px;border-bottom:2px solid transparent}.surface-nav [aria-current=page]{color:var(--paper);border-bottom-color:var(--gold)}.surface-nav #review{margin-left:32px;color:var(--gold)}
.mast-actions{display:flex;gap:24px}#main{max-width:1680px;margin:auto;padding:32px 3vw 60px}#main>.section-head,#hotel-surface>.section-head{margin-bottom:18px}.section-head>button{color:var(--ink);background:none}#hotel-surface h1{font-size:38px}.hotel-model{height:clamp(520px,70vh,860px);border:1px solid #c5b38618;background:radial-gradient(ellipse at 50% 60%,#34483b,#0d211d 85%)}
#file-cover{position:absolute;right:5%;top:10%;width:min(375px,40%);perspective:1500px;z-index:3}.dossier-cover{display:block;position:relative;width:100%;text-align:center;min-height:430px;padding:35px 26px 30px;background:#e6dfcb;color:#323b30;transform:rotate(2deg);box-shadow:2px 3px #bab39d,4px 6px #d0c8b3,7px 9px #a99f86,12px 25px 35px #0007;border:1px solid #948a7060;transition:transform .3s}.dossier-cover:hover{transform:rotate(0) translateY(-4px)}.dossier-cover:before{content:'';position:absolute;left:9%;right:9%;top:28%;height:1px;background:#67543aa0;box-shadow:0 2px #ffffff44}.cover-author{font:10px Record,monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:65px}.cover-ref{font:10px Record,monospace}.dossier-cover h2{font:42px Halcyon,serif;margin:15px 0}.cover-subject{font:18px Document,serif}.cover-date,.cover-extent{font:12px Document,serif;margin:12px 0}.cover-action{display:inline-block;margin-top:25px;font:12px Interface,sans-serif;border-bottom:1px solid #77745d}.arrival-receiver{height:80dvh;display:grid;place-items:center;background:#0c211d}.arrival-receiver #file-cover{position:relative;right:auto;top:auto;width:375px;max-width:85%}
.brass-button{background:#c5b386;color:#172a21;padding:12px 22px;min-height:44px;margin:14px 14px 14px 0;font:14px Interface,sans-serif}.sheet>.text-button{margin-right:22px}.handwritten{font-family:Hand,'Caveat',cursive!important;font-size:25px;line-height:1.2;white-space:pre-wrap}.sheet .handwritten{color:#384b3d}select{max-width:100%;width:100%;min-height:42px;padding:8px;background:var(--paper);color:var(--paper-ink);border:1px solid #9b9d8c}.field>span{display:block;font:12px Interface,sans-serif;margin:0 0 8px}.field:has(input[type=checkbox]){display:flex;align-items:center;gap:14px}.field input[type=checkbox]{width:20px;height:20px;flex-shrink:0;order:-1}.field:has(input[type=checkbox])>span{margin:0}.sheet .eyebrow{color:#5e644e}.sheet h3{margin:26px 0 12px}.sheet .quiet{color:#5a6657}.sheet>p{font-size:16px;line-height:1.65}
#foreground:has(.reader){width:min(1000px,96vw);height:94dvh;max-height:94dvh;overflow:hidden}#foreground:has(.reader-compare){width:min(1600px,98vw)}.reader{height:100%;padding:20px 24px 0;display:flex;flex-direction:column}.reader .focus-head{flex-shrink:0;margin-bottom:0;padding-bottom:12px;align-items:center}.reader .focus-head h2{font-size:25px}.reader-tools{display:flex;gap:24px;align-items:center;min-height:53px;flex-shrink:0;border-bottom:1px solid #b5b097;font-size:12px}.reader-tools .brass-button{margin:2px 0;padding:8px 14px;min-height:36px}.source-panes{display:flex;min-height:0;flex:1;gap:24px}.source-scroll{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;padding:30px 28px 55px 38px;scrollbar-color:#8e8a73 #e6dfcc}.doc{max-width:760px;margin:auto;font:calc(17px * var(--reading-scale))/1.75 Document,Georgia,serif}.doc-title{font-size:calc(30px * var(--reading-scale))}.doc-head{margin-bottom:32px}.doc-body p{margin-bottom:1.1em}.doc-body h3{font:calc(18px * var(--reading-scale))/1.4 Document,serif;font-weight:650;letter-spacing:0;margin:30px 0 18px}.doc table{border-collapse:collapse;width:100%;font-size:calc(13px * var(--reading-scale))}.doc--record .grid{font-family:Record,monospace}.doc .grid th,.doc .grid td{padding:10px 12px;border-bottom:1px solid #b5b19b;vertical-align:top;white-space:normal}.doc .kv th,.doc .kv td{padding:5px 10px;vertical-align:top}.doc .kv th{width:30%;text-align:left;font-weight:500}.doc .table-scroll{margin:20px 0;overflow-x:auto;overflow-y:visible}.doc .declaration{font-style:italic}.doc .doc-prov{font:11px Interface,sans-serif;border-top:1px solid #b0ae98;padding-top:18px;margin-top:35px}.markable{position:relative}.passage-mark{position:absolute;left:-28px;top:3px;min-height:24px;width:22px;background:transparent;color:#716b52;border-left:1px solid #8b806133;z-index:1}.passage-mark:before{content:'';display:block;width:5px;height:14px;border-left:1px solid #857451;margin:auto}.passage-mark:hover:before,.passage-mark.kept:before{border-left:3px solid #826e3e;height:20px}.passage-mark.kept{border-left:2px solid #917941}.passage-mark.selected{background:#b7a16a55}.markable>td:first-child,.markable>th:first-child{position:relative;padding-left:28px!important}.markable>td>.passage-mark,.markable>th>.passage-mark{left:0;top:5px}.table-scroll>.passage-mark{left:0;top:0}.table-scroll:has(>.passage-mark){padding-top:30px}.passage-kept{border-left-color:#857347}.reader-compare .doc{font-size:calc(15px * var(--reading-scale))}
.papers-sheet{min-height:65vh}.paper-bundles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;margin-top:30px}.paper-bundle{border-top:1px solid #a29b82}.paper-bundle summary{font:26px Halcyon,serif;padding:15px 0}.paper-bundle .paper-entry{position:relative;display:block;width:100%;padding:14px 0 14px 24px;text-align:left;background:transparent;color:var(--paper-ink);border-top:1px solid #c2bda9}.paper-entry-title{display:block;font:17px/1.25 Document,serif}.paper-entry-provenance{display:block;font:11px/1.5 Interface,sans-serif;margin-top:6px;color:#596653}.paper-entry .paper-edge{position:absolute;left:0;top:18px;width:13px;height:22px;border:1px solid #aca68f;transform:rotate(-6deg)}
.note-facts{border-top:1px solid #b8b19b;border-bottom:1px solid #b8b19b;padding:20px 0;margin:25px 0}.people-roles{display:grid;grid-template-columns:130px 1fr;font:12px/1.6 Interface,sans-serif;margin:0 0 15px}.people-roles dd{margin:0}.people-roles dt{color:#5d6954}.evidence-time{font:13px Record,monospace}.citations blockquote{padding-left:18px;border-left:1px solid #b2a278;font-size:calc(16px * var(--reading-scale))}.citations button{font-size:12px}.card-note-choices{border:0;padding:0;margin:28px 0}.card-note-choices label{border-top:1px solid #bdb7a3;padding:14px 0;margin:0}.card-note-choices label span{font:20px Hand,cursive}.card-note-choices legend{font:12px Interface,sans-serif;margin-bottom:10px}.note-sheet,.card-sheet{max-width:760px;margin:auto}
.case-filters{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ffffff20;margin:20px 0 30px;padding-bottom:16px}.case-filters .field{flex:1 1 130px;max-width:250px;margin:0}.case-filters select,.case-filters input{background:#132b23;color:var(--paper);border:1px solid #62715a;font-size:13px;min-height:42px;padding:8px}.case-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}.work-note,.work-card{padding:24px;background:#e8e0cc;color:#2d4033;border:1px solid #c7b995;overflow-wrap:anywhere;box-shadow:0 8px 18px #0002;align-self:start}.work-note{background:#d6d8c3}.work-title{background:none;text-align:left;width:100%;padding:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.work-provenance{font:11px/1.4 Interface,sans-serif;margin:16px 0 0;color:#53624f}.work-place{font:11px Interface,sans-serif;margin:14px 0 0}.card-reference{display:block;background:none;color:#4d5f4d;font:12px/1.5 Interface,sans-serif;text-align:left;padding:8px 0;max-height:55px;overflow:hidden}.work-actions{display:flex;gap:22px;margin-top:20px;border-top:1px solid #8b957450;padding-top:8px;font-size:11px}.case-board{position:relative;overflow:auto;min-height:540px;border:1px solid #74836850;background:#102a23}.case-board article{position:absolute;width:270px;max-height:220px;overflow:auto;cursor:move}.case-threads{position:absolute;top:0;left:0;pointer-events:none;min-width:1000px}.case-threads line{stroke:#c3b591;stroke-width:1.5}.thread-controls{margin-top:30px}.thread-controls .field{display:inline-block;max-width:350px;width:40%;margin-right:24px}.thread-row{display:flex;gap:30px;border-top:1px solid #ffffff20;padding:16px 0}.thread-row p{max-width:75%}.thread-row button{margin-left:auto}.case-list:empty{min-height:35vh}
.evening-scroll{overflow:auto;border-bottom:1px solid #a7997330}.evening-band{position:relative;max-height:none}.evening-axis{position:absolute;left:20px;top:20px;bottom:20px;border-left:1px solid #c5b38680}.evening-entry{position:absolute;background:transparent;color:var(--ink);width:200px;text-align:left;padding:5px 10px;border-left:1px solid var(--gold);font-size:11px;min-height:40px}.evening-entry:before{content:'';position:absolute;left:-26px;top:10px;width:24px;border-top:1px solid var(--gold)}.evening-entry time{display:block;font:13px Record,monospace;color:var(--gold);margin-bottom:5px}.evening-entry.approximate time{font-family:Document,serif;font-style:italic}.evening-entry.range:after{content:'';position:absolute;left:-2px;top:0;height:var(--range-height);border-left:2px solid #c5b38680}.evening-proposals{padding:30px 0;display:flex;flex-direction:column;gap:16px}.evening-proposals button{color:var(--paper);background:none;text-align:left}.evening-proposals h2{font-size:30px;margin:8px 0}.untimed-evidence{display:block;color:var(--muted);background:none;margin:16px 0}
.account-sheet{min-height:70vh}.account-events{list-style:none;padding:0;margin:35px 0}.account-events>li{border-bottom:1px solid #acaa91;padding:16px 0 24px;margin:0 0 16px}.account-events p{font-size:28px}.event-time{display:block;font-size:21px;margin-bottom:10px}.account-events button{margin-right:24px;font-size:12px}.account-attachments{font:11px/1.6 Interface,sans-serif!important;color:#68725b}.official-account{font-size:calc(18px * var(--reading-scale));line-height:1.8}.official-account p{margin-bottom:1.4em}.person-entry{display:block;background:none;color:var(--paper-ink);border-top:1px solid #b5b099;padding:16px 0;text-align:left}.profile-portrait{width:160px;float:right;margin:0 0 25px 25px}.hotel-work-link{color:var(--gold);margin-right:25px;font-size:12px}.group-work{display:block;background:none;color:var(--paper-ink);padding:15px 0;border-bottom:1px solid #aaa88f;width:100%;text-align:left}.save-recovery{position:fixed;inset:0;z-index:20;background:var(--ground);padding:8vh 5vw;overflow:auto}.save-recovery .arrival-copy{position:relative;max-width:650px;margin:auto}.save-recovery .brass-button{display:block}.save-recovery p{margin-top:24px}.import-preview{border:1px solid #a3997d;padding:20px;margin-top:25px}.hotel-stage{position:relative}.place-links button{color:var(--gold);background:none;font-size:12px}.still *{scroll-behavior:auto!important}.reader .focus-head .close-focus{position:static}
@media(max-width:760px){.masthead{padding:0 16px}.masthead .brand{font-size:21px}.mast-actions{gap:16px;font-size:11px}.surface-nav{position:sticky;top:0;z-index:5;gap:0;justify-content:space-around}.surface-nav button{font-size:11px}.surface-nav #review{margin-left:0}#main{padding:24px 14px 45px}#hotel-surface h1{font-size:30px}.hotel-model{height:70dvh;min-height:440px}#file-cover{width:min(320px,80%);right:10%;top:8%}.dossier-cover{min-height:370px;padding:25px 20px}.cover-author{margin-bottom:58px}.dossier-cover h2{font-size:36px}.cover-action{margin-top:15px}.masthead .brand{white-space:nowrap}dialog{width:100%;max-height:100dvh}.sheet{padding:22px 20px 40px}.focus-head{gap:14px}.focus-head h2{font-size:30px}#foreground:has(.reader){width:100%;height:100dvh;max-height:100dvh}.reader{padding:15px 10px 0}.reader .focus-head h2{font-size:20px}.reader-tools{gap:15px;font-size:11px}.source-scroll{padding:22px 12px 40px 30px}.source-panes{gap:0}.reader-compare .source-panes{flex-direction:column}.reader-compare .source-scroll{flex:1;min-height:0;border-bottom:2px solid #8b8162}.reader-compare .doc{font-size:calc(15px * var(--reading-scale))}.paper-bundles{grid-template-columns:1fr;gap:15px}.case-filters{gap:10px}.case-filters .field{flex:1 1 42%;max-width:48%}.section-head{gap:12px}.section-head h1{font-size:37px}.section-head .brass-button{padding:10px;font-size:12px}.case-list{grid-template-columns:1fr}.case-board{min-width:100%;overflow:auto}.case-filters input{width:100%}.people-roles{grid-template-columns:110px 1fr}.account-events p{font-size:26px}.profile-portrait{width:110px}.doc table{font-size:calc(12px * var(--reading-scale))}.doc .grid td,.doc .grid th{padding:9px 7px}.doc .kv th{width:32%}.doc .table-scroll table{min-width:480px}.focus-head .close-focus{font-size:11px}.thread-controls .field{width:100%;max-width:none}.reader .doc-head{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){button,input,textarea,select,.dossier-cover,.work-card,.work-note{border:1px solid ButtonText}.passage-mark:before{border-color:ButtonText}.case-threads line{stroke:CanvasText}.evening-axis,.evening-entry{border-color:CanvasText}.surface-nav [aria-current=page]{border-color:Highlight}.dossier-cover{transform:none}.paper-entry-title,.paper-entry-provenance{color:CanvasText}}

.cited-record{margin:24px auto;padding:22px 26px;max-width:760px;color:var(--ink,#233d35);background:#e3deca;border-left:3px solid #bfa16c}.cited-record blockquote{margin:14px 0;font:17px/1.65 Record,serif}.cited-record .field{margin-top:16px}.cited-record select{max-width:100%;white-space:normal}

/* Player writing uses ink; quoted evidence keeps the printed voice. */
.work-title{color:#293e33}.work-title.handwritten{font-weight:500;font-size:28px}.quoted-title{font:19px/1.45 Document,Georgia,serif}.case-board article{border-top:3px solid #c3af80}.case-retrieval{margin:12px 0 26px;font:13px Interface,sans-serif}.case-retrieval summary{width:max-content;padding:10px 0;color:#c7cbbb}.case-filters{margin:8px 0 16px}.empty-case{grid-column:1/-1;padding:70px 20px;color:#aeb9a9;max-width:560px}.empty-case .empty-title{font:30px Halcyon,serif;color:var(--paper);margin-bottom:12px}.empty-case p{line-height:1.7}.empty-case .text-button{margin-top:16px}.work-note .work-actions button,.work-card .work-actions button{color:#374c3d}.work-title:hover{color:#111f18}.card-note-choices label span{font:16px/1.5 Document,serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cited-record button{color:#283e32}

/* A2 · F9 and F10. The engaged state is visible, the hotspots are uniform, and the list-equivalent
   beside the hotel is restrained but fully present. Visual treatment is finalised in Phase F. */
.hotel-model.hotel-engaged{box-shadow:inset 0 0 0 1px #c5b38666}
.hotel-model.hotel-engaged .hotel-caption{color:#f2e7bf}
.hotel3d-hotspot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;min-height:34px;padding:0;background:none;border:0;display:grid;place-items:center;pointer-events:auto;opacity:.55;transition:opacity .18s}
.hotel3d-hotspot .hotspot-mark{display:block;width:14px;height:14px;border:1.5px solid #d6c694;border-radius:50%;background:#0b1a16b8;box-shadow:0 0 0 3px #0b1a1655}
.hotel3d-hotspot.near,.hotel3d-hotspot:hover,.hotel3d-hotspot:focus-visible{opacity:1}
.still .hotel3d-hotspot{transition:none}
.hotel-step-back{font-size:11px}
.hotel-places-head{font:11px/1.5 Interface,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#8e9789;margin:14px 0 4px}
.close-views{font-size:12px}
.place-links [aria-current=location]{color:#f2e7bf;text-decoration:underline;text-decoration-color:#d5c38f;text-underline-offset:4px}

/* While the game's script loads (a few seconds on a real connection) the page shows a plain dark screen instead of an
   empty desk. No hotel picture: for a returning player it read as the arrival flashing past (Founder, 5 Oct).
   first-use.js lifts it as soon as the game has started; it lifts itself after 30 s regardless. (4 October 2026) */
body:not(.halcyon-ready)::after{content:"";position:fixed;inset:0;z-index:2147483646;background:#091b19;animation:halcyon-cover-off 0s 30s forwards}
body:not(.halcyon-ready)::before{content:"Opening the case file…";position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);z-index:2147483647;text-align:center;color:#eee6d2;font:italic 400 22px/1.4 Halcyon,Georgia,serif;letter-spacing:.02em;text-shadow:0 2px 14px #000;animation:halcyon-cover-off 0s 30s forwards}
@keyframes halcyon-cover-off{to{visibility:hidden}}
/* Example pictures in the first-use explainers (first-use.js; Founder, 5 Oct 2026). Here rather than in first-use.js
   so the build ships the pictures and the offline copy carries them inline. */
.first-use-example,.first-use-zoom-img{background:#0c1e1b center/contain no-repeat}
[data-example="findings"]{--ratio:2.791;aspect-ratio:1200/430}
[data-example="cards"]{--ratio:2;aspect-ratio:1200/600}
[data-example="board"]{--ratio:1.628;aspect-ratio:1400/860}
.first-use-example[data-example="findings"],.first-use-zoom-img[data-example="findings"]{background-image:url('media/example-findings.webp')}
.first-use-example[data-example="cards"],.first-use-zoom-img[data-example="cards"]{background-image:url('media/example-cards.webp')}
.first-use-example[data-example="board"],.first-use-zoom-img[data-example="board"]{background-image:url('media/example-board.webp')}

/* The hotel is one continuous place. Investigation tools are objects on its table. */
body.at-the-hotel{background:#101712;min-height:100dvh;overflow-x:hidden}
.at-the-hotel .masthead{position:fixed;inset:0 0 auto;z-index:8;height:65px;border:0;background:linear-gradient(#07110dec,transparent);padding:12px 28px;pointer-events:none;color:#d0c9b5}
.at-the-hotel .masthead button{pointer-events:auto;text-shadow:0 1px 9px #000}.at-the-hotel .masthead .brand{font-size:21px;letter-spacing:.035em}.at-the-hotel .hotel-location{display:none}.mast-actions{gap:20px}
.at-the-hotel #main{max-width:none;margin:0;padding:0;min-height:100dvh}.at-the-hotel #hotel-surface{position:relative;min-height:100dvh}.at-the-hotel .hotel-stage{position:fixed;inset:0}
.at-the-hotel .hotel-model{height:100dvh;min-height:0;max-height:none;width:100%;margin:0;border:0;background:radial-gradient(ellipse at 48% 55%,#485549,#0c1713 85%)}
.at-the-hotel .hotel-stage:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 110px 30px #03090665;pointer-events:none;z-index:2}
.at-the-hotel .hotel-caption{top:78px;left:30px;background:transparent;color:#eee4ca;font:20px Halcyon,serif;text-shadow:0 2px 12px #000;margin:0;padding:0}
.at-the-hotel .hotel3d-controls{bottom:190px;left:28px;right:auto;background:#101c17a6;opacity:.75;transition:opacity .2s;padding:4px}.at-the-hotel .hotel3d-controls:hover,.at-the-hotel .hotel3d-controls:focus-within{opacity:1}.at-the-hotel .hotel3d-controls button{border:0;background:none;font-size:11px}.at-the-hotel .hotel-zoom{width:100px}
.at-the-hotel .hotel-model.expanded{z-index:30}.at-the-hotel .hotel-model.expanded .hotel3d-controls{bottom:20px}.at-the-hotel .hotel-tour{z-index:35}.at-the-hotel .hotel3d-target{background:#112119b3;border:0;font:16px Halcyon,serif;padding:4px 10px;text-shadow:0 1px 6px #000}
.at-the-hotel .people-register{position:fixed;top:79px;right:28px;z-index:5;background:none;color:#e9dec3;font:italic 18px Halcyon,serif;text-shadow:0 2px 9px #000;border-bottom:1px solid #d7c79465}
.at-the-hotel .hotel-places{position:fixed;z-index:6;left:28px;bottom:143px;max-width:calc(100% - 56px);color:#e3d8ba;font:16px Halcyon,serif}.hotel-places summary{width:max-content;background:#112119d9;padding:9px 16px;min-height:40px}.at-the-hotel .place-links{margin:0;padding:7px 16px;background:#112119eb;gap:8px 20px;font:15px Halcyon,serif}.at-the-hotel .place-link{background:none;color:#e3d8ba;min-height:40px}
.at-the-hotel .desk-tools{position:fixed;inset:auto 0 0;z-index:7;height:135px;min-height:0;display:flex;align-items:end;justify-content:center;gap:clamp(25px,6vw,105px);padding:16px 25px 0;border:0;background:linear-gradient(#181c0f55,#0e0b05a1),url('media/investigation-walnut.jpg') center 42%/900px 900px;box-shadow:0 -5px 16px #0006,inset 0 3px #b29b6740}
.desk-tools:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 62% -30%,#d3b67b28,transparent 70%)}
.at-the-hotel .desk-tools .desk-object{position:relative;flex:0 0 142px;max-width:20%;height:106px;min-height:0;margin:0;padding:0;border:0;background:none;transform:rotate(-4deg);color:#28372c;transition:transform .22s;filter:drop-shadow(3px 7px 5px #0008)}
.at-the-hotel .desk-tools .desk-object:hover,.at-the-hotel .desk-tools .desk-object:focus-visible{transform:translateY(-9px) rotate(-1deg)}.at-the-hotel .desk-tools [aria-current=page]{border:0;color:inherit;transform:translateY(-5px) rotate(-2deg)}
.desk-object i{display:block;position:absolute;inset:0;background:#d9ceb3;box-shadow:2px 2px #b2a48a,4px 4px #e1d8c3}.desk-object span{position:absolute;z-index:1;left:6px;right:6px;top:38%;font:19px/1.1 Halcyon,serif;pointer-events:none}
.folded-plan i{background:linear-gradient(90deg,transparent 32%,#756d5a30 33%,#f1e7cf80 34%,transparent 36%,transparent 65%,#756d5a30 66%,#f1e7cf80 67%,transparent 69%),repeating-linear-gradient(0deg,transparent 0 18px,#98876335 19px 20px),repeating-linear-gradient(90deg,#dbd4ba 0 26px,#98876335 27px 28px);transform:skewY(2deg)}.folded-plan span{background:#e4dcc4e8;padding:6px 2px}.small-file i{background:#c7b78e;border:1px solid #988460;inset:8px 0 0}.small-file i:before{content:'';position:absolute;top:-8px;left:0;width:50%;height:9px;background:#c7b78e;border-radius:4px 4px 0 0}.small-file span{font:13px Record,monospace;top:44%;padding:0 10px}.leather-folio i{background:#273b30;border:1px solid #6e7251;border-left:7px solid #172820;box-shadow:3px 2px #bdb392,6px 4px #172a20;border-radius:2px 7px 7px 2px;inset:-8px 2px 0}.leather-folio i:after{content:'';position:absolute;inset:8px;border:1px solid #b7a06750}.leather-folio span{color:#dac496;font:22px Halcyon,serif;letter-spacing:.06em}.evening-slip i{background:repeating-linear-gradient(0deg,#e6dec8 0 17px,#a8a18840 18px 19px);inset:3px -8px 2px;transform:rotate(7deg)}.evening-slip span{font:24px Hand,cursive;transform:rotate(7deg)}.account-envelope i{inset:14px -8px 1px;background:linear-gradient(155deg,transparent 49.5%,#928368 50%,transparent 50.8%),linear-gradient(205deg,#e1d5b9 49.5%,#b8a787 50%,#c9b999 50.8%)}.account-envelope span{top:65%;font:15px Hand,cursive}
.at-the-hotel #file-cover{position:absolute;right:10%;top:auto;bottom:150px;width:310px;z-index:4;transform:rotate(-4deg)}.at-the-hotel .dossier-cover{min-height:365px;padding:29px 26px 24px;background:linear-gradient(100deg,#b8a57c 0,#d8c9a5 4%,#e4d9bf 6%,#e4d9bf 97%,#c6b68e 100%);border:0;border-left:9px solid #aa9670;box-shadow:2px 3px #b3a78b,4px 5px #e0d6bf,6px 7px #9c8a65,10px 15px 25px #0007}.at-the-hotel .cover-author{margin-bottom:45px;font-size:9px}.at-the-hotel .dossier-cover h2{font-size:38px}.at-the-hotel .cover-action{margin-top:12px}
.at-the-hotel[data-table=case] .hotel-stage,.at-the-hotel[data-table=evening] .hotel-stage{filter:blur(3px) brightness(.5)}
.at-the-hotel #case-surface,.at-the-hotel #evening-surface{position:fixed;inset:80px max(25px,5vw) 150px;z-index:5;padding:28px 36px;overflow:auto;background:linear-gradient(#08140e66,#08140e22),url('media/investigation-walnut.jpg') center/1000px;border:7px solid #332e20;box-shadow:0 25px 90px #0009,inset 0 0 40px #0007;border-radius:3px;overscroll-behavior:contain}
.at-the-hotel #case-surface>.section-head,.at-the-hotel #evening-surface>.section-head{justify-content:start;align-items:center;gap:24px;padding-bottom:10px;border:0}.at-the-hotel #case-surface h1,.at-the-hotel #evening-surface h1{font:34px Hand,cursive;min-width:150px;color:#e0d2b4}.at-the-hotel .section-head .brass-button{background:none;color:#ddcfae;padding:3px 0;border-bottom:1px solid #ad926b;margin:0 20px 0 0}.at-the-hotel .put-away{margin-left:auto;background:none;color:#e0d2b4;font:16px Halcyon,serif;padding:10px 0}.at-the-hotel .case-retrieval{margin:4px 0 18px}.at-the-hotel .case-retrieval summary{color:#c6b895}.at-the-hotel .case-filters{background:#112019e8;padding:16px;border:0;margin:4px 0 16px}
.at-the-hotel .case-list{display:flex;flex-wrap:wrap;align-items:start;gap:34px;padding:14px 10px 35px}.at-the-hotel .work-note,.at-the-hotel .work-card{flex:0 0 265px;padding:22px;background:#e3d8b9;box-shadow:3px 7px 9px #0005;border:0;transform:rotate(-1deg)}.at-the-hotel .work-card{background:#e9dfc7}.at-the-hotel .work-note:nth-child(2n){transform:rotate(1deg)}.at-the-hotel .case-board{background:transparent;min-height:500px;border:0;overflow:auto}.at-the-hotel .case-board article{border:0;transform:none;max-height:300px}.at-the-hotel .case-threads line{stroke:#bfb59c;stroke-width:2}.at-the-hotel .thread-controls{color:#d7c8a6;margin-top:18px}.at-the-hotel .empty-case{padding:45px 0;max-width:440px;flex:1}.at-the-hotel .empty-case .empty-title{font:32px Hand,cursive}
.at-the-hotel #evening-surface{background:linear-gradient(90deg,#d3c9ad,#e6dfcb 4%,#e6dfcb 97%,#c9bd9e);color:#304034;border:0;border-left:10px solid #7c6c4a;box-shadow:2px 3px #a59674,5px 6px #c8bda3,0 25px 90px #0009}.at-the-hotel #evening-surface h1,.at-the-hotel #evening-surface .put-away,.at-the-hotel #evening-surface .section-head button{color:#304034}.at-the-hotel #evening-surface>.field{max-width:240px}.at-the-hotel #evening-surface .eyebrow{color:#6d6b54}.at-the-hotel .evening-band{background:none}.at-the-hotel .evening-axis{left:55px;border-color:#a39372}.hour-tick{position:absolute;right:10px;font:10px Record,monospace;color:#78755e;white-space:nowrap}.at-the-hotel .evening-entry{color:#283d30;background:#eee8d5;border:1px solid #b5a788;box-shadow:2px 3px 5px #95856840;left:80px}.at-the-hotel .evening-entry span{color:#6c705c}.at-the-hotel .evening-entry time{color:#3d503d}.at-the-hotel .evening-proposals{border-top:1px solid #a39778}.at-the-hotel .evening-proposals button{color:#3d503d}
.at-the-hotel dialog{box-shadow:1px 2px #c8bfa7,4px 5px #a29475,7px 8px #c9c0a8,0 35px 100px #000b;border-left:8px solid #9d8b64;background:#e5dec9}.at-the-hotel dialog::backdrop{background:#07100bb3;backdrop-filter:blur(4px)}.at-the-hotel .reader{background:#d6ceb7}.at-the-hotel .source-scroll{background:transparent}.at-the-hotel .reader .focus-head{border:0}.at-the-hotel .reader .focus-head h2{font-size:21px}.at-the-hotel .reader-tools{border:0}.at-the-hotel .doc{box-shadow:0 5px 20px #786b4140}.at-the-hotel .papers-sheet{background:linear-gradient(90deg,#c5b48e,#d9cba9 2%,#d9cba9 98%,#bba67c)}.at-the-hotel .papers-sheet .focus-head h2{font:33px Halcyon,serif}.at-the-hotel .papers-sheet input{background:#e8dfc7;border:0;border-bottom:1px solid #9b8f70;max-width:380px}.at-the-hotel .paper-bundle{background:#ddd1b0;border:0;border-top:1px solid #a9956e;box-shadow:2px 5px 6px #7b674740;padding:10px 16px}.at-the-hotel .paper-bundle summary{font:23px Halcyon,serif}.at-the-hotel .paper-entry{border-color:#b6a88a}.at-the-hotel .note-sheet input,.at-the-hotel .note-sheet textarea,.at-the-hotel .card-sheet textarea,.at-the-hotel .account-sheet textarea{background:transparent;border:0;border-bottom:1px solid #b5a98a;box-shadow:none}.at-the-hotel .card-sheet textarea,.at-the-hotel .account-sheet textarea{background:repeating-linear-gradient(transparent 0 34px,#a69d793b 35px 36px);line-height:36px}.at-the-hotel .brass-button{box-shadow:none;border-bottom:1px solid #9b8050;background:transparent;padding:8px 3px;color:#304233}.at-the-hotel .sheet .field>span{color:#69705a}.at-the-hotel .note-facts{padding:13px 0;margin:20px 0}.at-the-hotel #hotel-work{position:fixed;right:26px;bottom:147px;z-index:5;max-width:38vw;max-height:70px;overflow:auto;font:14px Halcyon,serif}.at-the-hotel #hotel-work button{display:block;color:#e0d2b0;background:#17271dbb;padding:4px 10px}.at-the-hotel .cited-record{position:fixed;right:30px;bottom:152px;z-index:6;margin:0;max-width:min(440px,45vw);max-height:35dvh;overflow:auto;box-shadow:0 8px 30px #0006}.at-the-hotel #notice{z-index:40}.at-the-hotel #storage-warning{position:fixed;top:55px;left:15%;right:15%;z-index:45;background:#e7d7b0;color:#253b2d;padding:12px}
@media(max-width:760px){.at-the-hotel .masthead{padding:9px 14px;height:52px}.at-the-hotel .masthead .brand{font-size:18px}.at-the-hotel .mast-actions{gap:13px;font-size:10px}.at-the-hotel .hotel-caption{top:64px;left:16px;font-size:18px}.at-the-hotel .people-register{top:64px;right:16px;font-size:16px}.at-the-hotel .desk-tools{height:100px;padding:16px 10px 0;gap:12px;justify-content:space-between}.at-the-hotel .desk-tools .desk-object{flex:1 1 62px;max-width:20%;height:72px}.desk-object span{font-size:13px!important;left:1px;right:1px}.leather-folio span,.evening-slip span{font-size:18px!important}.small-file span{font-size:9px!important;padding:0 3px}.at-the-hotel .hotel3d-controls{bottom:158px;left:10px;right:10px;gap:2px;justify-content:start}.at-the-hotel .hotel3d-controls button{font-size:10px;padding:4px 6px}.at-the-hotel .hotel-zoom{width:65px}.at-the-hotel .hotel-places{left:10px;bottom:107px;max-width:calc(100% - 20px);font-size:14px}.at-the-hotel .place-links{gap:0 15px;font-size:14px}.at-the-hotel #file-cover{right:12%;bottom:190px;width:76%;max-width:295px}.at-the-hotel .dossier-cover{min-height:350px}.at-the-hotel #case-surface,.at-the-hotel #evening-surface{inset:60px 8px 112px;padding:20px 16px;border-width:4px}.at-the-hotel #case-surface>.section-head,.at-the-hotel #evening-surface>.section-head{gap:10px;flex-wrap:wrap}.at-the-hotel #case-surface h1,.at-the-hotel #evening-surface h1{min-width:95px;font-size:28px}.at-the-hotel .section-head .brass-button{font-size:12px;margin-right:12px}.at-the-hotel #case-view{font-size:12px}.at-the-hotel .put-away{font-size:14px}.at-the-hotel .case-list{display:block;padding:5px}.at-the-hotel .work-note,.at-the-hotel .work-card{width:100%;margin-bottom:25px}.at-the-hotel .case-board article{width:260px}.at-the-hotel #hotel-work{display:none}.at-the-hotel .cited-record{right:10px;left:10px;bottom:110px;max-width:none;max-height:33dvh;padding:15px 18px}.at-the-hotel:has(.hotel-closeup) .cited-record{right:10px;left:auto;bottom:var(--closeup-controls-space,110px);max-height:none;padding:4px 12px}.at-the-hotel:has(.hotel-closeup) .cited-record>p{display:none}.at-the-hotel dialog{border-left-width:4px}.at-the-hotel .reader .focus-head h2{font-size:19px}.at-the-hotel .reader-tools{flex-wrap:wrap;gap:6px 15px;min-height:48px}.at-the-hotel .reader-tools select{max-width:180px}.at-the-hotel .paper-bundles{gap:18px}.at-the-hotel .hotel-model.expanded .hotel3d-controls{bottom:10px}}
@media(prefers-reduced-motion:reduce){.desk-tools .desk-object{transition:none!important}}
@media(forced-colors:active){.at-the-hotel .desk-object i,.at-the-hotel #case-surface,.at-the-hotel #evening-surface,.at-the-hotel .work-note,.at-the-hotel .work-card{background:Canvas;border:1px solid CanvasText;color:CanvasText}.desk-object span,.at-the-hotel .work-title,.at-the-hotel #case-surface h1{color:CanvasText}.hour-tick{color:CanvasText}}

/* Close inspection must keep its return within reach, above the table edge. */
.at-the-hotel .shard-card{bottom:155px;max-height:42dvh;overflow:auto;background:#e6ddc8;color:#293d30;border:0;border-left:5px solid #ac9870;box-shadow:0 10px 35px #0006}
.at-the-hotel .shard-card .eyebrow,.at-the-hotel .shard-meta,.at-the-hotel .shard-meta span,.at-the-hotel .shard-actions button,.at-the-hotel .lens-pager{color:#4d5945}
.at-the-hotel:has(.hotel-closeup) .hotel-places,.at-the-hotel:has(.hotel-closeup) #hotel-work,.at-the-hotel:has(.hotel-closeup) .hotel3d-controls{visibility:hidden}
.small-file span,.folded-plan span,.account-envelope span,.evening-slip span{color:#293b2f}
.evening-slip i{background:repeating-linear-gradient(0deg,#e6dec8 0 17px,#c5bfa9 18px 19px)}
@media(max-width:760px){.at-the-hotel .shard-card{bottom:110px;left:10px;right:10px;max-height:32dvh;width:auto;padding:15px 18px}}
.at-the-hotel .hotel3d-controls{top:115px;bottom:auto;left:auto;right:28px}
.at-the-hotel .hotel-model.expanded .hotel3d-controls{top:auto;bottom:20px;left:28px;right:auto}
.at-the-hotel .shard-actions button{background:#e0d5ba;border:1px solid #9a8b69;color:#273c2f}
@media(max-width:760px){.at-the-hotel .hotel3d-controls{top:102px;bottom:auto;left:10px;right:10px;flex-wrap:wrap}.at-the-hotel .hotel-model.expanded .hotel3d-controls{top:auto;bottom:10px;left:10px}}

.at-the-hotel .hotel-stage:has(.expanded){z-index:40}.at-the-hotel .hotel-model.expanded{inset:0;width:100%;height:100dvh;margin:0}.at-the-hotel:has(.hotel-touring) .desk-tools,.at-the-hotel:has(.hotel-touring) .hotel-places,.at-the-hotel:has(.hotel-touring) .people-register{visibility:hidden}

#look-closer{background:#1b2c22;color:#e4d6b5;border:1px solid #9e936e60;padding:8px;font:15px Halcyon,serif;max-width:100%}.at-the-hotel .case-threads{z-index:1}.at-the-hotel .case-board article{z-index:2}.at-the-hotel .case-threads line{stroke:#cfb586;stroke-width:3}
/* Investigation board: a place for the player's relationships, never an inferred graph. */
.at-the-hotel #case-surface{inset:68px 24px 147px;padding:18px 24px 16px;background:#1d2a27;border:7px solid #463b2b;box-shadow:inset 0 0 35px #0007,0 20px 80px #0009;display:flex;flex-direction:column;overflow:auto}
.at-the-hotel #case-surface>.section-head{gap:22px;flex:none;margin:0;padding:0 0 8px;flex-wrap:wrap}.at-the-hotel #case-surface h1{font-size:32px;margin-right:10px}.at-the-hotel #case-surface .section-head .brass-button{margin:0;font-size:13px}.at-the-hotel #case-view{font-size:12px;color:#c3c7b1}
.board-utility{display:flex;justify-content:space-between;align-items:start;gap:20px;flex:none}.at-the-hotel .board-utility .case-retrieval{margin:0;flex:1}.board-utility>.field{display:flex;align-items:center;gap:12px;margin:0;font-size:11px;color:#c3c3ab;white-space:nowrap}.board-utility input[type=range]{width:100px;padding:0;accent-color:#bdab80;background:transparent}.board-utility .case-filters{position:relative;z-index:8}.board-viewport{position:relative;flex:1 0 350px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#7f866e #19231f;border:1px solid #59615155;background:radial-gradient(#adb79c0b .7px,transparent .8px) 0 0/3px 3px,#25332d;box-shadow:inset 0 3px 18px #08120d66;min-height:0}
.at-the-hotel .case-board.board-canvas{position:relative;border:0;background:none;min-height:700px;overflow:visible;margin:0;transform-origin:top left}
.at-the-hotel .board-canvas .board-item{position:absolute;width:250px;min-width:0;max-height:320px;min-height:140px;padding:30px 18px 18px;overflow:visible;transform:rotate(-.6deg);border:0;border-radius:0;box-shadow:3px 6px 8px #0005;color:#2c3a30;background:#e3d8b9;z-index:2;user-select:none;cursor:grab;margin:0}
.at-the-hotel .board-canvas .board-item:nth-of-type(2n){transform:rotate(.8deg)}.at-the-hotel .board-canvas .board-item.moving{z-index:7;transform:rotate(0);box-shadow:5px 12px 20px #0008;cursor:grabbing}
.at-the-hotel .board-canvas .work-title{font-size:22px;line-height:1.22;-webkit-line-clamp:4;min-height:0}.at-the-hotel .board-canvas .work-title.quoted-title{font:16px/1.5 Document,Georgia,serif}.at-the-hotel .board-canvas .work-card{background:#eee4cb;border-bottom:3px solid #b6a57d}.at-the-hotel .board-canvas .card-reference{font:11px/1.4 Document,serif;max-height:38px;padding:5px 0}.at-the-hotel .board-canvas .work-provenance,.at-the-hotel .board-canvas .work-place{font-size:10px;margin-top:10px}.board-kind{font:9px/1.4 Record,monospace;text-transform:uppercase;letter-spacing:.07em;color:#73705a;margin:0 0 8px}
.board-thread-pin{position:absolute!important;left:calc(50% - 16px);top:-5px;width:32px;height:32px;min-height:32px;border-radius:50%;background:transparent!important;padding:0!important;z-index:5}.board-thread-pin:after{content:'';position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e0d2a5,#a58b53 45%,#514326 85%);box-shadow:1px 3px 3px #0007;border:1px solid #a08854}.board-thread-pin:hover:after,.board-thread-pin:focus-visible:after{box-shadow:0 0 0 3px #e0d2a560}.board-thread-pin.threading:after{box-shadow:0 0 0 4px #e1d1a589,0 0 15px #f1d98b88}.board-grip{position:absolute;top:2px;right:7px;background:none;color:#8c7e5e;font:9px Record,monospace;min-height:27px;padding:4px;touch-action:none;cursor:grab}.board-instruction{font:11px/1.5 Interface,sans-serif;color:#c5c6ad;margin:9px 0 0;flex:none}.at-the-hotel .case-threads{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible;min-width:0}.at-the-hotel .case-threads line{stroke:#c4ab7c;stroke-width:1.8;filter:drop-shadow(0 1px 1px #000a)}
.at-the-hotel .board-canvas .board-person{width:250px;background:#eae3d1;padding:25px 16px 12px}.board-portrait{display:block;width:100%;height:160px;object-fit:cover;object-position:center 28%;filter:saturate(.65);margin-bottom:10px}.unknown-portrait{height:145px;display:grid;place-items:center;background:#b8b7a1;color:#526355;font:80px Hand,cursive;margin-bottom:10px}.at-the-hotel .board-person .work-title{font:21px Halcyon,serif!important;line-height:1.1}.unpin-reference{background:none;color:#75694f;font:10px Interface,sans-serif;text-decoration:underline;text-underline-offset:3px;min-height:28px;padding:3px 0;margin-top:8px}.board-place-sketch{position:relative;height:95px;margin:0 0 10px;border-bottom:1px solid #96856550}.board-place-sketch .hg-plan{display:block;width:100%;height:92px;margin:0}.board-location-label{font:24px/1.2 Hand,cursive;display:grid;place-items:center;height:100%;color:#5a644f}.board-glass{position:absolute;right:15px;top:20px;width:38px;height:38px;border:4px solid #91713d;border-radius:50%;background:#8db5b21a;box-shadow:inset 0 0 0 1px #dbcb9b,1px 2px 4px #0006}.board-glass:after{content:'';position:absolute;right:-17px;bottom:-15px;width:27px;height:7px;background:linear-gradient(#a18a5a,#533c21);transform:rotate(45deg);border-radius:3px}.board-paper-heading{font:9px/1.5 Record,monospace;white-space:pre-line;border-top:3px double #a39c82;border-bottom:1px solid #a39c82;padding:10px 0;color:#676b58}.at-the-hotel .board-reference .work-title{font:20px/1.2 Halcyon,serif}.at-the-hotel .case-list .board-reference{flex:0 0 250px;background:#e3dbc5;color:#2c3a30;padding:22px;max-width:100%;box-shadow:3px 6px 9px #0005}.at-the-hotel .case-list .board-reference img{height:160px}
.at-the-hotel #case-surface>.thread-controls{flex:none;margin:7px 0 0;padding:0;border-top:1px solid #d3c69b20;font-size:12px}.at-the-hotel #case-surface>.thread-controls summary{padding:7px 0;min-height:30px}.at-the-hotel #case-surface>.thread-controls[open]{max-height:240px;overflow:auto}.at-the-hotel .board-canvas .empty-case{position:absolute;left:65px;top:95px;max-width:400px;color:#c0c5ae}.at-the-hotel .board-canvas .empty-title{color:#ded4b9}
.leather-folio span{font-size:19px;top:29%;line-height:1.3}
@media(max-width:760px){.at-the-hotel #case-surface{inset:56px 6px 108px;padding:12px 10px;border-width:4px}.at-the-hotel #case-surface>.section-head{gap:5px 15px;align-items:center}.at-the-hotel #case-surface h1{font-size:27px;min-width:100%;margin:0}.at-the-hotel #case-surface .section-head .brass-button{font-size:11px;min-height:34px}.at-the-hotel #case-view,.at-the-hotel #case-surface .put-away{font-size:11px}.at-the-hotel #case-surface .put-away{margin-left:0}.board-utility{gap:8px}.board-utility>.field{display:block;font-size:9px;margin:0}.board-utility input[type=range]{width:78px;margin-top:4px}.board-viewport{flex:1 0 250px}.at-the-hotel .board-canvas .board-item{width:250px;margin:0}.board-instruction{font-size:10px}.leather-folio span{font-size:14px!important}.at-the-hotel .case-list .board-reference{width:100%;margin:0 0 25px}}
@media(forced-colors:active){.board-viewport,.at-the-hotel .board-canvas .board-item{background:Canvas;color:CanvasText;border:1px solid CanvasText}.board-thread-pin:after{background:ButtonText;border:2px solid ButtonText}.board-thread-pin.threading:after{outline:3px solid Highlight}.at-the-hotel .case-threads line{stroke:CanvasText}.board-kind,.board-instruction{color:CanvasText}}
/* Keep the pin target usable when the player steps back from the board. */
.board-thread-pin{left:calc(50% - 22px / var(--board-zoom,1));top:calc(12px - 22px / var(--board-zoom,1));width:calc(44px / var(--board-zoom,1));height:calc(44px / var(--board-zoom,1));min-height:0}
.board-thread-pin:after{inset:calc(22px / var(--board-zoom,1) - 7px)}
.at-the-hotel .board-viewport{min-width:0;width:100%}.at-the-hotel .board-canvas .empty-case{user-select:text}
@media(max-width:760px){.at-the-hotel #case-surface .section-head button{min-height:40px}.at-the-hotel #case-surface .section-head{gap:2px 13px}.board-grip{padding:7px;min-height:32px}}

/* A2 · The list-equivalent replaces the <details> that used to hold the place links, so it no longer
   opens and closes; it is a quiet standing list at the side of the world. */
.at-the-hotel .hotel-places{position:fixed;z-index:6;left:20px;bottom:118px;width:216px;max-width:calc(100% - 40px);max-height:calc(100dvh - 240px);overflow:auto;background:#0f1d18e0;padding:6px 14px 12px;color:#e3d8ba;font:14px Halcyon,serif}
.at-the-hotel .hotel-places .place-links{display:block;margin:0}
.at-the-hotel .hotel-places .place-links button{display:block;width:100%;text-align:left;padding:3px 0;min-height:26px;font-size:13px;color:#cfc6a6}
.at-the-hotel .hotel-places .close-views button{font-size:12px;color:#b8b198}
.at-the-hotel .hotel-places-head{margin:8px 0 2px;color:#a3ab98}
.at-the-hotel .close-views{font-size:13px}
@media(max-width:760px){.at-the-hotel .hotel-places{left:8px;right:8px;bottom:104px;width:auto;max-width:none;max-height:26dvh;font-size:13px;padding:4px 10px 8px}.at-the-hotel .hotel-places .place-links{display:flex;flex-wrap:wrap;gap:0 16px}.at-the-hotel .hotel-places .place-links button{display:inline-block;width:auto;font-size:12px;min-height:26px}.at-the-hotel .hotel-places .close-views button{font-size:11px}.at-the-hotel .hotel-places-head{margin:5px 0 0}}

/* Loop 1 correction: quiet reading, compact references, player-authored thought. */
.at-the-hotel #foreground{border:0;background:#eee9d9;box-shadow:0 12px 46px #0005}
.at-the-hotel #foreground::backdrop{background:#07100b32;backdrop-filter:none}
#foreground:has(.reader){width:min(760px,calc(100vw - 80px));height:calc(100dvh - 110px);max-height:880px;margin:55px 4vw auto auto}
#foreground:has(.reader-compare){width:min(1400px,94vw);margin:30px auto;height:90dvh}
.at-the-hotel .reader{background:#f3efdf;padding:0;position:relative}
.reader .focus-head{padding:16px 24px 4px;margin:0;gap:16px;align-items:center;border:0}
.reader .focus-head h2{font:20px Halcyon,Georgia,serif}.focus-head h2{flex:1}.focus-head button{min-height:36px}
.reader-tools{padding:0 24px;min-height:40px;gap:24px;border:0;font-size:12px;position:relative;z-index:4}
.reader-more{margin-left:auto}.reader-more summary{cursor:pointer;padding:10px;list-style:none}.reader-more[open]{background:#f3efdf}.reader-more[open]>button{display:block;padding:10px;text-align:left}.reader-more[open]{position:absolute;right:18px;top:0;box-shadow:0 4px 18px #0002}
.source-panes{background:transparent;gap:0}.source-scroll{padding:22px 42px 40px;max-height:none}
.at-the-hotel .reader .doc{background:transparent;box-shadow:none;padding:0;max-width:660px;font-size:calc(17px * var(--reading-scale,1));line-height:1.75}
.reader .doc-head{margin-bottom:24px}.reader .doc-title{font-size:calc(29px * var(--reading-scale,1))}
.markable>td:first-child,.markable>th:first-child{padding-left:10px!important}.markable:focus{outline:none}
::highlight(kept-words){text-decoration:underline;text-decoration-color:#ae9365;text-decoration-thickness:2px;text-underline-offset:4px;background:#bea06319}
::highlight(selected-words){background:#bda27060;color:#263b2c}
.passage-kept:not(tr):before{content:'';position:absolute;left:-14px;top:5px;bottom:5px;border-left:2px solid #a68a52;opacity:.7}
.choosing-passage .markable:focus,.choosing-passage .markable:hover{outline:1px solid #997a42;outline-offset:5px;cursor:pointer}.choosing-passage .markable{cursor:pointer}
.finding-capture{flex-shrink:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 24px;background:#eee5ca;border-top:1px solid #c1b28b;box-shadow:0 -5px 20px #6551240c;z-index:5}
.finding-capture input{flex:1;min-width:180px;max-width:100%;background:transparent;border:0;border-bottom:1px solid #958463;font:20px Halcyon,Georgia,serif;padding:8px}
.finding-capture .brass-button{background:#294435;color:#f5efdc;padding:9px 18px;min-height:40px;border:0}
.finding-capture details{flex-basis:100%;font-size:12px}.finding-capture details select{max-width:70%;margin:10px}.finding-capture summary{cursor:pointer}
.source-side-switch{display:none}
/* A drawer reuses the reading area, leaving the sheet at its original scale. */
#foreground:has(.work-library){width:440px;max-width:95vw;max-height:calc(100dvh - 100px);margin:65px 28px auto auto}
.work-library{padding:24px;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
.work-library .focus-head{padding:0 0 18px;margin-bottom:16px;gap:10px}.work-library h2{font-size:30px}
.work-tabs{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 20px}.work-tabs button{font-size:12px;padding:8px 0;border-bottom:1px solid transparent}.work-tabs .brass-button{border-color:#8b7543}
#work-query{width:100%;font-size:14px;background:transparent;border:0;border-bottom:1px solid #c0b699;padding:10px 0}
.collection-options{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:10px;font-size:12px}.collection-options details{flex:1}.collection-options summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.collection-options .field{display:block;margin:14px 0}.collection-options button{font-size:12px;min-height:36px}
.library-status{font-size:12px;opacity:.7}.library-status:empty{display:none}
.work-result{display:flex;align-items:center;gap:12px;margin:0;padding:16px 0;border-bottom:1px solid #b4ab9066;background:none}.work-result>div{flex:1;min-width:0}.work-result .library-open{text-align:left;padding:0;font:20px/1.35 Halcyon,Georgia,serif;overflow-wrap:anywhere}.work-result .quiet{font:11px/1.4 Interface,Arial,sans-serif;margin:6px 0 0}.work-result>button{font-size:11px;padding:8px 0;max-width:65px;text-align:right;flex-shrink:0}.work-result input{width:20px;height:20px;flex-shrink:0}.work-result.reasoning .library-open{color:#234733}.library-actions{display:flex;gap:16px;flex-wrap:wrap;padding:15px 0}.library-actions:empty{display:none}
.note-sheet .citations blockquote{font:calc(18px * var(--reading-scale,1))/1.65 Document,Georgia,serif;margin:24px 0 10px;border-left:0;padding:0}.note-sheet .citations>button{font-size:12px;border-bottom:1px solid #b3a27c;margin-bottom:15px}.note-sheet details,.card-sheet details{margin:14px 0;font-size:13px}.note-sheet details>summary,.card-sheet details>summary{cursor:pointer;padding:8px 0}.note-sheet>button,.card-sheet>button{margin:8px 18px 0 0}.note-sheet .field:first-of-type{margin:0 0 18px}.note-sheet #note-title{font:29px Halcyon,Georgia,serif}.work-more>button{display:block;text-align:left;margin:12px 0}.mechanic-copy{font:14px/1.6 Interface,Arial,sans-serif;max-width:65ch;opacity:.8;overflow-wrap:anywhere}
/* Board: the thought dominates; the paper is a compact source handle. */
.at-the-hotel #case-surface.v4-board{inset:64px 24px 145px;margin:0;padding:24px 30px;min-height:0;overflow:hidden;background:#11271e;border:1px solid #615e3f;box-shadow:0 12px 40px #0004;display:flex;flex-direction:column;color:#ede5cf}
.v4-board-head{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-shrink:0;padding-bottom:18px}
.sheet-switch{font:32px/1.1 Halcyon,Georgia,serif;color:#ede5cf;text-align:left;padding:0;background:none;max-width:65%;overflow-wrap:anywhere}
.board-actions{display:flex;align-items:center;gap:22px}.board-actions button{font-size:13px}.v4-board .brass-button{background:#e5dabc;color:#243c2b;padding:9px 16px;border:1px solid #bdaa76}
.board-menu{position:relative}.board-menu summary{cursor:pointer;list-style:none;font-size:20px;padding:8px}.board-menu[open]{z-index:12}.board-menu[open]>button{display:block;white-space:nowrap;min-width:175px;text-align:left;padding:11px 16px;background:#263e30;color:#eee5ce}.board-menu[open]>button:first-of-type{border-top:1px solid #7f805b}.board-menu[open]>button{position:relative;right:145px;margin-right:-145px}
.board-selection{display:flex;align-items:center;gap:20px;flex-wrap:wrap;flex-shrink:0;padding:10px 0 16px;font-size:12px}.board-selection p{margin:0;opacity:.7}.board-selection button{font-size:12px}.selection-more{position:relative}.selection-more summary{cursor:pointer}.selection-more[open]>button{display:block;padding:12px;background:#263e30;color:#eee5ce}.selection-more[open]{z-index:12}
.pin-instruction,.focus-return{display:flex;align-items:center;gap:20px;font-size:13px;flex-shrink:0;padding:0 0 12px}.pin-instruction p{margin:0;color:#ded0ae}.pin-instruction button,.focus-return button{font-size:12px}
.board-empty{padding:70px 30px}.board-empty h2{font:32px Halcyon,Georgia,serif}.board-empty .quiet{font-size:14px;color:#bbbea5}
.v4-board-scroll{flex:1;min-height:120px;overflow:auto;scrollbar-color:#6b7050 #11271e;overscroll-behavior:contain}
.v4-canvas{position:relative;width:1160px;min-height:500px;margin:0 auto}
.v4-tile{position:absolute;box-sizing:border-box;width:226px;min-height:108px;background:#eee7ce;color:#263c2e;padding:25px 20px 16px;box-shadow:1px 4px 8px #0003;border:1px solid #d3c6a5;border-bottom:2px solid #c4b28e;overflow:visible}
.v4-tile.reasoning{width:354px;min-height:210px;background:#294739;color:#f1e7cb;border:1px solid #718064;border-top:2px solid #889375;padding:30px 27px 26px;box-shadow:0 7px 14px #0002}
.v4-tile.reference{width:176px;min-height:110px;background:#e6dfc4;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.v4-tile.person{width:175px;padding:20px 18px 15px;min-height:175px}.v4-portrait{width:55px;height:67px;object-fit:cover;display:block;margin:0 0 12px}
.v4-tile.selected{outline:1px solid #d5bd7d;outline-offset:5px}.v4-tile.thread-origin{outline:2px solid #bca26a;outline-offset:4px}
.v4-tile button{color:inherit}.v4-tile .item-open{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font:calc(18px * var(--reading-scale,1))/1.35 Halcyon,Georgia,serif;text-align:left;background:none;padding:0;border:0;width:100%;overflow-wrap:anywhere}
.v4-tile.reasoning .item-open{font:calc(26px * var(--reading-scale,1))/1.28 Halcyon,Georgia,serif;-webkit-line-clamp:7}.v4-tile.reference .item-open{font-size:calc(17px * var(--reading-scale,1))}
.tile-source{font:11px/1.45 Interface,Arial,sans-serif;opacity:.8;margin:14px 0 0;padding:0;border:0}
.v4-tile .select-item,.v4-tile .move-item{position:absolute;top:0;min-height:28px;min-width:28px;padding:3px;background:transparent;border:0;font:14px Arial,sans-serif;opacity:0;z-index:6}.v4-tile:hover .select-item,.v4-tile:hover .move-item,.v4-tile:focus-within .select-item,.v4-tile:focus-within .move-item,.v4-tile.selected .select-item{opacity:.8}.select-item{right:32px}.move-item{left:0;cursor:grab;touch-action:none}
.v4-tile .thread-pin{position:absolute;right:0;top:0;width:32px;height:32px;min-height:32px;padding:0;background:none;border:0;cursor:crosshair;touch-action:none;z-index:5}
.v4-tile.connect-target,.v4-tile.connect-target :not(button,button *,a,summary,details,details *,input,select,textarea,label,.thread-nudge,.thread-nudge *){cursor:crosshair}
.thread-pin:after{content:'';position:absolute;width:7px;height:7px;left:12.5px;top:12.5px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ebd9a7,#b48e51 48%,#544025);box-shadow:1px 1px 2px #0008,0 0 0 .5px #493c28}
.thread-pin:focus-visible{outline:1px solid #c5ae74;outline-offset:1px;border-radius:50%}.thread-origin .thread-pin:after{box-shadow:0 0 0 3px #b9a46b55}
.v4-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}
.v4-wires path{stroke:#935b4b;stroke-width:1.25;fill:none;filter:drop-shadow(0 1px 1px #0007);pointer-events:stroke;cursor:pointer}.v4-wires path:hover,.v4-wires path:focus{stroke:#c18368;stroke-width:2;outline:none}.v4-wires .thread-preview{pointer-events:none;stroke-dasharray:3 3}.v4-wires .thread-end{fill:url(#pin-brass);filter:drop-shadow(1px 1px 1px #0008)}.v4-wires text{fill:#cabd98;font:italic 12px Halcyon,Georgia,serif;paint-order:stroke;stroke:#11271e;stroke-width:4px;stroke-linejoin:round}
.tile-connections,.mobile-order{display:none}.connection-name{display:block;text-align:left;font:12px/1.4 Interface,Arial,sans-serif;background:none;width:100%;padding:9px 0}.index-item{display:block;text-align:left;width:100%;padding:14px 0;border-bottom:1px solid #a8a08355;overflow-wrap:anywhere}.sheet-choice,.support-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #84907655}.connection-row{padding:20px 0;border-bottom:1px solid #8a907766}.connection-row button{margin:10px 14px 0 0;text-align:left}.tidy-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:15px;max-height:55vh;overflow:auto}.tidy-preview li{background:#dfd8c3;color:#263d2d;padding:18px;overflow-wrap:anywhere}
#foreground:has(.comparison-sheet){width:min(1200px,96vw)}.comparison-pair,.compare-selectors{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-pane{height:55vh;overflow:auto;padding:18px;border:1px solid #89947777;overflow-wrap:anywhere}.compare-pane h3{font:25px/1.5 Halcyon,Georgia,serif}.compare-pane button{display:block;text-align:left}.compare-pane blockquote{margin:16px 0;font-size:17px;line-height:1.7}.comparison-ab{display:none}
.mechanics-dialog{position:fixed;inset:0;margin:auto;background:#e8e1cc;color:#253d2e;width:min(640px,94vw);max-height:88dvh;padding:0;border:0;box-shadow:0 20px 80px #0008}.mechanics-dialog::backdrop{background:#06150c80}.mechanics-body{padding:26px}.mechanics-body details{padding:13px 0;border-bottom:1px solid #969e8277}.mechanics-body summary{font:20px Halcyon,Georgia,serif;cursor:pointer;min-height:36px}.mechanics-body p{font:16px/1.65 Interface,Arial,sans-serif}.mechanics-dialog button{color:#253d2e}.mechanics-dialog .focus-head h2{font:28px Halcyon,Georgia,serif}
@media(max-width:900px){
 .at-the-hotel #case-surface.v4-board{inset:60px 8px 108px;padding:18px 14px}.v4-board-head{align-items:start;gap:12px;flex-wrap:wrap}.sheet-switch{font-size:27px;max-width:100%;flex:1 1 100%}.board-actions{gap:22px}.board-actions>button{min-height:40px}.board-menu[open]>button{position:absolute;right:0;margin:0}.board-menu[open]{background:#263e30}.board-menu[open]>button{position:static;margin:0}.board-menu[open]{position:absolute;right:10px;top:65px}
 .v4-canvas{width:100%;height:auto!important;display:flex;flex-direction:column;gap:24px;padding:12px 12px 40px;box-sizing:border-box}.v4-tile{position:relative;left:auto!important;top:auto!important;width:83%;max-width:330px;min-height:105px;margin-left:5px}.v4-tile.reasoning{width:100%;min-height:180px;max-width:none;margin:0;padding:30px 24px}.v4-tile.reference{width:65%}.v4-tile.person{min-height:155px}.v4-tile .select-item{opacity:.6;min-height:36px;min-width:36px;right:35px}.v4-tile .move-item{display:none}.v4-tile .thread-pin{left:auto!important;top:0!important;right:0!important;width:38px;height:38px}.thread-pin:after{left:16px;top:15px}.v4-wires{display:none}.tile-connections{display:block;margin-top:14px;padding-left:13px;border-left:1px solid #935b4b;position:relative}.tile-connections:before{content:'';width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e7d39c,#9a723f);position:absolute;left:-3px;top:0}.mobile-order{display:block;font-size:11px;margin-top:10px;opacity:.8}.mobile-order summary{cursor:pointer;padding:8px 0}.mobile-order button{min-height:40px;margin-right:20px}.board-selection{gap:14px}.board-selection button{min-height:36px}.board-selection>p{flex-basis:100%}
 #foreground:has(.reader),#foreground:has(.reader-compare){width:100%;height:100dvh;max-height:100dvh;margin:0}.reader .focus-head{padding:14px 18px 2px;gap:12px}.reader .focus-head h2{font-size:21px}.reader-tools{padding:0 18px}.source-scroll{padding:24px 25px 35px}.at-the-hotel .reader .doc{font-size:calc(17px * var(--reading-scale,1))}.reader .doc table{font-size:calc(13px * var(--reading-scale,1))}.reader .doc .table-scroll table{min-width:420px}.reader .doc .kv{min-width:0}.finding-capture{padding:12px 18px;gap:10px}.finding-capture input{min-width:150px;font-size:19px}.finding-capture>button{min-height:42px}.source-side-switch{display:flex;gap:25px;padding:0 18px 10px}.reader-compare .source-scroll{display:none}.reader-compare .source-scroll.source-active{display:block}.reader-compare .source-panes{flex-direction:column}
 #foreground:has(.work-library){width:100%;max-width:100%;max-height:100dvh;margin:0}.work-library{max-height:100dvh;padding:22px}.work-tabs{gap:17px}.work-tabs button{min-height:40px}.work-result>button{min-height:44px}.work-result .library-open{font-size:21px}.comparison-pair{display:block}.compare-pane{display:none;height:55vh}.compare-pane.active{display:block}.comparison-ab{display:flex;gap:20px;margin:12px 0}.compare-selectors{display:block}.tidy-preview{grid-template-columns:1fr}.focus-head{gap:12px}.focus-head h2{font-size:26px}.mechanics-body{padding:18px}.at-the-hotel .masthead{padding:12px}.mast-actions{gap:10px}.mast-actions button{font-size:12px}.at-the-hotel .masthead .brand{font-size:17px}
}
@media(forced-colors:active){.v4-tile,.work-result{border:1px solid CanvasText}.v4-tile.selected{outline:3px solid Highlight}.v4-wires path{stroke:CanvasText}.thread-pin:after{background:ButtonText;forced-color-adjust:none}.passage-kept:not(tr):before{border-color:Highlight}}
.focus-head h2:focus{outline:none}.work-result .library-open{background:none;border:0;color:inherit}

.phone-threads{display:none}
@media(max-width:900px){.tile-connections{display:none}.phone-threads{display:flex;flex-shrink:0;gap:18px;overflow-x:auto;padding:8px 4px 14px;scrollbar-width:thin;scrollbar-color:#6b7050 #11271e}.phone-thread{position:relative;flex:0 0 auto;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 8px 6px 24px;font:12px Interface,Arial,sans-serif;color:#d5c5a0;background:none;border:0}.phone-thread:before{content:'';position:absolute;width:6px;height:6px;left:3px;top:16px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e7d39c,#9a723f);box-shadow:0 1px 2px #0009}.phone-thread:after{content:'';position:absolute;left:8px;top:19px;width:13px;border-top:1px solid #9c6250}.v4-tile .mobile-order{display:none}.v4-tile.selected .mobile-order{display:block}}

.at-the-hotel #notice{bottom:150px;pointer-events:none}#notice button{pointer-events:auto}
@media(max-width:900px){.at-the-hotel #notice{bottom:110px}}

.v4-wires{z-index:0}.v4-tile{z-index:1}.extra-pin{position:absolute;z-index:5;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ebd9a7,#b48e51 48%,#544025);box-shadow:1px 1px 2px #0008;pointer-events:none}
.finding-actions{display:flex;gap:25px;margin-top:25px}.card-sheet .card-reading{font:calc(26px * var(--reading-scale,1))/1.5 Halcyon,Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}
#foreground:has(.note-sheet),#foreground:has(.card-sheet){width:min(640px,94vw)}.note-sheet,.card-sheet{padding:28px 35px 35px}.note-sheet .work-more{margin-top:25px}.note-sheet .work-more>details{margin:18px 0}.note-sheet .focus-head h2{font:30px Halcyon,Georgia,serif}.note-sheet .citations blockquote{margin-top:15px}
@media(max-width:900px){.extra-pin{display:none}#foreground:has(.note-sheet),#foreground:has(.card-sheet){width:100%;max-height:100dvh}.note-sheet,.card-sheet{padding:24px}.card-sheet .card-reading{font-size:calc(24px * var(--reading-scale,1))}}

.at-the-hotel dialog>#notice{bottom:0}

@media(max-width:900px){#foreground:has(.reader),#foreground:has(.reader-compare),#foreground:has(.note-sheet),#foreground:has(.card-sheet){max-width:100vw}.reader .doc table.kv{table-layout:fixed;width:100%;min-width:0}.reader .doc .kv th,.reader .doc .kv td{overflow-wrap:anywhere;word-break:normal}}

@media(max-width:900px){.reader .doc .table-scroll table.narrow-table{min-width:0;width:100%;table-layout:fixed}.reader .doc .narrow-table th:first-child,.reader .doc .narrow-table td:first-child{width:32%}.reader .doc .narrow-table td{overflow-wrap:anywhere}}

.sheet-choice{justify-content:space-between}.sheet-item-menu{font-size:13px}.sheet-item-menu summary{cursor:pointer;list-style:none;padding:8px}.sheet-item-menu[open]>button{display:block;padding:10px}.sheet-options{margin-top:22px;font-size:13px}.sheet-options summary{cursor:pointer;padding:8px 0}.sheet-options>button{display:block;padding:12px 0}#foreground:has(.sheet-options){width:min(570px,95vw)}
@media(max-width:900px){.v4-tile .thread-pin{width:44px;height:44px}.thread-pin:after{left:18.5px;top:18.5px}.v4-tile .select-item{min-width:44px;min-height:44px;right:42px}}

/* Ported from actual fcg2 Finding Pass 2; original source hashes in QA record. */
/* Finding → Card → Glass playtest variant: a light composer under the paper, findings kept beside it, cards made from them. */
#foreground:has(.reader-body.with-shelf){width:min(1360px,97vw)}#foreground:has(.reader-compare .reader-body.with-shelf){width:min(1720px,99vw)}
.reader-body{position:relative;display:flex;flex:1;min-height:0}
.findings-shelf{width:340px;flex-shrink:0;overflow:auto;overscroll-behavior:contain;border-left:1px solid #b5b097;background:#cec5aa;padding:16px 18px 0;color:#29342f;font:14px/1.45 Interface,sans-serif}
.shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.shelf-head h3{font:500 25px Halcyon,Georgia,serif;color:#24382d}
.shelf-scope{display:flex;gap:12px}.scope-choice{background:none;padding:0;min-height:30px;font-size:12px;color:#55614d;border-bottom:1px solid transparent}.scope-choice.current{color:#1f3328;border-bottom-color:#826e3e}
.shelf-empty,.shelf-hint{font-size:13px;color:#46513f;margin:14px 0}
.shelf-list{list-style:none;padding:0;margin:12px 0 0}
.shelf-finding{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:11px 8px;margin:0 -8px;border-top:1px solid #b3ab90}
.shelf-finding input{width:18px;height:18px;margin:3px 0 0;accent-color:#6f5d33}.shelf-finding.chosen{background:#ddd4b6}
.shelf-finding.just-kept{animation:kept-here 2.6s ease-out}@keyframes kept-here{0%{background:#efe2b4}100%{background:transparent}}
.finding-name{display:block;background:none;padding:0;min-height:0;text-align:left;font:600 15px/1.35 Interface,sans-serif;color:#1f3328}.finding-name:hover{text-decoration:underline;text-decoration-color:#826e3e}
.finding-from{font:11.5px/1.5 Interface,sans-serif;color:#56624f;margin:3px 0 0}
.shelf-foot{position:sticky;bottom:0;background:linear-gradient(#cec5aa00,#cec5aa 14px);padding:16px 0 14px;margin-top:4px}.shelf-foot .brass-button{margin:0;width:100%}
.shelf-back{font-size:12px;min-height:30px;padding:0;color:#55614d}
.finding-head{margin:10px 0 6px}.finding-head .finding-title{margin:2px 0 4px}.finding-title{font:600 19px/1.3 Interface,sans-serif;color:#1f3328}.finding-title:focus{outline:none}
.small-action{font-size:12px;min-height:28px;padding:0;color:#55614d}
.inline-actions{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.finding-quotes blockquote{font:15px/1.6 Document,Georgia,serif;margin:12px 0 2px;padding-left:12px;border-left:2px solid #9d8b64;color:#27352d}
.quote-source{font-size:12px;min-height:28px;padding:0;color:#4d5945;text-align:left}
.paper-states{margin:16px 0 12px;padding:10px 14px 12px;background:#e6dfc9;border:1px solid #bdb398}.paper-states .eyebrow,.added-by-me .eyebrow{margin:0 0 6px;font:600 10.5px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5c5a45}
.paper-states dl{display:grid;grid-template-columns:62px 1fr;gap:4px 10px;margin:0;font:13px/1.45 Interface,sans-serif}.paper-states dt{color:#6a6a55}.paper-states dd{margin:0;color:#233129}
.added-by-me{margin:12px 0;padding:10px 14px 12px;background:#d9cfb2;border-left:3px solid #8c7743}
.added-by-me ul{list-style:none;padding:0;margin:0 0 8px}.added-by-me li{display:grid;grid-template-columns:78px 1fr auto;gap:8px;align-items:baseline;padding:3px 0;font-size:13px}.added-label{color:#6a6450;font-size:11.5px}.added-value{font-weight:600;color:#2b3027}
.added-by-me .quiet{font-size:12.5px;color:#554f3e;margin:0 0 8px}
.add-tools{display:flex;flex-wrap:wrap;gap:8px}.add-tool{background:transparent;border:1px solid #8f8466;color:#3b3a2c;padding:5px 10px;min-height:32px;font-size:12.5px}
.added-form .field{margin:8px 0}.added-form input,.added-form select,.added-form textarea{font-size:14px;padding:8px 10px}.added-form .quiet{font-size:12px;margin:4px 0}
.finding-cards{margin:14px 0}.finding-cards .eyebrow{margin:0 0 4px}.card-link{display:block;text-align:left;font:600 13.5px/1.4 Interface,sans-serif;color:#2c3f33;padding:4px 0;min-height:0}
.finding-actions{display:flex;flex-direction:column;align-items:start;gap:2px;margin:12px 0 26px;padding-top:10px;border-top:1px solid #b3ab90}.finding-actions button{min-height:32px;padding:0;font-size:13px}
.quiet-remove{color:#6d5f4d}
.mark-composer{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start;margin:0 -24px;padding:16px 24px 18px;background:#e7e0cc;border-top:2px solid #9d8b64;box-shadow:0 -12px 30px #1b180f1c;max-height:48%;overflow:auto;color:#29342f;font:14px/1.45 Interface,sans-serif}
.mark-composer .eyebrow{margin:0 0 4px;font:600 10.5px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5c5a45}
.composer-quote{font:15px/1.6 Document,Georgia,serif;max-height:8em;overflow:auto;margin:4px 0 10px;padding-left:12px;border-left:2px solid #9d8b64;color:#27352d}
.mark-composer .paper-states{margin:0}
.composer-name{display:flex;gap:10px;align-items:stretch}.composer-name input{flex:1;font:600 16px Interface,sans-serif;padding:11px 12px;border-color:#8f8466}.composer-name .brass-button{margin:0;white-space:nowrap}
.composer-more{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:8px;font-size:13px}.composer-more button{min-height:34px;padding:0;color:#3d4a3a}.composer-more.choosing{display:block}
.already-kept{margin:0 0 10px;padding:8px 12px;background:#efe6c8;border-left:3px solid #a88c4c;font:13px/1.45 Interface,sans-serif;color:#3a3527}.already-kept p{margin:0 0 2px}.already-kept button{font-size:12.5px;min-height:28px;padding:0;margin-right:16px}
.finding-choices{display:flex;flex-direction:column;max-height:210px;overflow:auto;margin:4px 0 6px}.finding-choice{display:flex;flex-direction:column;align-items:start;gap:2px;text-align:left;background:none;border-top:1px solid #c2b99c;padding:9px 4px;font:600 14px/1.35 Interface,sans-serif;color:#1f3328}.finding-choice:hover{background:#ece4cc}.finding-choice .finding-title{font-size:14px}.finding-choice .already-kept{margin:4px 0 0;font-weight:400}
.passage-findings{display:flex;flex-wrap:wrap;gap:6px;margin:-.3em 0 1.2em}.passage-finding{display:inline-flex;align-items:baseline;gap:8px;background:#e8dfc4;border:1px solid #b9ab82;border-left:3px solid #826e3e;padding:3px 10px;min-height:28px;font:600 12.5px/1.4 Interface,sans-serif;color:#23372c;text-align:left}.passage-finding-kind{font:500 9.5px Interface,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6c6550}
::highlight(halcyon-chosen){background-color:#caa9588a}
.passage-flash{animation:passage-flash 1.6s ease-out}@keyframes passage-flash{0%,30%{background:#e9d9a3}100%{background:transparent}}
/* One who/when/where block: the paper's words, with anything the player adds in the same row, marked as theirs. */
.paper-states dl{grid-template-columns:66px 1fr;gap:8px 10px}.paper-states dt{padding-top:1px;font-weight:600;color:#6a6a55}
.stated-items p{margin:0 0 5px}.stated-items p:last-child{margin-bottom:0}
.said{font:13.5px/1.5 Document,Georgia,serif;color:#34423a}.said strong{font:600 13px/1.5 Interface,sans-serif;color:#1c2f25}
.stated-date{font:600 13px Interface,sans-serif;color:#1c2f25}.stated-name{font:600 12px Interface,sans-serif;color:#1c2f25}.stated-more{font-size:12px;color:#6a6a55}
.mine{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font:13px Interface,sans-serif}.mine strong{color:#1c2f25}
.yours{display:inline-block;padding:0 6px;border:1px solid #8c7743;border-radius:9px;font:600 9.5px/16px Interface,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6f5d33;background:#efe5c6}
.add-link{background:none;padding:0;min-height:28px;font:12.5px Interface,sans-serif;color:#4d5945;border-bottom:1px dotted #8f8466;margin-top:4px}
.inline-form{margin-top:6px;padding:8px 10px;background:#ddd4b8;border-left:2px solid #8c7743}.inline-form .field{margin:4px 0}.inline-form input,.inline-form select{font-size:14px;padding:7px 9px}
.shelf-group{margin:18px 0 0;font:600 10.5px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5c5a45}
.finding-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 10px}.finding-head .eyebrow{grid-column:1/-1;margin:0}.edit-finding{font:600 13px Interface,sans-serif;min-height:30px;padding:0 2px;border-bottom:1px solid #826e3e;color:#23372c}
.finding-edit{margin:10px 0 24px}.finding-edit .eyebrow{font:600 10.5px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5c5a45;margin:14px 0 6px}.finding-edit .field{margin:6px 0 12px}.finding-edit input{font:600 16px Interface,sans-serif}
.edit-words{list-style:none;padding:0;margin:0}.edit-words li{border-top:1px solid #b3ab90;padding:8px 0}.edit-words li.replacing{background:#e9dca8;margin:0 -8px;padding:8px}.edit-words blockquote{font:14px/1.55 Document,Georgia,serif;margin:0 0 2px;padding-left:10px;border-left:2px solid #9d8b64}
.edit-hint{font:600 13px Interface,sans-serif;color:#5b4a1f;background:#efe2b4;padding:8px 10px}
.finding-edit-actions{margin-top:10px}.finding-notes{margin:12px 0}.finding-notes .eyebrow{display:flex;gap:8px;align-items:center;font:600 10.5px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5c5a45}
.composer-note{font:13px Interface,sans-serif;color:#46513f}
.passage-finding.open{background:#dcc27a;border-color:#826e3e}
::highlight(halcyon-kept){background-color:#eadb9f;text-decoration:underline;text-decoration-color:#9d8543}
::highlight(halcyon-open){background-color:#d9bd68}
.at-the-hotel #save-finding,.at-the-hotel #use-words{background:#2c4435;color:#f1e8d2;border:0;padding:9px 18px;min-height:40px;font-weight:600}
.said.elsewhere{opacity:.62}.said.elsewhere strong{font-weight:500}
.said.elsewhere{opacity:1}.said.elsewhere strong{font-weight:600}
.findings-shelf{width:410px}#foreground:has(.reader-body.with-shelf){width:min(1500px,97vw)}
@media(max-width:760px){.findings-shelf{width:auto}#foreground:has(.reader-body.with-shelf){width:100%}}
/* Finding facts, pass 2 (Founder review 23 Sep 2026): who/when/where as short facts with faces, one object. Solid = the paper states
   it; dashed = the player added it. Additions and edits stay out of the way until they are useful. */
.paper-states{margin:14px 0 12px;padding:12px 14px}
.paper-states dl{grid-template-columns:54px 1fr;gap:10px 10px;align-items:start}
.paper-states dt{padding-top:6px;font:600 11.5px Interface,sans-serif;color:#5f624f}
.paper-states dd{min-width:0}
.facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fact{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 10px;border:1px solid #c7bc98;border-radius:3px;background:#f4efe0;color:#1c2f25;font:600 13px/1.3 Interface,sans-serif;text-align:left;max-width:100%}
button.fact{cursor:pointer}button.fact:hover,button.fact:focus-visible{border-color:#826e3e;background:#fbf7ea}
.fact-words{display:grid;min-width:0}.fact-words strong{font-weight:600;overflow-wrap:anywhere}
.fact-words small{font:400 11.5px/1.3 Interface,sans-serif;color:#5b6152}
.fact-person{padding:3px 11px 3px 3px;border-radius:24px}
.face{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover;object-position:center 22%;border:1px solid #a89a72;background:#d3cbb1}
.face-initials,.face-unknown{display:grid;place-items:center;font:600 12px Interface,sans-serif;letter-spacing:.04em;color:#46513f}
.face-unknown{font:500 21px/1 Halcyon,Georgia,serif;background:#c4c0a8;color:#34423a}
.fact.added{border-style:dashed;border-color:#8c7743;background:#efe8d3}
.fact.added .face{border-style:dashed;border-color:#6f5d33}
.fact-remove{background:none;border:0;padding:0 2px 0 4px;min-height:24px;font:17px/1 Interface,sans-serif;color:#6f5d33;cursor:pointer}
.fact-remove:hover{color:#3e3218}
.fact-pin{display:inline-grid;place-items:center}.fact-pin svg{width:10px;height:13px;fill:#826e3e;display:block}
.fact-missing{margin:6px 0 0;font:13px Interface,sans-serif;color:#5b6152}
.fact-missing+.add-link{margin-top:2px}
.fact-more{font:12.5px Interface,sans-serif;min-height:30px;padding:0 4px;color:#4d5945}
.fact-form-label{margin:2px 0 6px;font:600 12.5px Interface,sans-serif;color:#3b4636}
.person-picker{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.person-choice{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:2px 11px 2px 2px;border:1px solid #c7bc98;border-radius:20px;background:#f4efe0;font:12.5px Interface,sans-serif;color:#1c2f25}
.person-choice:hover,.person-choice:focus-visible{border-color:#826e3e;background:#fbf7ea}
.person-choice .face{width:28px;height:28px}.person-choice .face-unknown{font-size:17px}
.fact-add-more{display:block;margin-top:12px;min-height:30px;padding:0;font:12.5px Interface,sans-serif;color:#4d5945;border-bottom:1px dotted #8f8466}
.fact-adds{display:flex;flex-wrap:wrap;gap:2px 16px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #cfc5a6}
.fact-adds .fact-form-label{flex-basis:100%;margin:0}
.finding-edit .quiet-remove{display:block;margin-top:22px;padding:0;min-height:32px;font-size:13px}
::highlight(halcyon-fact){background-color:#2c4435;color:#f6f0dc}
@media(max-width:760px){.paper-states{padding:10px 11px}.paper-states dl{grid-template-columns:1fr;gap:3px}.paper-states dt{padding-top:6px}.face{width:32px;height:32px}}
@media(forced-colors:active){.fact,.person-choice{border:1px solid CanvasText}.fact.added{border-style:dashed}}
.facts li:has(.fact-day){flex-basis:100%}.fact-day{border:0;background:none;padding:4px 0 0;min-height:0;font-size:13.5px}button.fact-day:hover,button.fact-day:focus-visible{background:none;text-decoration:underline;text-decoration-color:#826e3e}
.finding-quotes{margin-top:4px}.finding-quotes>.eyebrow{margin:0 0 2px;font:600 10.5px Interface,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5c5a45}
.finding-quotes.trimmed blockquote{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.quotes-toggle{display:block;margin:4px 0 0;min-height:30px;padding:0;font:12.5px Interface,sans-serif;color:#4d5945;border-bottom:1px dotted #8f8466}

@media(max-width:760px){.findings-shelf{position:absolute;left:0;right:0;bottom:0;width:auto;max-height:62%;z-index:3;border-left:0;border-top:2px solid #9d8b64}.mark-composer{grid-template-columns:1fr;gap:10px;max-height:60%}.composer-act{order:-1}.composer-name{flex-direction:column}.composer-quote{max-height:4.8em}}
/* No approved portrait: a plain outline, never initials (P0, 29 September 2026). */
.face-noface{display:grid;place-items:center}.face-noface svg{width:66%;height:66%;fill:none;stroke:#6d6a55;stroke-width:1.5;stroke-linecap:round}

/* Loop 1 structural correction. Existing palette and fcg2 Finding treatment retained. */
.at-the-hotel #hotel-surface[hidden],#file-cover{display:none!important}
.reading-case{background:#11271e}
.reading-case #main{visibility:hidden}
.reading-case #foreground::backdrop{background:#11271e;backdrop-filter:none}
#foreground:has(.reader),#foreground:has(.reader-body.with-shelf){width:min(1500px,97vw);height:calc(100dvh - 120px);max-height:none;margin:60px auto}
#foreground:has(.papers-sheet){width:min(1000px,96vw);height:calc(100dvh - 120px);margin:60px auto;background:#eee9d9}
.reader .reader-body{flex:1;min-height:0;overflow:hidden}
.reader .source-panes{flex:1;min-width:0;overflow:hidden}
.reader .source-scroll{flex:1;min-width:0}
.reader .findings-shelf{box-sizing:border-box;width:410px}
.reader .mark-composer{margin:0;padding:16px 24px 18px}
.reader .mark-composer[hidden],.reader .findings-shelf[hidden]{display:none}
.finding-quotes.trimmed blockquote{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.finding-actions{margin-top:12px;gap:2px}
.fact-day .fact-words small{max-width:200px}
.at-the-hotel #case-surface.v4-board{inset:50px 0 112px;border:0;box-shadow:none;padding:28px 45px;background:#11271e}
.v4-board-head{padding-bottom:28px}.sheet-switch{font-size:30px}.board-actions{gap:24px}
.v4-board .board-selection{padding:8px 0 18px}.board-selection>p{display:none}
.v4-board .thread-pin:after,.extra-pin{width:10px;height:10px;background:radial-gradient(circle at 32% 25%,#f0dfae 0%,#cfad69 27%,#ac8042 58%,#665030 85%,#3c3423 100%);box-shadow:0 1px 2px #0009,1px 2px 3px #0006}
.v4-board .thread-pin:after{left:11px;top:11px}
.v4-wires path{stroke:#a25d48;stroke-width:2;filter:drop-shadow(0 1px .5px #0008)}
.v4-wires text{font-size:12px;stroke-width:3px}
.v4-tile.reference{clip-path:none;border-radius:0 10px 0 0}
.board-inline,.thread-edit{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:0 0 20px;font:12px Interface,sans-serif}
.thread-edit input{background:transparent;color:#eee5ce;border:0;border-bottom:1px solid #718064;padding:8px;min-width:210px;flex:1}
.thread-edit button,.board-inline button{font-size:12px;min-height:36px}
.work-library:has(#collection-new-card) #collection-new-card{margin-bottom:22px}
@media(max-width:900px){
 .at-the-hotel #case-surface.v4-board{inset:52px 0 78px;padding:20px 14px}.v4-board-head{padding-bottom:10px}.sheet-switch{flex:auto}.board-actions{gap:18px}
 .reader .findings-shelf{width:350px}.thread-edit{gap:10px}
 #foreground:has(.reader),#foreground:has(.reader-body.with-shelf),#foreground:has(.papers-sheet){margin:0;width:100%;height:100dvh;max-width:100vw}
 .at-the-hotel #notice{bottom:80px}
}
@media(max-width:760px){
 .reader .findings-shelf{width:auto;max-height:62%;padding-bottom:20px;box-shadow:0 -8px 24px #0002}
 .reader .mark-composer{padding:12px;max-height:58%}.reader .source-scroll{padding:22px 24px 35px}
 .reader .reader-tools{gap:20px}.reader .reader-tools button{min-height:44px}
 .v4-board .thread-pin:after{left:17px;top:17px}.extra-pin{display:none}
 .board-actions button{font-size:12px}.sheet-switch{font-size:25px}
}


.v4-wires .natural-thread{stroke:transparent;stroke-width:16;filter:none}.v4-wires .thread-stroke{stroke:#a25d48;stroke-width:2;pointer-events:none}.v4-wires .natural-thread:hover+.thread-stroke,.v4-wires .natural-thread:focus+.thread-stroke{stroke:#c18368;stroke-width:2.4}
.v4-wires .natural-thread:hover,.v4-wires .natural-thread:focus{stroke:transparent;stroke-width:16;filter:none}

.thread-endpoints{display:flex;align-items:center;gap:8px;flex-basis:100%;font-size:13px}.thread-endpoints button{white-space:normal;text-align:left;max-width:46%}


/* Preserve the existing physical table objects; shared work gets its own materials. */
.at-the-hotel .desk-tools{gap:clamp(12px,3vw,60px)}
.at-the-hotel .desk-tools .desk-object{flex:0 1 142px;min-width:44px;max-width:16%}
.finding-bundle i{inset:7px 3px 5px;background:repeating-linear-gradient(transparent 0 14px,#9b89691f 15px 16px),#e2d7bb;border:1px solid #baa986;box-shadow:2px 3px #b5a383,4px 5px #ded2b6,6px 7px #9b8868}
.finding-bundle i:before{content:'';position:absolute;left:13px;top:-12px;width:13px;height:32px;border:2px solid #a58d58;border-radius:8px 8px 6px 6px;box-shadow:1px 1px 1px #41352080,inset 1px 0 #e3ce9a;transform:rotate(-9deg)}
.finding-bundle i:after{content:'';position:absolute;left:16%;right:15%;bottom:18px;height:8px;background:#b6a06a40;transform:rotate(-1deg)}
.finding-bundle span{top:38%;background:#e2d7bb;font-size:20px;line-height:1.5}
.thought-stack i{inset:13px 2px 2px;background:repeating-linear-gradient(transparent 0 21px,#a7b39821 22px 23px),#6c8060;border:1px solid #8b9771;border-top:3px solid #9ba780;border-radius:2px;box-shadow:3px 3px #354d38,5px 5px #92a07c,7px 7px #354d38}
.thought-stack i:after{content:'';position:absolute;inset:12px 10px;border-top:1px solid #c9cfad80;border-bottom:1px solid #c9cfad50}
.thought-stack span{top:40%;font:28px Hand,cursive;color:#efe4c5;text-shadow:0 1px #32452c}
.at-the-hotel #case-surface.v4-board{bottom:135px}.at-the-hotel #notice{bottom:148px}.at-the-hotel .hotel-places{bottom:148px}
.v4-board-head .close-board{flex:none;min-height:44px;padding:8px 4px 8px 18px;border-left:1px solid #b6a57b50;color:#dfd3b4;font:17px Halcyon,serif}
.v4-board-head .board-actions{margin-left:auto}
@media(max-width:900px){
 .at-the-hotel .desk-tools{height:104px;padding:16px 14px 0;gap:9px;align-items:end}
 .at-the-hotel .desk-tools .desk-object{flex:1 1 0;max-width:16%;height:74px}
 .desk-object span{font-size:13px!important;left:0;right:0}.desk-object.small-file span{font-size:10px!important;padding:0 2px}.desk-object.leather-folio span{font-size:14px!important}.desk-object.thought-stack span{font-size:20px!important}.desk-object.account-envelope i{left:-3px;right:-3px}.desk-object.account-envelope span{font-size:12px!important}
 .finding-bundle i:before{left:7px;width:9px;height:24px;top:-9px}.finding-bundle i:after{bottom:10px;height:6px}
 .at-the-hotel #case-surface.v4-board{bottom:104px}.at-the-hotel #notice{bottom:115px}.at-the-hotel .hotel-places{bottom:115px}
 .v4-board-head{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.v4-board-head .sheet-switch{grid-column:1;grid-row:1;min-width:0;max-width:100%;text-align:left}.v4-board-head .close-board{grid-column:2;grid-row:1}.v4-board-head .board-actions{grid-column:1 / -1;grid-row:2;margin-left:0}
}
@media(forced-colors:active){.finding-bundle i,.thought-stack i{background:Canvas!important;border:1px solid CanvasText}.finding-bundle span,.thought-stack span,.v4-board-head .close-board{color:CanvasText}.finding-bundle i:before{border-color:CanvasText}}

/* Mechanical assistance stays beside the current work, with no interruption to play. */
.focus-head .context-help{font:12px Interface,sans-serif;min-height:44px;padding:4px}
.first-finding-cue{display:block;flex:none;margin:0;padding:2px 24px 10px}
.mechanics-body>.focus-head{position:sticky;top:0;z-index:1;background:#e8e1cc;padding:8px 0 12px;align-items:center}
.mechanics-body>.focus-head button{min-height:44px}
@media(max-width:760px){.first-finding-cue{display:block;flex:none;margin:0;padding:2px 18px 10px;font:12px/1.4 Interface,sans-serif;color:#536048}.mechanics-body>.focus-head{gap:12px}.mechanics-body>.focus-head h2{font-size:23px}.mechanics-body>.focus-head button{max-width:130px}}
@media(forced-colors:active){.mechanics-body>.focus-head{background:Canvas}.first-finding-cue{color:CanvasText}}

/* Source/support links belong on the paper, using the existing document treatment. */
.sheet .index-item{background:transparent;color:#304233;font:19px/1.45 Halcyon,Georgia,serif;min-height:44px}
.sheet .index-item:hover,.sheet .index-item:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media(forced-colors:active){.sheet .index-item{color:LinkText}}

/* A cue belongs to the operation in progress, and disappears when it ends. */
.thread-nudge{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:4px 0;border-top:1px solid currentColor;font:13px/1.4 Interface,sans-serif}
.thread-nudge p{flex:1;margin:0}.thread-nudge button{flex:none;color:inherit;min-height:36px;font:12px Interface,sans-serif}
.local-cue{font:13px/1.5 Interface,sans-serif;color:#536048;margin:8px 0 18px}
#card-input-cue{border-left:2px solid #9a8150;padding-left:12px}
@media(max-width:900px){.thread-nudge button{min-height:44px}}
@media(forced-colors:active){.local-cue{color:CanvasText}#card-input-cue{border-color:CanvasText}}

/* Short operational recall stays on the object; no tour or persistent panel. */
.operation-cue{font:13px/1.5 Interface,sans-serif;margin:0 0 12px;color:inherit;max-width:70ch}
.operation-cue summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:28px}
.operation-cue p{margin:4px 0 8px}.local-result{font:13px/1.5 Interface,sans-serif;border-left:2px solid #9a8150;padding-left:12px;margin:0 0 16px}
.local-result p{margin:0 0 6px}.local-result button{min-height:44px;text-align:left}
.composer-act>.operation-cue{font-size:12px}.v4-board>.operation-cue{flex:none;color:#ddd3b8;margin-bottom:8px}
@media(max-width:760px){.operation-cue summary{min-height:36px}.operation-cue p{font-size:12px}.reader .mark-composer{max-height:65%}}
@media(forced-colors:active){.operation-cue,.v4-board>.operation-cue{color:CanvasText}.local-result{border-color:CanvasText}}

/* Approved Loop 1: floating reading surfaces and the six destinations share a viewport. */
:root{--navigation-space:145px;--visible-height:100dvh;--visible-top:0px}
#surface-shade{position:fixed;inset:0;z-index:8;background:#091b1970}
#surface-shade[hidden]{display:none}
.at-the-hotel .surface-nav{z-index:20;bottom:auto;top:calc(var(--visible-top) + var(--visible-height) - var(--navigation-space));height:var(--navigation-space);padding-bottom:env(safe-area-inset-bottom)}
.at-the-hotel:not(.is-arriving) #foreground,.at-the-hotel:not(.is-arriving) #foreground:has(.reader),.at-the-hotel:not(.is-arriving) #foreground:has(.papers-sheet),.at-the-hotel:not(.is-arriving) #foreground:has(.work-library){position:fixed;z-index:10;inset:calc(var(--visible-top) + 16px) 0 auto;margin:0 auto;width:min(1500px,94vw);height:calc(var(--visible-height) - var(--navigation-space) - 32px);max-height:calc(var(--visible-height) - var(--navigation-space) - 32px);overflow:hidden}
.at-the-hotel:not(.is-arriving) #foreground-content{max-height:100%;overflow:auto;box-sizing:border-box}
.at-the-hotel:not(.is-arriving) #foreground-content.reader{height:100%;overflow:hidden}
.focus-head{position:sticky;top:0;z-index:3;background:inherit;align-items:center}
.focus-head #set-down{margin-left:auto;min-width:44px;min-height:44px;font-size:28px;flex:none}
.focus-head h2{min-width:0;overflow-wrap:anywhere}
.resume-draft{display:block;text-align:left;min-height:44px;white-space:normal}
#storage-warning{position:fixed;top:0;left:0;right:0;z-index:30;background:#fff0c7;color:#352814;padding:12px}
.reading-case #surface-shade{background:#11271e}
.at-the-hotel #case-surface.v4-board{top:calc(var(--visible-top) + 52px);bottom:auto;height:calc(var(--visible-height) - var(--navigation-space) - 52px)}
.at-the-hotel:has(.hotel-touring) .desk-tools{visibility:visible}
@media(max-width:900px){:root{--navigation-space:calc(110px + env(safe-area-inset-bottom))}.at-the-hotel:not(.is-arriving) #foreground,.at-the-hotel:not(.is-arriving) #foreground:has(.reader),.at-the-hotel:not(.is-arriving) #foreground:has(.papers-sheet),.at-the-hotel:not(.is-arriving) #foreground:has(.work-library){top:var(--visible-top);width:100%;height:calc(var(--visible-height) - var(--navigation-space));max-height:calc(var(--visible-height) - var(--navigation-space))}.at-the-hotel .surface-nav{padding:12px 10px env(safe-area-inset-bottom);gap:8px}.at-the-hotel .surface-nav .desk-object{max-width:none;min-width:44px}.focus-head{gap:8px}}

.is-arriving #foreground{z-index:30}.is-arriving .surface-nav{z-index:7}

@media(min-width:901px){.at-the-hotel:not(.is-arriving) #foreground{width:min(640px,94vw)}.at-the-hotel:not(.is-arriving) #foreground:has(.reader){width:min(1500px,94vw)}.at-the-hotel:not(.is-arriving) #foreground:has(.papers-sheet){width:min(1000px,94vw)}.at-the-hotel:not(.is-arriving) #foreground:has(.work-library){width:440px}}


/* Rotation must not clip a destination's operable area at the viewport edge. */
.at-the-hotel .surface-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}

/* Keep scrolled writing below an opaque header on the existing paper material. */
#foreground-content>.focus-head{background:var(--paper);isolation:isolate}
#foreground-content.reader>.focus-head{background:#d6ceb7}
#foreground-content.papers-sheet>.focus-head{background:#d9cba9}
.at-the-hotel .hotel-model.expanded{z-index:7;top:var(--visible-top);bottom:auto;height:calc(var(--visible-height) - var(--navigation-space));min-height:0}
.at-the-hotel .hotel-stage:has(.expanded){z-index:7}
#foreground-content:not(.reader)>.focus-head{box-shadow:0 -32px 0 var(--paper)}

.operation-cue[hidden]{display:none!important}
.reader .first-finding-cue{padding-top:4px;padding-bottom:12px;margin:0}

/* The current Finding is worked beside the actual source. */
.reader .reader-body{display:flex;align-items:stretch}
.reader .reader-body:has(.mark-composer:not([hidden])) .findings-shelf{display:none}
.reader .reader-body>.mark-composer{width:410px;flex:0 0 410px;display:flex;flex-direction:column;gap:18px;max-height:none;min-height:0;margin:0;padding:22px;overflow:auto;border-top:0;border-left:2px solid #9d8b64;box-shadow:none}
.reader .reader-body>.mark-composer[hidden]{display:none}
.reader:has(.mark-composer:not([hidden])) .first-finding-cue,.reader:has(.mark-composer:not([hidden])) #whole-passage-action{display:none}
.composer-act{width:100%}.composer-act .composer-name{display:flex;flex-direction:column;align-items:stretch;gap:12px}.composer-act #keep-finding{width:100%}.composer-source-details{font:12px Interface,sans-serif}
#whole-passage-action{align-self:flex-start;margin:0 24px 12px}.operation-cue[hidden]{display:none!important}
@media(max-width:900px){.reader .reader-body{flex-wrap:wrap}.reader .reader-body>.mark-composer{flex:0 0 100%;width:100%;max-height:62%;border-left:0;border-top:2px solid #9d8b64;padding:16px 20px}.reader .reader-body:has(.mark-composer:not([hidden])) .source-panes{flex-basis:100%;min-height:100px}.reader .reader-body:has(.mark-composer:not([hidden])) .source-scroll{min-height:100px}}

@media(max-width:900px){.reader .reader-body:has(.mark-composer:not([hidden])){flex-direction:column;flex-wrap:nowrap}.reader .reader-body:has(.mark-composer:not([hidden])) .source-panes{flex:1 1 35%;min-height:80px}.reader .reader-body>.mark-composer{flex:0 1 65%;max-height:70%;min-height:260px}.mark-composer .composer-source{order:0}.mark-composer .composer-act{order:1}}
.at-the-hotel:not(.is-arriving) #foreground:has(.work-library){width:min(1000px,94vw)}
.work-library .work-results{max-width:none;margin:0}.work-result{align-items:start;padding:24px 0;gap:24px}
.work-result .library-open{font:calc(23px * var(--reading-scale))/1.45 Document,Georgia,serif}.work-result>button{max-width:145px;min-height:44px}
.collection-quote{display:block;width:100%;background:transparent;text-align:left;color:inherit;font:calc(17px * var(--reading-scale))/1.6 Document,Georgia,serif;padding:0}
.collection-quote blockquote{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.collection-support{display:block;text-align:left;min-height:44px;font:15px/1.5 Document,Georgia,serif;padding:6px 0}
.collection-empty{max-width:580px;padding:28px 0}.collection-empty h3{font:30px/1.2 Halcyon,Georgia,serif;margin:0 0 16px}.collection-empty p{font:17px/1.6 Document,Georgia,serif;margin:0 0 24px}.collection-empty .brass-button{font-size:16px}
.finding-inspector .finding-title{font:30px/1.3 Halcyon,Georgia,serif}.finding-inspector .finding-quotes blockquote{font:calc(18px * var(--reading-scale))/1.65 Document,Georgia,serif}.finding-inspector .finding-actions{flex-wrap:wrap;gap:12px 24px}
/* Founder-selected existing document face for player writing. */
.handwritten{font-family:Document,Georgia,serif!important;font-size:calc(19px * var(--reading-scale));line-height:1.6}.work-result.reasoning .library-open,.card-sheet .card-reading,.v4-tile.reasoning .item-open,.account-events p.handwritten{font:calc(20px * var(--reading-scale))/1.6 Document,Georgia,serif}.at-the-hotel .card-sheet textarea,.at-the-hotel .account-sheet textarea{font:calc(19px * var(--reading-scale))/1.6 Document,Georgia,serif;background:none;min-height:180px}
.saved-result{flex:none;margin:10px 0 16px;padding:12px;border-left:2px solid #9a8150}.saved-result button{margin-right:18px}.saved-result>p{overflow-wrap:anywhere}
@media(max-width:900px){.at-the-hotel:not(.is-arriving) #foreground:has(.work-library){width:100%}.work-result{display:block}.work-result>button{max-width:none;text-align:left}.work-result>input{float:left;margin-right:12px}.work-result .library-open{font-size:calc(20px * var(--reading-scale))}}

/* Selected work exposes the operations that can be performed on that selection. */
.v4-tile .select-item{width:auto;min-width:48px;height:28px;padding:2px 6px;right:36px;font:11px Interface,sans-serif;opacity:.8}
.v4-board .board-selection>p{display:block}.v4-board-head{padding-bottom:16px}.board-empty{padding:40px 0}.board-empty .quiet{max-width:48ch;line-height:1.6}
@media(max-width:900px){.v4-tile .select-item{min-height:36px;right:38px}.v4-board-head{padding-bottom:12px}}

.account-commit{display:block;margin-top:42px;border-top:1px solid #b8a88b;padding-top:20px}.account-sheet>#new-event{display:block;margin:20px 0}.account-chosen-support:empty{display:none}.account-chosen-support .support-row{display:flex;align-items:center;gap:12px}

.collection-support{display:block;text-align:left;margin:4px 0;min-height:44px;overflow-wrap:anywhere}

/* Material layer only: no layout, hit-area, ordering or evidence-meaning changes. */
:root{--material-edge:rgba(116,96,52,.27);--material-contact:rgba(7,17,12,.24)}
#foreground{box-shadow:0 24px 65px #0006,0 2px 5px #0005}
#foreground-content{background-image:repeating-linear-gradient(0deg,#6d604203 0 1px,transparent 1px 4px),linear-gradient(112deg,#fff4,transparent 44%,#68533008)}
.focus-head{box-shadow:inset 0 1px #fff6,0 1px var(--material-edge)}
.source-scroll .doc{background-image:linear-gradient(100deg,#fff2,transparent 45%);text-shadow:0 .2px #43351c18}
#findings-shelf,.mark-composer{box-shadow:inset 1px 0 #fff4,-2px 0 6px #35270e0a}
.finding-quotes blockquote{border-bottom:1px solid #88764c28;box-shadow:0 1px #fff5}
.work-result{background-image:linear-gradient(105deg,#fff2,transparent 60%);box-shadow:0 1px 1px #31271012}
.v4-canvas{background-image:repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#00000005 0 1px,transparent 1px 3px)}
.v4-tile.reasoning{background-image:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(125deg,#ffffff09,transparent 55%,#0000000c);box-shadow:inset 0 1px #ddd4aa38,1px 2px 0 #172f26,2px 4px 7px #06150c55}
.v4-tile.finding,.v4-tile.reference{background-image:linear-gradient(110deg,#fff3,transparent 65%);box-shadow:inset 0 1px #fff7,1px 2px 0 #a39a7d,2px 4px 6px #06150c44}
.thread-stroke{filter:drop-shadow(0 1px .65px #07180f70)}
.desk-tools{box-shadow:inset 0 2px #d3b57838,0 -8px 24px #04120d44}
.desk-object{filter:drop-shadow(2px 4px 3px #080d0a65);transition:filter 150ms ease,translate 150ms ease}
.desk-object:hover{filter:drop-shadow(2px 7px 4px #080d0a65);translate:0 -2px}
.desk-object:active{translate:0 1px}
.desk-object i{box-shadow:inset 0 1px #fff5,inset 1px 0 #fff3}
.finding-bundle i,.small-file i{background-image:repeating-linear-gradient(0deg,#68512906 0 1px,transparent 1px 4px)}
.leather-folio i{background-image:repeating-linear-gradient(35deg,#fff1 0 .5px,transparent .5px 3px)}
.portrait img,.finding-art img{box-shadow:0 1px 3px #0003}
@keyframes material-settle{from{opacity:.75;translate:0 3px}to{opacity:1;translate:0 0}}
#foreground[open] .focus-head{animation:material-settle 160ms ease-out}
.sound-panel{color:#e5dcc2;background:#172c23;border:1px solid #88774e;padding:24px;width:min(360px,calc(100vw - 32px));box-shadow:0 20px 70px #0008;max-height:80dvh;overflow:auto}
.sound-panel::backdrop{background:#06140d88}.sound-panel h2{font:26px Display,Georgia,serif;margin:0 0 10px}.sound-panel p{font:14px/1.5 Interface,sans-serif}.sound-panel label{display:block;margin:18px 0;font:14px Interface,sans-serif}.sound-panel input{display:block;width:100%;accent-color:#c8b584;margin:9px 0}.sound-panel button{color:inherit;border:1px solid #a8976355;padding:9px 12px;background:#314a3b;margin:5px 8px 5px 0}.sound-panel button:focus-visible{outline:2px solid #e4cf97;outline-offset:3px}.sound-panel output{float:right;font-variant-numeric:tabular-nums}
body.still .desk-object{transition:none}body.still #foreground[open] .focus-head{animation:none}
@media(prefers-reduced-motion:reduce){.desk-object{transition:none}.desk-object:hover,.desk-object:active{translate:none}#foreground[open] .focus-head{animation:none}}
@media(forced-colors:active){#foreground-content,.v4-canvas,.v4-tile,.work-result{background-image:none}.thread-stroke{filter:none}.sound-panel{border:1px solid CanvasText;background:Canvas;color:CanvasText}}

body.still .desk-object:hover,body.still .desk-object:active{translate:none}
/* Stock follows existing documentary kind, never evidentiary importance. */
.source-scroll:has(.doc--police){background-color:#f1edde}
.source-scroll:has(.doc--statement){background-color:#eee8d8;background-image:linear-gradient(90deg,#b7a77a0a,transparent 16%)}
.source-scroll:has(.doc--record){background-color:#eae6d7}
.source-scroll:has(.doc--letter){background-color:#eee6d2;background-image:repeating-linear-gradient(0deg,#7c6b4705 0 1px,transparent 1px 3px)}
/* Displayed evidence imagery retains all pixels and its original frame. */
.doc-figure{box-shadow:0 1px 3px #31281020}

/* Destination identities and actions are unchanged; compact labels keep Overview readable. */
@media(max-width:600px){.hotel3d-target{font-size:12px;padding:5px 7px;line-height:1.15}}

@media(max-width:600px){#hotel-model.overview-view .hotel3d-target{font-size:11px;padding:4px 5px;line-height:1.15}}

#hotel-model.overview-view .hotel3d-target{transform:translate(-50%,-50%)}

/* Responsive pass (Opus, 26 September 2026). Loaded last, so the reviewed files keep their bytes.
   The investigation table, the hotel and the papers follow the viewport's HEIGHT as well as its width: a
   laptop, a tablet in either orientation and a phone on its side each get a table that fits them. The
   reference 1440x900 layout is unchanged; everything here either resolves to it there or applies elsewhere. */

/* 1 · The table (the dock of desk objects) scales with the height available. */
:root{--dock-scale:1;--mast-space:65px;--places-top:128px}
@media (min-width:901px){:root{--navigation-space:calc(145px * var(--dock-scale))}}
@media (min-width:901px) and (max-height:880px){:root{--dock-scale:.9}}
@media (min-width:901px) and (max-height:790px){:root{--dock-scale:.8;--places-top:118px}}
@media (min-width:901px) and (max-height:690px){:root{--dock-scale:.7;--places-top:108px}}
@media (min-width:901px) and (max-height:590px){:root{--dock-scale:.6;--places-top:100px}}
.at-the-hotel .desk-tools .desk-object{zoom:var(--dock-scale)}
@media (min-width:901px) and (max-height:880px){.at-the-hotel .desk-tools{padding-top:calc(16px * var(--dock-scale))}}

/* 2 · The hotel occupies the space the table leaves. It used to run on under the table, so on any screen
   shorter than the reference its subject sat partly behind the desk objects and read as cropped and too big. */
.at-the-hotel .hotel-stage{bottom:auto;top:var(--visible-top);height:calc(var(--visible-height) - var(--navigation-space))}
.at-the-hotel .hotel-stage .hotel-model:not(.expanded){height:100%}
/* The standing list of places covers the hotel's left edge in landscape; the camera centres its framing in
   the free area to the right of it (read by the hotel as --hotel-safe-left). */
@media (min-width:761px) and (orientation:landscape){.at-the-hotel #hotel-model:not(.expanded){--hotel-safe-left:246px}}

/* 3 · The list of places always fits between the room caption and the table, and scrolls rather than
   running under either. Shorter screens get a denser list. */
@media (min-width:761px){
 .at-the-hotel .hotel-places{bottom:calc(var(--navigation-space) + 10px);max-height:calc(var(--visible-height) - var(--navigation-space) - var(--places-top));overscroll-behavior:contain}
}
@media (min-width:761px) and (max-height:790px){
 .at-the-hotel .hotel-places{padding:4px 12px 8px}
 .at-the-hotel .hotel-places .place-links button{min-height:22px;padding:2px 0;font-size:12px}
 .at-the-hotel .hotel-places .close-views button{font-size:11px}
 .at-the-hotel .hotel-places-head{margin:5px 0 1px}
}

/* 4 · Tablets upright (and any tall, narrow window) use the phone arrangement: the places become a strip of
   links above the table, and the hotel ends above that strip so nothing covers it. */
@media (min-width:761px) and (max-width:1100px) and (orientation:portrait){
 :root{--places-strip:calc(var(--visible-height) * .2)}
 .at-the-hotel .hotel-places{left:12px;right:12px;bottom:calc(var(--navigation-space) + 8px);width:auto;max-width:none;height:var(--places-strip);max-height:none;padding:6px 14px 10px;font-size:14px}
 .at-the-hotel .hotel-places .place-links{display:flex;flex-wrap:wrap;gap:0 20px}
 .at-the-hotel .hotel-places .place-links button{display:inline-block;width:auto;font-size:14px;min-height:34px}
 .at-the-hotel .hotel-places .close-views button{font-size:13px}
 .at-the-hotel .hotel-stage{height:calc(var(--visible-height) - var(--navigation-space) - var(--places-strip) - 16px)}
}
@media (max-width:760px) and (orientation:portrait){
 :root{--places-strip:calc(var(--visible-height) * .24)}
 .at-the-hotel .hotel-places{height:var(--places-strip);max-height:none;bottom:calc(var(--navigation-space) + 6px)}
 .at-the-hotel .hotel-stage{height:calc(var(--visible-height) - var(--navigation-space) - var(--places-strip) - 10px)}
}

/* 5 · Phones (and any window) on their side: very little height. A slim table, a slim masthead, a narrow
   places column, and dialogs that use the whole height above the table. */
@media (max-height:520px) and (orientation:landscape){
 :root{--navigation-space:calc(62px + env(safe-area-inset-bottom));--dock-scale:.56;--places-top:74px}
 .at-the-hotel .desk-tools,.at-the-hotel .surface-nav{padding:6px 16px env(safe-area-inset-bottom);align-items:end;gap:clamp(10px,4vw,48px)}
 .at-the-hotel .desk-tools .desk-object{flex:0 1 142px;max-width:15%;height:100px}
 .at-the-hotel .masthead{height:44px;padding:8px 18px}
 .at-the-hotel .masthead .brand{font-size:17px}
 .at-the-hotel .hotel-caption{top:46px;left:18px;font-size:15px}
 .at-the-hotel .people-register{top:46px;right:18px;font-size:14px}
 .at-the-hotel .hotel3d-controls{top:72px;right:14px}
 .at-the-hotel .hotel3d-controls button{min-height:30px;padding:3px 7px;font-size:11px}
 .at-the-hotel .hotel-places{left:10px;width:188px;bottom:calc(var(--navigation-space) + 6px);max-height:calc(var(--visible-height) - var(--navigation-space) - var(--places-top));padding:2px 10px 6px}
 .at-the-hotel .hotel-places .place-links{display:block}
 .at-the-hotel .hotel-places .place-links button{display:block;width:100%;min-height:24px;padding:1px 0;font-size:12px}
 .at-the-hotel .hotel-places .close-views button{font-size:11px}
 .at-the-hotel .hotel-places-head{margin:4px 0 0;font-size:10px}
 .at-the-hotel #hotel-model:not(.expanded){--hotel-safe-left:204px}
}

/* 6 · The Board's sheet never needs sideways scrolling of the page on a tablet. */
@media (min-width:901px) and (max-width:1280px){.at-the-hotel #case-surface.v4-board .v4-canvas{max-width:100%}}

/* 7 · Arrival on a short landscape screen: the title and beats size to the height, and the opening action
   never sits on top of the words. */
@media (max-height:520px) and (orientation:landscape){
 .arr-title{font-size:clamp(2.2rem,12vh,3.4rem)}
 .arr-beat{font-size:clamp(.95rem,4.4vh,1.15rem)}
 .arr-premise{font-size:.95rem;margin-top:.5rem}
 .arr-copy{top:40%}
 .arrival--static .arr-copy{padding:8vh 0 5.5rem}
 #arr-enter{bottom:max(12px,env(safe-area-inset-bottom));min-height:40px;padding:9px 18px;font-size:15px}
}

/* 8 · Reading on short screens: the paper gets the height, the reader's own furniture gets less of it. */
@media (max-height:620px){
 .at-the-hotel #foreground-content.reader>.focus-head{padding-top:6px;padding-bottom:6px;min-height:0}
 .at-the-hotel #foreground-content.reader>.focus-head h2{font-size:18px}
 .at-the-hotel .reader-tools{min-height:0}
 .at-the-hotel .reader-tools .text-button,.at-the-hotel .reader-tools .brass-button{min-height:30px;padding-top:2px;padding-bottom:2px}
 .at-the-hotel #foreground-content.reader>.operation-cue{font-size:12px;line-height:1.35;margin-top:2px;margin-bottom:4px}
}

/* 9 · A paper's ruled tables stay inside a phone's width and wrap, rather than running off the right edge. */
@media (max-width:600px){
 .reader .doc table.grid{table-layout:fixed;width:100%;min-width:0}
 .reader .doc table.grid th,.reader .doc table.grid td{overflow-wrap:anywhere;word-break:normal}
 .v4-board-head .board-actions{flex-wrap:wrap;row-gap:10px}
}

/* 10 · P2 (29 September 2026): on a phone held upright, the lower-right Finding card (its title and Return to Finding) sat
   on top of the hotel's place list. Outside the close-up it is now one compact line, and the list stands just above it. */
@media (max-width:760px) and (orientation:portrait){
 .at-the-hotel:not(:has(.hotel-closeup)) .cited-record.return-only:not([hidden]){display:flex;align-items:center;gap:12px;box-sizing:border-box;height:44px;max-height:44px;bottom:calc(var(--navigation-space) + 6px);padding:0 14px;overflow:hidden}
 .at-the-hotel:not(:has(.hotel-closeup)) .cited-record.return-only .eyebrow{display:none}
 .at-the-hotel:not(:has(.hotel-closeup)) .cited-record.return-only>p{flex:1;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .at-the-hotel:not(:has(.hotel-closeup)) .cited-record.return-only button{flex:none;margin:0;white-space:nowrap}
 .at-the-hotel:not(:has(.hotel-closeup)):has(.cited-record.return-only:not([hidden])) .hotel-places{bottom:calc(var(--navigation-space) + 56px);height:calc(var(--places-strip) - 50px)}
}

/* Loop 3: shared presentation only. Documentary type and player-authored stock stay distinct. */
:root{--ground:#11271e;--paper:#eee8d8;--paper-ink:#29342f;--premium-secondary:#596551;--premium-rule:#b4ac93}
#foreground-content.sheet{padding:32px;color:var(--paper-ink)}
#foreground-content .focus-head{background:var(--paper);color:var(--paper-ink);border-bottom:1px solid var(--premium-rule);box-shadow:none;padding:0 0 16px;margin:0 0 24px;gap:16px;align-items:center}
#foreground-content .focus-head h2{font:400 32px/1.08 Halcyon,Georgia,serif;letter-spacing:0;margin:0;flex:1;min-width:0}
#foreground-content.papers-sheet>.focus-head,#foreground-content.reader>.focus-head{background:var(--paper)}
#foreground-content.reader .focus-head{padding:0 0 12px;margin-bottom:0}
#foreground-content.reader .focus-head h2{font-size:22px}
#foreground-content .focus-head .text-button{font:14px Interface,sans-serif;color:var(--premium-secondary)}
#foreground-content .focus-head .close-focus,.close-board{font:28px/1 Interface,sans-serif;min-width:40px;min-height:40px;padding:4px;margin:0;flex:0 0 40px;position:static;color:var(--paper-ink)}
#foreground-content.sheet>.quiet,#foreground-content.sheet>.helper{color:var(--premium-secondary)}
#foreground-content .brass-button,#case-surface .brass-button{background:#294c3c;color:#f0ebdc;border:1px solid #294c3c;font:14px/1.3 Interface,sans-serif}
#foreground-content .brass-button:disabled,#case-surface .brass-button:disabled{opacity:.55}
#foreground-content .field>span,#foreground-content .eyebrow{font-size:12px;line-height:1.5;color:var(--premium-secondary)}
#foreground-content .field input:not([type=checkbox]),#foreground-content .field textarea,#foreground-content .field select{border-color:#a7aa94}
#foreground-content button:focus-visible,#case-surface button:focus-visible{outline:2px solid #64774e;outline-offset:3px}
.at-the-hotel .desk-tools [aria-current=page] span,.desk-tools [aria-current=page] span{color:#29342f}
.desk-tools .leather-folio[aria-current=page] span{color:#eee8d8}
.desk-tools .thought-stack[aria-current=page] span{color:#fff8e7}
.desk-tools .thought-stack[aria-current=page] i{background-color:#5d7352}
/* Explicit dialog selector wins the general paper-dialog skin. */
dialog.sound-panel{color:#29342f;background:#e5dec9;padding:28px;width:min(400px,calc(100vw - 32px));border:1px solid #a6a18b}
.sound-panel h2{font:32px/1.1 Halcyon,Georgia,serif;margin:0 44px 18px 0}
.sound-panel p{color:#29342f}.sound-panel label{color:#29342f}.sound-panel output{color:#596551}
.sound-panel button{background:#294c3c;color:#f0ebdc;border-color:#294c3c;font:14px Interface,sans-serif}
.sound-panel button:focus-visible{outline:2px solid #526c44}
.sound-panel button.sound-close{position:absolute;right:14px;top:14px;width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;background:transparent;color:#29342f;font:28px/1 Interface,sans-serif}
.sound-panel input{accent-color:#42624d}
@media(max-width:760px){#foreground-content.sheet{padding:20px}#foreground-content .focus-head{gap:10px;padding-bottom:14px;margin-bottom:20px}#foreground-content .focus-head h2{font-size:28px}#foreground-content.reader .focus-head h2{font-size:22px}#foreground-content .focus-head .text-button{font-size:12px}}
#case-surface .v4-board-head .close-board{font:28px/1 Interface,sans-serif;color:#eee8d8;padding:4px;min-width:40px;min-height:40px;border:0}
/* A selected landscape sheet must leave space for the work itself. */
@media(max-height:520px) and (min-width:600px){
 .at-the-hotel #case-surface.v4-board{padding:8px 14px;overflow:auto}
 #case-surface .v4-board-head{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;padding:0 0 8px;min-height:40px;margin:0}
 #case-surface .sheet-switch{flex:1 1 auto;font-size:24px;min-height:32px;white-space:nowrap}
 #case-surface .board-actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:12px;margin:0;min-height:32px}
 #case-surface .board-actions button,#case-surface .board-selection button{font-size:12px;min-height:32px;padding:5px 8px;margin:0}
 #case-surface .board-actions .text-button{padding:5px 0}
 #case-surface .v4-board-head .close-board{font-size:24px;min-height:32px;height:32px;flex:0 0 32px;min-width:32px}
 #case-surface .board-selection{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:0 0 8px;margin:0;min-height:40px}
 #case-surface .board-selection p{flex:0 0 auto;display:block;white-space:nowrap;font-size:12px;margin:0}
 #case-surface .board-selection .selection-more{margin-left:auto}
 #case-surface .v4-board-scroll{min-height:120px;flex:1 0 120px}
 #case-surface .focus-return{gap:12px;padding:0 0 8px;margin:0;min-height:32px}
 #case-surface .focus-return p{font-size:12px;margin:0}
 #case-surface .phone-threads{max-height:32px;padding:0;margin:0;flex-shrink:0}
}
@media(forced-colors:active){dialog.sound-panel{background:Canvas;color:CanvasText}.sound-panel p,.sound-panel label,.sound-panel output{color:CanvasText}.sound-panel button,#foreground-content .brass-button,#case-surface .brass-button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
/* Leave the short-landscape place list its own hit area when Step back appears. */
@media(max-height:520px) and (min-width:600px){
 .at-the-hotel #hotel-model:not(.expanded) .hotel3d-controls{left:214px;right:14px;justify-content:flex-end;flex-wrap:wrap}
}

/* Long player-authored sheet names keep the work and controls in view. */
#case-surface .v4-board-head .sheet-switch{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#foreground-content .player-feedback{margin-top:32px;padding-top:24px;border-top:1px solid #b4ac93;color:#29342f;font:14px/1.55 Interface,sans-serif;max-width:680px}
#foreground-content .player-feedback summary{cursor:pointer;font:25px/1.25 Halcyon,serif;padding:8px 0}
#foreground-content .player-feedback summary:focus-visible,#foreground-content .player-feedback select:focus-visible,#foreground-content .player-feedback textarea:focus-visible{outline:2px solid #294c3c;outline-offset:3px}
#foreground-content .player-feedback fieldset{margin:20px 0;padding:0;border:0;min-width:0}
#foreground-content .player-feedback legend,#foreground-content .player-feedback label{font:14px/1.5 Interface,sans-serif;color:#29342f;display:block;margin-bottom:8px}
#foreground-content .player-feedback select,#foreground-content .player-feedback textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:44px;background:#f7f2e6;color:#29342f;border:1px solid #8b8e78;border-radius:3px;padding:10px 12px;font:16px/1.4 Interface,sans-serif}
#foreground-content .player-feedback textarea{margin-top:8px;resize:vertical;min-height:110px}
#foreground-content .player-feedback .quiet{font:12px/1.55 Interface,sans-serif;color:#596551;margin:18px 0}
#foreground-content .player-feedback .feedback-status{margin:12px 0;font:14px/1.5 Interface,sans-serif}
#foreground-content .player-feedback button{min-height:44px}
@media(max-width:600px){#foreground-content .player-feedback{margin-top:24px;padding-top:20px}#foreground-content .player-feedback summary{font-size:23px}}

/* Founder defect pass: existing material language, seven destinations, one Sound control. */
.at-the-hotel .desk-tools{gap:clamp(8px,2vw,30px);padding-left:20px;padding-right:20px}
.at-the-hotel .desk-tools .desk-object{max-width:13%;min-width:44px}
#sensory-sound{flex:0 0 44px;width:44px;height:44px;align-self:center;border:1px solid #b9a68199;border-radius:50%;background:#302d21;color:#eee8d8;display:grid;place-items:center;padding:10px;box-shadow:inset 0 1px 3px #0006,0 1px 1px #dfcc9955}
#sensory-sound svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#sensory-sound:focus-visible{outline:2px solid #eee8d8;outline-offset:3px}
/* Two paper objects, using the same ivory stock and ink as the existing desk. */
.desk-tools .hotel-miniature i{inset:8px 0 0;background:linear-gradient(125deg,#efe2c3,#d8c69d);border:1px solid #b6a689;box-shadow:1px 2px #b2a48a,3px 3px #d9ceb3;transform:none}
.hotel-miniature svg{position:absolute;left:8%;top:8%;width:84%;height:57%;color:#354b3c;stroke-width:1.5}
.desk-tools .hotel-miniature span,.desk-tools .people-register-object span{top:72%;bottom:auto;background:none;padding:0;color:#29342f;font:19px/1.1 Halcyon,serif}
.desk-tools .people-register-object i{inset:22px 8px 3px;background:linear-gradient(125deg,#ecdfc1,#d8c8a5);border:1px solid #b6a689;box-shadow:2px 2px #b2a48a,4px 4px #e1d8c3;border-radius:0}
.people-register-object i:before{content:'';position:absolute;inset:-5px 3px 3px -3px;background:#d5c8ab;border:1px solid #b6a689;transform:rotate(3deg);z-index:-1}
.people-register-object svg{position:absolute;left:36%;top:12%;width:28%;height:43%;color:#415a44}
#foreground-content .paper-entry-title,#foreground-content .paper-entry:hover .paper-entry-title,#foreground-content .paper-entry:focus-visible .paper-entry-title{color:#29342f;font-weight:600;text-decoration-color:#596551}
#foreground-content .paper-entry-provenance{color:#505c49}
#foreground-content .paper-entry:hover{background:#fff8e633}
#foreground-content .account-views{display:flex;gap:20px;border-bottom:1px solid #b4ac93;margin:14px 0 18px;padding-bottom:8px;flex-wrap:wrap}
#foreground-content .account-views button{font:14px Interface,sans-serif;color:#596551;padding:8px 0;min-height:40px}
#foreground-content .account-views [aria-current=page]{color:#29342f;border-bottom:2px solid #294c3c;font-weight:600}
#foreground-content .account-intro{font:15px/1.5 Interface,sans-serif;color:#505c49;margin:0 0 24px;max-width:65ch;}
.at-the-hotel #foreground:has(.sequence-sheet){width:min(1120px,calc(100vw - 32px))}
#foreground-content .sequence-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px}
#foreground-content .sequence-columns h3{font:25px/1.2 Halcyon,serif;color:#29342f;margin:0 0 10px}
#foreground-content .sequence-columns .quiet{font:13px/1.5 Interface,sans-serif;color:#596551}
#foreground-content .sequence-records,#foreground-content .sequence-writing{list-style:none;margin:18px 0;padding:0}
#foreground-content .sequence-records li,#foreground-content .sequence-writing li{border-top:1px solid #c5bca2;padding:12px 0}
#foreground-content .sequence-record{width:100%;display:grid;gap:5px;text-align:left;color:#29342f;background:transparent;padding:4px 0}
#foreground-content .sequence-record time{font:13px/1.4 Record,monospace;color:#425440}
#foreground-content .sequence-record strong{font:17px/1.4 Document,serif}
#foreground-content .sequence-explanation{font:17px/1.6 Document,serif;white-space:pre-wrap}
#foreground-content .sequence-empty{font:15px/1.6 Interface,sans-serif;margin:24px 0;color:#596551}
#foreground-content .people-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin-top:26px}
#foreground-content .person-reference{display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto 1fr;column-gap:14px;align-items:start;text-align:left;background:transparent;padding:0;color:#29342f}
#foreground-content .person-reference img{grid-row:1/3;width:68px;height:86px;object-fit:cover;filter:saturate(.8);border:4px solid #f4eedc;box-shadow:0 2px 4px #66552e33}
#foreground-content .person-name{font:21px/1.2 Halcyon,serif;padding-top:4px}
#foreground-content .person-role{font:12px/1.45 Interface,sans-serif;color:#596551;margin-top:6px}
@media(max-width:900px){#foreground-content .people-cast{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .at-the-hotel .desk-tools{padding-left:4px;padding-right:4px;gap:0}
 .at-the-hotel .desk-tools .desk-object{flex:1 1 0;min-width:44px;max-width:none;height:68px;transform:none;margin:0}
 .at-the-hotel .desk-tools .desk-object span{font-size:11px!important;line-height:1.15}
 .desk-tools .hotel-miniature i{inset:7px 1px 3px}
 .desk-tools .people-register-object i{inset:14px 3px 4px}
 .hotel-miniature svg{left:5%;width:90%;top:9%;height:54%}
 .people-register-object svg{left:28%;width:44%;top:10%;height:43%}
 .at-the-hotel .desk-tools .hotel-miniature span,.at-the-hotel .desk-tools .people-register-object span{font-size:11px!important;top:71%;bottom:auto}
 #sensory-sound{flex:0 0 44px;width:44px;height:44px;border:0;background:transparent;box-shadow:none;padding:6px;margin-left:0;align-self:center}
 #sensory-sound svg{width:21px}
 #foreground-content .sequence-columns{grid-template-columns:1fr;gap:28px}
 #foreground-content .sequence-player{border-top:1px solid #b4ac93;padding-top:22px}
 #foreground-content .people-cast{grid-template-columns:1fr;gap:24px}
 #foreground-content .person-reference{grid-template-columns:62px 1fr}
 #foreground-content .person-reference img{width:62px;height:78px}
 #foreground-content .account-views{gap:18px}
}

.sequence-mobile-switch{display:none}
@media(max-width:600px){.at-the-hotel #foreground:has(.sequence-sheet){width:100%}.sequence-mobile-switch{display:flex;gap:12px;margin-bottom:22px}.sequence-mobile-switch button{padding:8px 12px;min-height:44px;background:#ded7c2;color:#29342f;font:13px Interface,sans-serif}.sequence-mobile-switch [aria-pressed=true]{background:#294c3c;color:#eee8d8}.sequence-columns[data-panel=evidence]>.sequence-player,.sequence-columns[data-panel=player]>.sequence-evidence{display:none}#foreground-content .sequence-player{border:0;padding:0}}

#foreground-content .feedback-invitation{display:block;min-height:44px;margin:12px 0 24px;color:#294c3c;text-decoration:underline;text-underline-offset:4px}

/* Founder: the mobile Board book must fit the desk, not tower over the cards. */
@media(max-width:600px){.at-the-hotel .desk-tools .leather-folio i{inset:11px 2px 5px;border-left-width:3px;border-radius:1px 3px 3px 1px;box-shadow:1px 1px #bdb392,2px 2px #172a20}.at-the-hotel .desk-tools .leather-folio i:after{inset:4px}.at-the-hotel .desk-tools .leather-folio span{top:43%;font-size:11px!important;letter-spacing:0}}

.hotel-evidence-sheet blockquote{white-space:pre-wrap;font:1rem/1.65 Georgia,serif;margin:1rem 0;color:inherit}
.finding-collection-list{display:flex;flex-direction:column;margin-top:24px}.finding-collection-list .library-open{display:block;width:100%;text-align:left;padding:20px 0;border:0;border-bottom:1px solid #8e82684d;background:none;font:23px/1.4 Georgia,serif;color:#263d33}
.finding-source-detail .working-resolution:empty{display:none}.finding-source-detail .working-resolution .resolution-question{border:0;border-left:2px dashed #99765b;padding:0 0 0 14px}
.finding-hotel-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}
.finding-world-access{position:absolute;z-index:6;transform:translate(-50%,-50%);min-height:44px;padding:8px 14px;color:#fff5df;background:#112b23e6;border:0;border-radius:50%;font:14px Georgia,serif;cursor:pointer;text-shadow:0 1px 3px #000}
.finding-room-access{border-radius:0;background:transparent;border-bottom:2px solid #b3e4cf;text-shadow:0 1px 4px #000,0 0 8px #000}
.finding-point-access{border:1px solid #efce89;background:#183126e0}.finding-working-access{border:1px dashed #e8a58b;background:#362e2bed;border-radius:50%}
.finding-world-access:hover,.finding-world-access:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hotel-findings-view{position:fixed!important;right:22px!important;top:170px!important;bottom:calc(var(--dock-h,144px) + 22px)!important;width:350px!important;max-width:calc(100vw - 44px);min-height:0!important;overflow:auto;background:#122a23f2!important;color:#f1ebd9!important;padding:24px!important;box-shadow:none!important;border:0!important;transform:none!important}
.hotel-findings-view .focus-head{padding:0 0 14px}.hotel-findings-view h2{font-size:24px}.hotel-findings-view .context-help{display:none}.hotel-findings-place{font:22px/1.4 Georgia,serif}.hotel-findings-list{list-style:none;padding:0;margin:16px 0}.hotel-findings-list li{padding:16px 0;border-top:1px solid #a8b8a540}.hotel-findings-list .finding-title{font:20px/1.45 Georgia,serif;text-align:left;color:inherit}.hotel-findings-view .finding-from{font:13px/1.6 system-ui;color:#c9d1c3}.hotel-findings-view button{color:inherit}
body:has(.hotel-findings-view) #surface-shade{background:transparent;backdrop-filter:none}
body.at-the-hotel #foreground:has(.hotel-findings-view){inset:0!important;width:100%!important;height:calc(100dvh - var(--navigation-space,145px))!important;max-height:none!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
#foreground-content.hotel-findings-view{pointer-events:auto}
#foreground-content.hotel-findings-view>.focus-head{background:#122a23!important;box-shadow:none!important;color:#f1ebd9}
#foreground-content.hotel-findings-view #set-down{color:#f1ebd9!important;min-width:44px;min-height:44px}
.hotel-findings-view.findings-on-left{right:auto!important;left:20px!important}
@media(max-width:760px){.hotel-findings-view.findings-on-left{left:10px!important;right:10px!important}}
.finding-only-review #cards-home,.finding-only-review #people-home,.finding-only-review [data-surface="case"],.finding-only-review #review{display:none!important}
.finding-only-review .desk-tools{justify-content:center}.finding-only-review #make-card,.finding-only-review .finding-choose,.finding-only-review .collection-new-card{display:none!important}
@media(max-width:760px){.hotel-findings-view{top:auto!important;right:10px!important;left:10px!important;bottom:110px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:45dvh!important;padding:18px!important;background:#122a23fc!important}.finding-world-access{font-size:12px;padding:6px 10px}
 .finding-point-access,.finding-working-access{width:44px;height:44px;padding:0;font-size:0;border-radius:50%}
 .finding-point-access::before,.finding-working-access::before{content:'';position:absolute;left:11px;top:10px;width:15px;height:15px;border:1.5px solid #f1ebd9;border-radius:50%}
 .finding-point-access::after,.finding-working-access::after{content:'';position:absolute;left:25px;top:27px;width:9px;height:1.5px;background:#f1ebd9;transform:rotate(45deg);transform-origin:left center}
}
.hotel-evidence-finding{padding:1.4rem 0;border-bottom:1px solid #8e82684d}
.evidence-basis,.evidence-contract{font-size:.85rem;line-height:1.6;opacity:.85}
.evidence-thought-links{margin-top:1rem}.evidence-thought-links .card-link{display:block;text-align:left;margin:.8rem 0;padding:.8rem;border-left:3px solid #82957b;white-space:normal}
.hotel-working,.working-resolution .resolution-question{border:1px dashed #b6a797;padding:1rem;margin-top:1.2rem}
.scene-evidence-target,.working-evidence-target{width:auto!important;min-width:44px!important;min-height:44px!important;max-width:230px!important;padding:8px 12px!important;color:#e6ddc6!important;background:#1e3028ed!important;border:1px solid #b9b094!important;border-radius:3px!important;font:13px/1.4 Georgia,serif!important;transform:translate(-50%,-50%)}
.working-evidence-target{border-style:dashed!important;background:#302b28ed!important}
.scene-evidence-docked{transform:none!important}
.scene-evidence-target::before,.working-evidence-target::before{display:none!important}
.hotel-work-link{min-height:44px;text-align:left}.evidence-contract{max-width:65ch}
.at-the-hotel #hotel-work{max-height:32dvh;bottom:calc(var(--dock-h,144px) + 12px);max-width:min(340px,40vw);background:#17271de8;padding:8px}
#hotel-work summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
@media(max-width:760px){.at-the-hotel #hotel-work:not([hidden]){display:block;right:10px;max-width:calc(100vw - 20px);bottom:calc(var(--navigation-space,104px) + var(--places-strip,26dvh) + 22px);max-height:26dvh}.scene-evidence-target,.working-evidence-target{max-width:160px!important;font-size:12px!important}}
@media(max-width:760px) and (orientation:portrait){.scene-evidence-docked{top:158px!important;left:16px!important}}

/* Pass B is scoped to Hotel representations; Phase A rules stay untouched. */
.at-the-hotel .finding-reveal-controls{display:flex;align-items:center;justify-content:center;gap:22px;left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 20px;background:#17251feb;color:#eee4cb;border:1px solid #a18b604d;border-radius:3px;box-shadow:0 4px 20px #0003;overflow:visible}
.finding-reveal-controls[hidden]{display:none!important}.finding-reveal-controls button{color:inherit;min-height:44px;padding:6px 14px;border:1px solid #b8a37c66;background:transparent}.finding-reveal-label{font:17px Halcyon,Georgia,serif}.finding-reveal-controls .lens-pager{display:flex;align-items:center;gap:8px;margin:0;color:inherit}
.shard-target[data-finding-treatment=bundle]{width:104px;height:76px}.shard-target[data-finding-treatment=point]{width:58px;height:64px}
.shard-leaf:hover{outline:1px solid #f7e6bf80;outline-offset:3px;border-radius:5px}
@media(max-width:760px){.at-the-hotel .finding-reveal-controls{bottom:12px;gap:10px;padding:6px 10px;width:calc(100% - 24px);left:50%;right:auto;flex-wrap:wrap}.finding-reveal-label{font-size:16px}.finding-reveal-controls button{font-size:14px}}
@media(max-width:760px){.at-the-hotel .hotel-model.hotel-closeup:not(.expanded){height:calc(var(--visible-height,100dvh) - var(--navigation-space,110px))!important;max-height:none!important}.at-the-hotel .finding-reveal-controls{bottom:16px}}

/* Fixed Cards + Board direction. Tokens and selectors are local to these surfaces. */
.cards-collection,.card-sheet:is(.card-opened,.card-composer),.v4-board{
 --card-face:#203A30;--card-ink:#EEEADA;--card-muted:#d1ceb9;--card-edge:#657363;
 --card-cloth:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#0000000a 0 1px,transparent 1px 4px),linear-gradient(115deg,#ffffff06,transparent 60%,#00000009);
}
.at-the-hotel:not(.is-arriving) #foreground:has(.cards-collection){width:min(1170px,94vw);background:#EEEADA}
.at-the-hotel:not(.is-arriving) #foreground:has(.card-opened,.card-composer){width:min(860px,94vw);background:#EEEADA}
.at-the-hotel .cards-collection,.at-the-hotel .card-sheet:is(.card-opened,.card-composer){background:#EEEADA!important;color:#29342f!important;padding:30px clamp(22px,5vw,60px) 45px!important;max-width:none;border:0;box-shadow:none;color-scheme:light}
.at-the-hotel :is(.cards-collection,.card-opened,.card-composer)>.focus-head{background:#EEEADA!important;box-shadow:0 -32px 0 #EEEADA!important;border-color:#bbb7a1;padding:0 0 22px!important;color:#29342f}
.at-the-hotel :is(.cards-collection,.card-opened,.card-composer)>.focus-head button{color:#29342f!important}
.cards-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 22px}
.collection-deck{font:22px/1.4 Halcyon,Georgia,serif;margin:0}
.cards-collection #work-query{color:#29342f;background:transparent;border:0;border-bottom:1px solid #aaa58d;padding:12px 0;margin-bottom:26px}
.cards-collection input::placeholder{color:#657063}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;align-items:stretch;padding:6px 4px 30px}
.reasoning-card,.card-reading-object{position:relative}
.reasoning-card,.card-reading-object,.v4-tile.reasoning{background-color:var(--card-face);background-image:var(--card-cloth);color:var(--card-ink);border:1px solid var(--card-edge);border-radius:2px;box-shadow:inset 0 1px 0 #e3d9b124,inset 0 0 0 5px #142a2228,1px 2px 0 #142b23,0 7px 14px #26322729}
.reasoning-card{display:flex;flex-direction:column;min-height:340px;padding:27px 25px 20px}
.card-kicker{font:10px/1.4 Interface,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--card-muted);margin:0 0 18px}
.card-front-thought{font:calc(23px * var(--reading-scale))/1.43 Halcyon,Georgia,serif;text-align:left;padding:0;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;background:transparent!important;border:0;color:var(--card-ink)!important;width:100%}
.card-continue{align-self:start;font:12px/1.5 Interface,Arial,sans-serif;color:var(--card-muted)!important;background:none!important;padding:7px 0 0;text-decoration:underline;text-underline-offset:4px;min-height:32px}
.card-front-footer{display:flex;justify-content:space-between;gap:15px;padding-top:16px;margin-top:auto;border-top:1px solid #b4a57755}
.card-front-footer button{font:12px/1.5 Interface,Arial,sans-serif;text-align:left;padding:4px 0;color:var(--card-muted)!important;background:transparent!important}
.card-drafts{padding:18px 20px;margin-bottom:24px;border:1px dashed #a4a081;background:#DCD2B2}
.card-drafts h3{font:13px Interface,Arial,sans-serif;margin:0 0 10px}
.card-drafts .resume-draft{display:block;width:100%;text-align:left;background:transparent!important;color:#29342f!important;border:0!important;padding:10px 0;overflow-wrap:anywhere}
.cards-empty{grid-column:1/-1;padding:30px 0;max-width:560px}.cards-empty p{color:#657063;line-height:1.6}
.card-reading-object{padding:28px 30px;margin:8px 0 26px}
.card-sheet.card-opened .card-reading{font:calc(28px * var(--reading-scale))/1.5 Halcyon,Georgia,serif!important;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--card-ink);margin:0}
.at-the-hotel .card-composer textarea#card-text{font:calc(23px * var(--reading-scale))/1.5 Halcyon,Georgia,serif!important;color:#29342f;background:#DCD2B2!important;border:1px solid #aaa58d;padding:18px;min-height:200px;resize:vertical}
.card-composer textarea::placeholder{color:#657063}
.card-sheet:is(.card-opened,.card-composer) .draft-status,.card-sheet:is(.card-opened,.card-composer) .support-explanation{color:#657063;font:13px/1.65 Interface,Arial,sans-serif}
.card-sheet:is(.card-opened,.card-composer) .draft-status{letter-spacing:.07em}
.card-actions{display:flex;gap:24px;margin:10px 0 30px;flex-wrap:wrap}
.card-supports{border-top:1px solid #b7b39b;padding-top:22px;margin-top:26px}
.card-supports h3{font:15px/1.4 Interface,Arial,sans-serif;margin:0 0 12px}
.card-support-reference{position:relative;padding:18px;margin:16px 0;background:#DCD2B2;color:#293a30;border-left:2px solid #a79770}
.card-support-reference button.support-title{color:#22382c;font:21px/1.35 Halcyon,Georgia,serif;text-align:left;padding:0;display:block;background:transparent!important;overflow-wrap:anywhere}
.card-support-reference .support-source,.card-support-reference .support-context{font:12px/1.5 Interface,Arial,sans-serif;color:#4d5747;margin:7px 0}
.card-support-reference .support-excerpt{font:16px/1.5 Document,Georgia,serif;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-support-reference .detach-support{color:#3b4c3c;font:12px Interface,Arial,sans-serif;margin-top:12px;padding:5px 0;text-decoration:underline;background:transparent}
.card-support-reference.unavailable{border-color:#a45b44}.card-warning,.card-keep-cue{font:13px/1.6 Interface,Arial,sans-serif!important;color:#4d5747!important}
.card-warning{border-left:2px solid #93634d;padding:12px 16px;background:#DCD2B2}
.card-save-bar{position:sticky;bottom:-45px;background:#EEEADA;box-shadow:0 -8px 20px #EEEADA;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 0;margin-top:20px;z-index:2}
.card-save-bar button{flex-shrink:0}.card-save-bar p{margin:0}
.card-sheet:is(.card-opened,.card-composer) #card-destination{background:#DCD2B2;color:#29342f;padding:10px;border:1px solid #aaa58d;max-width:100%}
.card-sheet:is(.card-opened,.card-composer) .work-more{margin-top:24px}.card-related{padding:18px 0}
/* Existing green frame and controls surround a separate, framed working surface. */
.at-the-hotel #case-surface.v4-board{background:#11271E}
.v4-board .v4-board-scroll{background-color:#DCD2B2;background-image:repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#51493807 0 1px,transparent 1px 3px);border:7px solid #59452f;border-top-color:#715c42;border-bottom-color:#463724;box-shadow:inset 0 2px 8px #40362726,0 0 0 1px #9a87603d;scrollbar-color:#8f846b #DCD2B2}
.v4-board .v4-canvas{background:transparent}
.v4-board .board-empty{padding-left:30px}
.v4-tile.reasoning{min-height:230px;max-height:340px;padding:28px 25px 20px}
.v4-tile.reasoning .item-open{font:calc(24px * var(--reading-scale))/1.4 Halcyon,Georgia,serif!important;-webkit-line-clamp:5}
.v4-tile.reasoning .card-kicker{margin-bottom:13px}
.v4-tile .tile-support-total,.v4-tile .select-supports,.v4-tile .focus-supports,.v4-tile .missing-support{display:block;text-align:left;font:12px/1.45 Interface,Arial,sans-serif;padding:6px 0;margin-top:8px;min-height:30px;background:transparent;border:0;color:inherit}
.v4-tile .tile-support-total{text-decoration:underline;text-underline-offset:3px}
.v4-tile .select-supports,.v4-tile .focus-supports{font-size:11px;opacity:.8;margin:0}
.v4-tile .tile-context{font:11px/1.4 Interface,Arial,sans-serif;margin:8px 0 0}
.v4-tile.finding .tile-source,.v4-tile.finding .tile-context{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v4-tile .tile-warning{font:12px/1.4 Interface,Arial,sans-serif;color:#f1c6a6}
.v4-wires .support-stroke{stroke:#945e47;stroke-width:1.7}.v4-wires .thread-stroke.emphasized{stroke:#74432f;stroke-width:2.5}.v4-tile .tile-connections{display:none}
@media(max-width:900px){
 .at-the-hotel:not(.is-arriving) #foreground:has(.cards-collection,.card-opened,.card-composer){width:100%}
 .at-the-hotel .cards-collection,.at-the-hotel .card-sheet:is(.card-opened,.card-composer){padding:24px 22px!important}
 .cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:22px;padding:6px 2px 24px}
 .cards-intro{align-items:start;gap:14px}.cards-intro .brass-button{flex-shrink:0}.collection-deck{font-size:18px}
 .reasoning-card{min-height:285px}.card-front-thought{font-size:calc(24px * var(--reading-scale))}
 .card-reading-object{padding:24px 22px}.card-sheet.card-opened .card-reading{font-size:calc(24px * var(--reading-scale))!important}
 .card-save-bar{bottom:-24px;gap:14px}.v4-tile.reasoning{max-height:none}
 .v4-tile .tile-connections{display:block}.v4-tile .connection-name{white-space:normal;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.v4-board .phone-threads{display:none}
 .v4-board .v4-board-scroll{border-width:5px}.v4-board .board-empty{padding:24px 12px}
}
@media(forced-colors:active){
 .reasoning-card,.card-reading-object,.card-support-reference,.v4-board .v4-board-scroll,.v4-tile.reasoning{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}
 .card-front-thought,.card-continue,.card-front-footer button,.card-sheet.card-opened .card-reading{color:CanvasText!important}
 .v4-wires .support-stroke{stroke:CanvasText}
}

/* Case report: responsibility answer, attachments that read as references, Card-change review,
   the resolution beside the submitted report, and notes written after the resolution. */
#foreground-content .account-events .account-attachments{display:grid;gap:8px;margin:14px 0 4px;font:14px/1.45 Interface,sans-serif!important}
#foreground-content .account-attachment{border-left:3px solid #a99a6d;background:#e4dcc3;padding:6px 12px;color:#3c4636}
#foreground-content .account-attachment .attachment-kind{display:block;font:600 10px/1.4 Interface,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6d6a55}
#foreground-content .account-attachment .index-item{font:15px/1.45 Interface,sans-serif;padding:2px 0;min-height:32px;border:0;color:#2f4a38}
#foreground-content .card-changed{margin-top:8px;border-top:1px dashed #a99a6d;padding-top:6px}
#foreground-content .card-changed summary{cursor:pointer;font:600 13px/1.5 Interface,sans-serif;color:#7a4a22;min-height:32px;display:flex;align-items:center}
#foreground-content .card-changed .card-then{text-decoration:line-through;text-decoration-color:#8a6d4a88;color:#5b5d4e}
#foreground-content .card-changed p{font:15px/1.5 Document,Georgia,serif;margin:2px 0 8px}
#foreground-content .card-changed-actions{display:flex;flex-wrap:wrap;gap:8px 20px}
#foreground-content .event-actions{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:10px}

#foreground-content .responsibility-panel{margin:32px 0 20px;padding:20px 22px;border:1px solid #b4ac93;background:#f3eee0}
#foreground-content .responsibility-panel h3{font:400 22px/1.25 Halcyon,Georgia,serif;margin:0 0 6px;color:#29342f}
#foreground-content .responsibility-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 18px;margin-top:12px}
#foreground-content .responsibility-choice{display:flex;align-items:center;gap:10px;min-height:44px;font:16px/1.3 Interface,sans-serif;color:#29342f;cursor:pointer}
#foreground-content .responsibility-choice input{width:20px;height:20px;accent-color:#294c3c;flex:0 0 auto}
#foreground-content .responsibility-answer{font:17px/1.5 Interface,sans-serif;color:#29342f;margin:0}
#foreground-content .commit-responsibility{margin:18px 0;padding:14px 16px;border-left:3px solid #294c3c;background:#e9e3d1}
#foreground-content .commit-responsibility p{margin:4px 0 0}

.at-the-hotel:not(.is-arriving) #foreground:has(.reveal-sheet){width:min(1200px,96vw)}
#foreground-content .resolution-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:36px;align-items:start}
#foreground-content .resolution-verdict{font:calc(21px * var(--reading-scale))/1.6 Document,Georgia,serif;color:#1f2a24}
#foreground-content .responsibility-result{margin:8px 0 34px;padding:16px 20px;border:1px solid #294c3c;background:#e7e8d7}
#foreground-content .responsibility-result p{margin:4px 0}
#foreground-content .official-account h3{font:400 26px/1.2 Halcyon,Georgia,serif;margin:42px 0 10px}
#foreground-content .official-account h4{font:600 15px/1.4 Interface,sans-serif;margin:24px 0 8px;color:#29342f}
#foreground-content .resolution-evidence{list-style:none;padding:0;margin:0}
#foreground-content .resolution-evidence>li{padding:10px 0 12px;border-bottom:1px solid #cfc7ae}
#foreground-content .resolution-evidence>li>p{margin:0 0 4px}
#foreground-content .resolution-sources{display:flex;flex-wrap:wrap;gap:0 18px}
#foreground-content .resolution-source{font:13px/1.4 Interface,sans-serif;color:#2f5a43;min-height:32px;padding:0;text-align:left}
#foreground-content .submitted-report{position:sticky;top:0;max-height:calc(100dvh - 190px);overflow:auto;padding:18px 18px 8px;background:#f3eee0;border:1px solid #b4ac93}
#foreground-content .submitted-report h3{font:400 20px/1.25 Halcyon,Georgia,serif;margin:0 0 8px}
#foreground-content .submitted-report .account-events{margin:12px 0}
#foreground-content .submitted-report .account-events p{font-size:17px}

#foreground-content .after-notes{margin:36px 0 20px;padding-top:20px;border-top:1px solid #b4ac93}
#foreground-content .after-notes h3{font:400 22px/1.25 Halcyon,Georgia,serif;margin:0 0 6px}
#foreground-content .after-note{padding:10px 0;border-bottom:1px dashed #b4ac93}
#foreground-content .after-notes textarea{box-sizing:border-box;width:100%;min-height:88px;margin:12px 0;background:#f7f2e6;border:1px solid #8b8e78;padding:10px;font-size:18px}
#foreground-content .delete-users{margin:12px 0;padding:10px 14px;background:#efe3cf;border-left:3px solid #7a4a22;font:14px/1.5 Interface,sans-serif}
#foreground-content .delete-users ul{margin:6px 0 0;padding-left:18px}

@media (max-width:900px){
 #foreground-content .resolution-layout{grid-template-columns:1fr;gap:20px}
 #foreground-content .submitted-report{position:static;max-height:none}
 #foreground-content .responsibility-choices{grid-template-columns:1fr}
}

/* Board: Card support is solid; a player's loose thread is dashed in a different ink, so the difference is not colour alone. */
.v4-wires .thread-stroke:not(.support-stroke){stroke:#56643f;stroke-width:2.2;stroke-dasharray:8 6;stroke-linecap:round}
.v4-wires .thread-stroke.emphasized:not(.support-stroke){stroke:#36422a;stroke-width:2.8}
@media (forced-colors:active){.v4-wires .thread-stroke:not(.support-stroke){stroke:GrayText;stroke-dasharray:8 6}}
/* The selection row keeps its height, so selecting or clearing never moves the sheet under the pointer. */
#case-surface .board-selection{min-height:72px;box-sizing:content-box;align-items:center}
#case-surface .board-selection-idle p{opacity:.72;white-space:normal!important}
#foreground-content .responsibility-choices .responsibility-choice{margin:0!important}
#foreground-content .card-changed .eyebrow{font:600 10px/1.4 Interface,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6d6a55;margin:10px 0 2px}

/* The investigation desk: one visual family for the whole game, taken from the approved Timeline book
   (timeline.css, whose palette is the game's default palette from 28 September 2026).

   Materials: green baize desk, leather, cork, manila, paper leaves with grain and a warm edge, brass.
   Type: Halcyon (Cormorant) for headings, Document (Source Serif 4) for reading text and every label,
   Hand (Caveat) sparingly, Record (Plex Mono) only for machine records.

   This layer changes presentation only. It sits after every earlier layer and before timeline.css, and it never
   styles the Timeline's own host (#foreground-content.timeline-book), which stays exactly as approved. */

/* 1 · Tokens ------------------------------------------------------------------------------------------------ */
:root{
 --d-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .24 0 0 0 0 .14 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 --d-mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .16 0 0 0 .55 -.36'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
 --d-hide:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E");
 --d-cork:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .1 0 0 0 0 .04 0 0 0 1.1 -.42'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");
 --d-felt:radial-gradient(ellipse 70% 60% at 42% 38%,#1d3a2d 0%,#142b21 45%,#0c1a14 80%,#08120e 100%);
 --d-leather:linear-gradient(160deg,#4a3120,#2e1d12 55%,#23160d);
 --d-page-hi:#f3e8cb;--d-page:#e9d7aa;--d-leaf-hi:#f4ebd4;--d-leaf:#efe3c7;--d-strip-hi:#e6d8b4;--d-strip:#dccb9f;--d-sel:#dcc592;
 --d-ink:#2b2a23;--d-ink-soft:#5f5a4b;--d-ink-faint:#8a8270;--d-rule:#cfbf98;--d-rule-2:#b9a577;
 --d-spine:#28473a;--d-dot:#1f3d31;--d-brass:#b08d4a;--d-brass-2:#d7bb7c;--d-head:#e7d8b0;--d-pencil:#6f6a5c;
 --d-link:#23392d;--d-manila-hi:#e3cf9f;--d-manila:#d3b983;
 --d-paper:var(--d-grain),var(--d-mottle),linear-gradient(var(--d-leaf-hi),#ecdfbf);
 --d-edges:2px 2px 0 #dccca4,4px 4px 0 #c8b489,6px 5px 0 #dccca4,7px 7px 0 #6a4b31,0 24px 44px #000b;
}
/* The interface face is the reading face: no sans labels anywhere in the game. */
@font-face{font-family:Interface;src:url('fonts/source-serif-4-var.woff2') format('woff2');font-display:swap}
/* The approved Timeline keeps the face it was approved with wherever its text inherits the base face. */
@font-face{font-family:'Interface Plex';src:url('fonts/ibm-plex-sans-var.woff2') format('woff2');font-display:swap}
#foreground-content.timeline-book{font-family:'Interface Plex',Arial,sans-serif}

/* 2 · The desk behind every open paper ------------------------------------------------------------------------ */
body.reading-case,.reading-case #surface-shade{background:var(--d-hide),var(--d-felt);background-color:#0c1a14}
.reading-case #surface-shade:before{content:'';position:absolute;inset:0;background:var(--d-hide);opacity:.35;mix-blend-mode:multiply}
#surface-shade{background:#08120ea6}

/* 3 · Masthead and the notice slip ---------------------------------------------------------------------------- */
.masthead .mast-actions button,.masthead .hotel-location{font:15px Document,Georgia,serif;letter-spacing:0;color:#d9ccaa}
.masthead .mast-actions button{border-bottom:1px dotted #d9ccaa88;padding:2px 0;min-height:0}
.masthead .mast-actions button:hover,.masthead .mast-actions button:focus-visible{color:#f2e6c4;border-bottom-color:var(--d-brass-2)}
.masthead .brand{color:var(--d-head);text-shadow:0 2px 3px #0009}
html body #notice{font:15.5px/1.4 Document,Georgia,serif;color:var(--d-ink);background:var(--d-grain),linear-gradient(#f4ebd4,#e9dcb8);background-size:260px,auto;
 border:0;border-radius:2px;box-shadow:0 10px 22px #000a,0 0 0 1px #c9b78a}
html body #notice button{font:600 15px Document,Georgia,serif;color:var(--d-link);background:none;border:0;border-bottom:1px solid #5a6e5f;border-radius:0;padding:0 0 1px;min-height:0}
#storage-warning{font-family:Document,Georgia,serif}

/* 4 · Paper on the desk: every open sheet except the Timeline book ------------------------------------------- */
.at-the-hotel:not(.is-arriving) #foreground:not(:has(.timeline-book)){--sheet-bg:var(--d-paper);--sheet-size:260px,700px,auto;color:var(--d-ink);border:0;border-radius:3px;
 background:var(--sheet-bg);background-size:var(--sheet-size);background-attachment:fixed;box-shadow:var(--d-edges)}
#foreground-content.sheet{background:none;color:var(--d-ink);font-family:Document,Georgia,serif}
html body #foreground-content.sheet>.focus-head{background:var(--sheet-bg)!important;background-size:var(--sheet-size)!important;background-attachment:fixed!important;
 box-shadow:none!important;border-bottom:1px solid var(--d-rule-2);color:var(--d-ink)}
/* The sticky head covers the sheet's top padding with the same material, so nothing scrolls into view above it. */
html body #foreground-content.sheet>.focus-head:before{content:'';position:absolute;left:-40px;right:-40px;bottom:100%;height:48px;pointer-events:none;
 background:var(--sheet-bg);background-size:var(--sheet-size);background-attachment:fixed}
#foreground-content.sheet>.focus-head:after{content:'';position:absolute;left:0;right:0;bottom:-4px;border-bottom:1px solid #b9a57755}
#foreground-content.sheet .focus-head h2{font:500 34px/1.08 Halcyon,Georgia,serif;letter-spacing:.005em;color:#2c2819}
#foreground-content.sheet .focus-head .context-help{font:15px Document,Georgia,serif;color:var(--d-ink-soft);text-decoration:none;border:0;border-bottom:1px dotted #8a7b5899;border-radius:0;
 padding:2px 0;min-height:0;height:auto;align-self:center;background:none}
#foreground-content.sheet .focus-head .close-focus{font:28px/1 Document,Georgia,serif;color:#3b3526;background:none;border:0;border-radius:0;text-decoration:none}
#foreground-content.sheet .focus-head .close-focus:hover,#foreground-content.sheet .focus-head .context-help:hover{color:#000}

/* Words on paper */
#foreground-content.sheet p,#foreground-content.sheet li,#foreground-content.sheet dd,#foreground-content.sheet dt,#foreground-content.sheet label,
#foreground-content.sheet summary,#foreground-content.sheet small,#foreground-content.sheet span,#foreground-content.sheet blockquote{font-family:Document,Georgia,serif}
#foreground-content.sheet h3,#foreground-content.sheet h4{font-family:Halcyon,Georgia,serif;font-weight:500;color:#2c2819}
#foreground-content.sheet .quiet,#foreground-content.sheet .operation-cue,#foreground-content.sheet .account-intro,#foreground-content.sheet .support-explanation,
#foreground-content.sheet .library-status,#foreground-content.sheet .finding-from{color:var(--d-ink-soft);font-family:Document,Georgia,serif}
#foreground-content.sheet .operation-cue,#foreground-content.sheet .account-intro{font:italic 16px/1.5 Document,Georgia,serif}
#foreground-content.sheet .eyebrow,#foreground-content.sheet .attachment-kind{font:italic 15px/1.3 Document,Georgia,serif;letter-spacing:0;text-transform:none;color:var(--d-ink-soft)}
#foreground-content.sheet :focus-visible{outline:2px solid var(--d-brass);outline-offset:2px}
#foreground-content.sheet h2:focus-visible,#foreground-content.sheet h3:focus-visible,#foreground-content.sheet [tabindex="-1"]:focus-visible{outline:none}

/* Buttons on paper: a written link, a paper button, and a leather button for the one main act */
#foreground-content.sheet .text-button{font:15px Document,Georgia,serif;color:var(--d-link);background:none;border:0;border-radius:0;
 text-decoration:underline;text-decoration-color:#5a6e5f99;text-underline-offset:3px;text-decoration-thickness:1px;padding:4px 0;box-shadow:none;letter-spacing:0;text-transform:none}
#foreground-content.sheet .text-button:hover{color:#10261b;text-decoration-color:currentColor}
html body #foreground-content.sheet .brass-button,html body .v4-board .brass-button{font:15.5px Document,Georgia,serif;letter-spacing:.01em;text-transform:none;color:#f1e6c6;
 background:var(--d-hide),linear-gradient(#2f5242,#22392e);border:0;border-radius:3px;padding:9px 18px;min-height:40px;
 box-shadow:0 0 0 1px #9c8454 inset,0 1px 0 #ffffff1a inset,0 3px 6px #0005;text-decoration:none}
html body #foreground-content.sheet .brass-button:hover,html body .v4-board .brass-button:hover{background:var(--d-hide),linear-gradient(#36604c,#27433a);color:#fff4d8;box-shadow:0 0 0 1px var(--d-brass-2) inset,0 3px 6px #0005}
html body #foreground-content.sheet .brass-button:disabled{opacity:.55}

/* Fields: ruled lines and paper selectors */
#foreground-content.sheet input[type=search],#foreground-content.sheet input[type=text],#foreground-content.sheet input:not([type]),#foreground-content.sheet textarea{
 font:17px/1.45 Document,Georgia,serif;color:var(--d-ink);background:transparent;border:0;border-bottom:1.5px solid #9d8b62;border-radius:0;box-shadow:none}
#foreground-content.sheet textarea{background:#fbf5e488;border:1px solid #cdbd95;border-bottom:1.5px solid #9d8b62;padding:10px 12px}
#foreground-content.sheet input::placeholder,#foreground-content.sheet textarea::placeholder{font-style:italic;color:#8a8270}
#foreground-content.sheet input:focus,#foreground-content.sheet textarea:focus{outline:none;border-bottom-color:var(--d-spine);background:#fbf5e466}
#foreground-content.sheet select{font:15px Document,Georgia,serif;color:var(--d-ink);background:#efe4c8;border:1px solid #9c8454;border-radius:3px;box-shadow:0 1px 0 #fff8 inset}
#foreground-content.sheet .field>span{font:italic 14.5px Document,Georgia,serif;color:var(--d-ink-soft);letter-spacing:0;text-transform:none}
#foreground-content.sheet input[type=checkbox],#foreground-content.sheet input[type=radio]{accent-color:var(--d-spine)}
#foreground-content.sheet input[type=file]{font:15px Document,Georgia,serif;color:var(--d-ink-soft);background:#fbf5e455;border:1px dashed #b9a577;border-radius:2px}
#foreground-content.sheet input[type=file]::file-selector-button{font:15px Document,Georgia,serif;color:#2f2a1d;background:#efe4c8;border:1px solid #6d5b37;border-radius:3px;padding:6px 12px;margin-right:12px;cursor:pointer}
#foreground-content.sheet summary{color:#34301f}
#foreground-content.sheet summary::marker{color:var(--d-brass)}
#foreground-content.sheet hr{border:0;border-top:1px solid var(--d-rule)}

/* Source detail, shared by Findings everywhere: a leaf slip with the Timeline's people and places */
#foreground-content.sheet .finding-source-detail,#foreground-content.sheet .paper-states{background:var(--d-grain),linear-gradient(#f4ebd4,#ecdfc0);background-size:260px,auto;
 border:0;border-radius:1px;box-shadow:0 3px 10px #5a42203d,0 0 0 1px #d8c79f}
#foreground-content.sheet .finding-source-detail:before{font:500 11.5px Document,Georgia,serif!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#6d6450!important}
#foreground-content.sheet .source-detail-facts dt{font:italic 15px Document,Georgia,serif;color:var(--d-ink-soft);letter-spacing:0;text-transform:none}
#foreground-content .fact{font-family:Document,Georgia,serif;background:transparent;border:0;border-radius:0;box-shadow:none;color:#34301f;padding:2px 4px}
#foreground-content .fact strong{font:500 16px Document,Georgia,serif;color:#34301f}
#foreground-content .fact small{font:italic 14px Document,Georgia,serif;color:var(--d-ink-faint)}
#foreground-content .fact .face,#foreground-content .fact img{box-shadow:0 0 0 1px #8d7b55,0 1px 2px #0005}
#foreground-content .fact:not(.fact-person){border-bottom:1px solid #9d8b62;border-radius:0}
#foreground-content .fact-missing{font:italic 15px Document,Georgia,serif;color:var(--d-ink-faint)}

/* 5 · Case File: a manila folder of papers -------------------------------------------------------------------- */
.at-the-hotel:not(.is-arriving) #foreground:is(:has(.papers-sheet),:has(.reader)){--sheet-bg:var(--d-grain),var(--d-mottle),linear-gradient(var(--d-manila-hi),var(--d-manila));
 box-shadow:0 0 0 1px #a88c55 inset,2px 2px 0 #c7ab73,4px 4px 0 #8b6d3c,0 24px 44px #000b}
#foreground-content.papers-sheet>.focus-head{border-bottom-color:#a88c55}
#foreground-content.papers-sheet #papers-search{background:transparent;border-bottom-color:#8b6d3c;max-width:420px}
#foreground-content.papers-sheet .paper-bundle{background:var(--d-grain),linear-gradient(#efe0b8,#e3cf9f);background-size:260px,auto;border:0;border-radius:0 3px 3px 3px;
 box-shadow:0 2px 0 #c7ab73,0 5px 10px #5a42204d,0 0 0 1px #b99a5f;position:relative;margin-top:14px}
#foreground-content.papers-sheet .paper-bundle:before{content:'';position:absolute;left:-1px;top:-12px;width:38%;height:12px;border-radius:5px 12px 0 0;background:linear-gradient(#efe0b8,#efe0b8);box-shadow:0 0 0 1px #b99a5f;clip-path:inset(-2px -2px 0 -2px)}
#foreground-content.papers-sheet .paper-bundle>summary{font:500 22px Halcyon,Georgia,serif;color:#2c2819;background:none}
#foreground-content.papers-sheet .paper-entry{background:var(--d-grain),linear-gradient(#fbf6e8,#f1e8d2);background-size:260px,auto;border:0;border-radius:1px;box-shadow:0 1px 0 #d8c79f,0 3px 6px #5a42202e;color:var(--d-ink)}
#foreground-content.papers-sheet .paper-entry:hover,#foreground-content.papers-sheet .paper-entry:focus-visible{box-shadow:0 0 0 1px var(--d-brass),0 4px 10px #5a42204d;transform:translateY(-1px)}
#foreground-content.papers-sheet .paper-entry-title{font:500 18px/1.25 Document,Georgia,serif;color:#2c2819}
#foreground-content.papers-sheet .paper-entry-provenance{font:italic 14.5px Document,Georgia,serif;color:var(--d-ink-soft)}

/* 6 · Reading a paper: the paper itself is untouched; the folder and the tools around it join the desk -------- */
#foreground-content.reader>.focus-head{border-bottom:1px solid #a88c55;padding:14px 24px 12px}
#foreground-content.reader>.focus-head h2{font:500 24px Halcyon,Georgia,serif;color:#2c2819}
#foreground-content.reader .reader-tools{background:none;border-bottom:1px solid #b99a5f66}
#foreground-content.reader .reader-tools .text-button,#foreground-content.reader .reader-more summary{font:15px Document,Georgia,serif;color:#2d3a2e}
#foreground-content.reader .reader-tools .brass-button{padding:6px 14px;min-height:34px}
#foreground-content.reader .reader-tools .brass-button[aria-pressed=false]{background:#efe4c8;color:#2f2a1d;box-shadow:0 0 0 1px #6d5b37 inset}
#foreground-content.reader #reading-guidance{font:italic 15.5px/1.5 Document,Georgia,serif;color:#4b4432}
#foreground-content.reader .reader-body,#foreground-content.reader .source-panes{background:none}
#foreground-content.reader .source-scroll{background:transparent}
#foreground-content.reader .source-scroll>div>.doc{position:relative;isolation:isolate}
#foreground-content.reader .source-scroll>div>.doc:before{content:'';position:absolute;inset:-26px -44px -40px;z-index:-1;pointer-events:none;
 background:var(--d-grain),linear-gradient(#fbf7ec,#f4ecd9);background-size:260px,auto;box-shadow:0 1px 0 #d8c79f,2px 3px 0 #efe6cf,3px 5px 0 #d6c59b,0 12px 26px #5a42205e}
#foreground-content.reader .passage-finding{font:14.5px Document,Georgia,serif;background:#efe3c7;border:0;border-left:3px solid var(--d-brass);box-shadow:0 1px 3px #5a42203d;color:#2c2819}
/* The composer and the shelf: a leaf beside the paper */
#foreground-content.reader .mark-composer,#foreground-content.reader .findings-shelf{background:var(--d-grain),linear-gradient(#f4ebd4,#efe3c7);background-size:260px,auto;
 border:0;box-shadow:-1px 0 0 #b99a5f,0 0 0 1px #d8c79f,-6px 0 16px #5a42203d;color:var(--d-ink)}
#foreground-content.reader .mark-composer .eyebrow,#foreground-content.reader .findings-shelf .eyebrow{font:italic 15px Document,Georgia,serif;letter-spacing:0;text-transform:none;color:var(--d-ink-soft)}
#foreground-content.reader .mark-composer blockquote{font:italic 16px/1.45 Document,Georgia,serif;border-left:1.5px solid #9d8b62;color:#2d2a22;background:none}
#foreground-content.reader #finding-title{font:18px Document,Georgia,serif;background:#fbf5e488;border:1px solid #cdbd95;border-bottom:1.5px solid #9d8b62}
#foreground-content.reader .mark-composer .brass-button,#foreground-content.reader #keep-finding{background:var(--d-hide),linear-gradient(#2f5242,#22392e)!important;color:#f1e6c6!important}
#foreground-content.reader .duplicate-notice,#foreground-content.reader .mark-composer [class*=duplicate]{background:#e3d6b5aa;border-left:3px solid var(--d-brass)}

/* 7 · Findings: kept slips ------------------------------------------------------------------------------------ */
#foreground-content.finding-collection .work-result,#foreground-content.work-library:not(.cards-collection) .work-result{position:relative;background:var(--d-grain),linear-gradient(#f7efdc,#efe3c7);background-size:260px,auto;
 border:0;border-radius:1px;box-shadow:0 1px 0 #d8c79f,0 3px 8px #5a42202e;padding:16px 20px 14px 22px;margin:0 0 12px}
#foreground-content.finding-collection .work-result:before,#foreground-content.work-library:not(.cards-collection) .work-result:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--d-brass),#8c6d34)}
#foreground-content.sheet .library-open{font:500 22px/1.2 Halcyon,Georgia,serif;color:#2c2819;text-decoration:none}
#foreground-content.sheet .library-open:hover{text-decoration:underline;text-decoration-color:#8a7b58;text-underline-offset:4px}
#foreground-content.sheet .collection-quote blockquote{font:italic 16.5px/1.45 Document,Georgia,serif;color:#2d2a22;border-left:1.5px solid #9d8b62;padding-left:12px;margin:8px 0}
#foreground-content.sheet .work-result>.text-button{align-self:flex-start;text-align:right;max-width:13em;flex:none}
#foreground-content.sheet .work-result .quiet{font:italic 14.5px Document,Georgia,serif;color:var(--d-ink-soft)}
#foreground-content.sheet .collection-options summary{font:italic 15px Document,Georgia,serif;color:var(--d-ink-soft)}
/* One Finding: a single slip */
#foreground-content.note-sheet .finding-head .finding-title{font:500 30px/1.15 Halcyon,Georgia,serif;color:#2c2819}
#foreground-content.note-sheet .finding-quotes blockquote{font:italic 18px/1.5 Document,Georgia,serif;color:#2d2a22;background:none;border-left:1.5px solid #9d8b62;padding:2px 0 2px 16px}
#foreground-content.note-sheet .quote-source{font-size:14.5px}
#foreground-content.note-sheet .finding-actions{border-top:1px solid var(--d-rule)}

/* 8 · Cards: the player's cards laid out in a leather folio (the Timeline book's boards), not paper ------------ */
html body.at-the-hotel:not(.is-arriving) #foreground:is(:has(.cards-collection),:has(.card-opened)){--sheet-bg:var(--d-hide),linear-gradient(160deg,#4a3120,#2e1d12 55%,#23160d);--sheet-size:300px,auto;
 border-radius:10px;box-shadow:0 22px 40px #000c,0 2px 0 #6b4a30 inset,0 -2px 0 #1a0f08 inset,0 0 0 1px #1a0f08;color:#e7dcc0}
html body.at-the-hotel #foreground-content:is(.cards-collection,.card-opened){background:none!important;color:#e7dcc0!important;color-scheme:dark}
html body.at-the-hotel #foreground-content:is(.cards-collection,.card-opened)>.focus-head{border-bottom:1px solid #8c6d3499!important}
html body.at-the-hotel #foreground-content:is(.cards-collection,.card-opened)>.focus-head:after{border-bottom-color:#1a0f0888}
html body.at-the-hotel #foreground-content:is(.cards-collection,.card-opened) .focus-head h2{color:var(--d-head)!important;text-shadow:0 2px 3px #0009}
html body.at-the-hotel #foreground-content:is(.cards-collection,.card-opened)>.focus-head button{color:#e4d7b6!important;border-bottom-color:#d9ccaa88}
#foreground-content.cards-collection .collection-deck{font:500 23px Hand,cursive;color:var(--d-brass-2)}
html body #foreground-content.cards-collection #work-query{color:#f2e6c4;border:0;border-bottom:1.5px solid #b08d4a;background:transparent}
#foreground-content.cards-collection #work-query::placeholder{color:#b8a47c}
#foreground-content.cards-collection .library-status{color:#d0bf98}
html body #foreground-content:is(.cards-collection,.card-opened) .brass-button{background:var(--d-grain),linear-gradient(#f2e8cc,#dfcfa4)!important;color:#2e2a1f!important;box-shadow:0 1px 0 #fff8 inset,0 -2px 0 #b9a36f inset,0 5px 10px #0009!important}
html body #foreground-content.card-opened .card-actions .text-button,html body #foreground-content.card-opened .work-more summary,html body #foreground-content.card-opened .work-more .text-button{color:#ecdfbd!important;text-decoration-color:#d7bb7c99}
#foreground-content.card-opened .card-supports h3{color:var(--d-head);font:500 24px Halcyon,Georgia,serif}
#foreground-content.card-opened .support-explanation{color:#d0bf98}
#foreground-content.card-opened .card-supports{border-top:1px solid #8c6d3499}
html body.at-the-hotel #foreground-content.card-composer{background:none!important;color:var(--d-ink)!important}
html body.at-the-hotel #foreground-content.card-composer>.focus-head button{color:#3b3526!important}
html body #foreground-content.card-composer #card-text{font:calc(24px * var(--reading-scale))/1.45 Halcyon,Georgia,serif!important;color:#f1e7cc;caret-color:var(--d-brass-2);padding:22px 26px;border:0;border-radius:3px;
 background:var(--d-hide),linear-gradient(165deg,#2c4a3b,#203a2e 60%,#1b3227)!important;box-shadow:0 0 0 1px #0b1a13,0 0 0 4px #1b3227 inset,0 0 0 5px #b08d4a66 inset,0 8px 18px #0006}
html body #foreground-content.card-composer #card-text::placeholder{color:#a8b39c;font-style:italic}
html body #foreground-content.card-composer #card-text:focus{box-shadow:0 0 0 1px #0b1a13,0 0 0 4px #1b3227 inset,0 0 0 5px var(--d-brass-2) inset,0 8px 18px #0006}
html body #foreground-content.card-composer #card-destination{background:#efe4c8;border:1px solid #9c8454;border-radius:3px;color:var(--d-ink)}
/* The card itself, in Cards and when opened: heavy cream card stock (the Timeline's plaque), a stacked edge, an inset
   rule and a brass pin, so it reads as the player's own thinking object and not as another paper slip. */
html body .reasoning-card,html body .card-reading-object{position:relative;background:var(--d-grain),linear-gradient(172deg,#f4ead0,#e6d6ad 70%,#dccb9f)!important;background-size:260px,auto!important;color:#2c2819!important;
 border:0!important;border-radius:3px!important;outline:1px solid #b9a57788;outline-offset:-9px;
 box-shadow:0 1px 0 #fff8 inset,0 -2px 0 #b9a36f inset,2px 3px 0 #cdb98a,4px 6px 0 #a88c5a,0 14px 26px #000b!important}
html body .reasoning-card:after,html body .card-reading-object:after{content:'';position:absolute;left:50%;top:-7px;width:16px;height:16px;margin-left:-8px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle at 34% 28%,#fff3cf 0 8%,#e3c27c 22%,#b58a45 52%,#6b4b22 86%,#3c2a12);box-shadow:0 0 0 .5px #3c2a12,2px 4px 3px #1a0f08b3}
html body .reasoning-card .card-kicker,html body .card-reading-object .card-kicker{font:italic 15px Document,Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#7a5f2c!important}
html body .reasoning-card .card-front-thought,html body .card-reading-object .card-reading{color:#2c2819!important}
html body .reasoning-card .card-continue,html body .reasoning-card .card-front-footer button{font-family:Document,Georgia,serif!important;font-size:14.5px!important;color:var(--d-link)!important;text-decoration-color:#5a6e5f99!important}
html body .reasoning-card .card-front-footer{border-top:1px solid #b9a577!important}
html body .reasoning-card .card-support-count{font-style:italic!important}
html body .reasoning-card:hover,html body .reasoning-card:focus-within{box-shadow:0 1px 0 #fff8 inset,0 -2px 0 #b9a36f inset,2px 3px 0 #cdb98a,4px 6px 0 #a88c5a,0 18px 32px #000c,0 0 0 1px var(--d-brass-2)!important}
@media (forced-colors:active){html body .reasoning-card,html body .card-reading-object{background:Canvas!important;color:CanvasText!important;outline-color:CanvasText}html body .reasoning-card:after,html body .card-reading-object:after{forced-color-adjust:none;background:CanvasText}}
/* On the Board a Card stays the bottle-green board with a brass rule (outside the Cards run). */
.v4-tile.reasoning{background:var(--d-hide),linear-gradient(165deg,#2c4a3b,#203a2e 60%,#1b3227)!important;color:#efe6cb!important;
 border:0!important;border-radius:3px!important;box-shadow:0 0 0 1px #0b1a13,0 0 0 4px #1b3227 inset,0 0 0 5px #b08d4a66 inset,0 10px 22px #000a,0 2px 0 #3e5e4d inset!important}
.v4-tile.reasoning .card-kicker{font:italic 15px Document,Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--d-brass-2)!important}
.v4-tile.reasoning button:not(.item-open):not(.thread-pin):not(.move-item){font-family:Document,Georgia,serif!important;color:#e0d2ad!important;text-decoration-color:#d7bb7c88!important}
/* The Findings under an opened Card: pale paper slips, lighter and thinner than the card */
#foreground-content.card-opened .card-support-reference{background:var(--d-grain),linear-gradient(#faf4e4,#f1e8d2)!important;background-size:260px,auto!important;border:0!important;border-radius:1px;
 box-shadow:0 1px 0 #fff inset,0 6px 12px #0008!important;color:var(--d-ink);position:relative}
/* The Findings under a card: paper slips */
#foreground-content.card-opened .card-support-reference:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--d-brass),#8c6d34)}
#foreground-content .card-support-reference .support-title{font:500 21px/1.2 Halcyon,Georgia,serif;color:#2c2819}
#foreground-content .card-support-reference .support-source,#foreground-content .card-support-reference .support-context{font:italic 14.5px Document,Georgia,serif;color:var(--d-ink-soft)}
#foreground-content .card-support-reference .support-excerpt{font:italic 16px/1.45 Document,Georgia,serif;color:#2d2a22}

/* 9 · The Board: a cork investigation board on the desk ------------------------------------------------------ */
.at-the-hotel #case-surface.v4-board{background:var(--d-hide),var(--d-felt);background-color:#0c1a14}
.v4-board .v4-board-head .sheet-switch{font:500 40px/1.05 Halcyon,Georgia,serif;color:var(--d-head);text-shadow:0 2px 3px #0009}
.v4-board .board-actions .text-button,.v4-board .board-menu summary,.v4-board .close-board{font:15.5px Document,Georgia,serif;color:#e0d2ad;text-decoration:none;border-bottom:1px dotted #d9ccaa88;border-radius:0;background:none}
.v4-board .close-board{font:28px/1 Document,Georgia,serif;border:0}
.v4-board .board-actions .text-button:hover{color:#f7ecd0;border-bottom-color:var(--d-brass-2)}
.v4-board .board-menu[open]>button{font:15px Document,Georgia,serif;color:var(--d-ink)}
.v4-board .board-menu[open]{background:var(--d-grain),linear-gradient(#f4ebd4,#e9dcb8);background-size:260px,auto;box-shadow:0 10px 24px #000a,0 0 0 1px #c9b78a}
.v4-board .board-menu[open]>summary{color:var(--d-ink)}
.v4-board .board-selection,.v4-board .board-inline,.v4-board .focus-return,.v4-board .thread-edit{font:15px Document,Georgia,serif;color:#d9ccaa}
.v4-board .board-selection p,.v4-board .board-inline p,.v4-board .focus-cue{font:italic 15px Document,Georgia,serif;color:#c9bc98}
.v4-board .board-selection .text-button,.v4-board .board-selection button:not(.brass-button),.v4-board .board-selection summary,.v4-board .board-inline button,.v4-board .focus-return button:not(.brass-button),
.v4-board .thread-edit button{font:15px Document,Georgia,serif;color:#e6d9b6;background:none;border:0;border-bottom:1px dotted #d9ccaa88;border-radius:0;padding:2px 0;min-height:32px}
.v4-board .thread-edit input{font:17px Document,Georgia,serif;color:#f1e6c6;background:#0c1a1466;border:0;border-bottom:1.5px solid var(--d-brass)}
.v4-board .thread-edit{padding:12px 16px 14px;margin-bottom:12px;background:#0c1a1488;box-shadow:0 0 0 1px #6f6242}
.v4-board .thread-endpoints{color:#d9ccaa}
/* The board: cork in a dark walnut frame */
.v4-board .v4-board-scroll{background:var(--d-cork),var(--d-cork),radial-gradient(ellipse 90% 80% at 50% 40%,#a17a4e,#8c6841 60%,#76552f)!important;background-size:220px,137px,auto!important;
 background-position:0 0,61px 83px,0 0!important;border:0!important;border-radius:2px;
 box-shadow:0 0 0 10px #3a2716,0 0 0 11px #1c120a,0 0 0 12px #6b4a30,inset 0 0 0 1px #00000040,inset 0 0 40px #3b240e8c,0 22px 40px #000c!important}
.v4-board .v4-canvas{background:none!important}
.v4-board .board-empty h2{font:500 30px Halcyon,Georgia,serif;color:#2c2819}
/* Pinned items: paper for Findings, a mounted photograph for people, manila tags for places and papers */
.v4-tile{font-family:Document,Georgia,serif}
.v4-tile.finding{background:var(--d-grain),linear-gradient(#f7efdc,#ecdfbf)!important;background-size:260px,auto!important;border:0!important;border-radius:1px!important;
 box-shadow:0 1px 0 #fff8 inset,0 2px 2px #3b240e40,3px 9px 14px #2a17078c!important;color:var(--d-ink)!important}
.v4-tile.finding .item-open{font:500 21px/1.22 Halcyon,Georgia,serif!important;color:#2c2819!important}
.v4-tile .tile-source,.v4-tile .tile-context,.v4-tile.person .tile-source{font:italic 14.5px/1.35 Document,Georgia,serif!important;color:var(--d-ink-soft)!important}
.v4-tile .tile-context{font-style:normal!important;color:#4b4432!important}
.v4-tile.reference{background:var(--d-grain),linear-gradient(#e8d6a8,#d9c28c)!important;background-size:260px,auto!important;border:0!important;border-radius:2px!important;
 box-shadow:0 2px 2px #3b240e40,3px 9px 14px #2a17078c!important;color:var(--d-ink)!important}
.v4-tile.reference .item-open{font:500 20px/1.2 Halcyon,Georgia,serif!important;color:#2c2819!important}
.v4-tile.person{background:var(--d-grain),linear-gradient(#f8f2e2,#ede3cb)!important;background-size:260px,auto!important}
.v4-tile.person .v4-portrait{border:6px solid #f8f2e2;border-bottom-width:6px;box-shadow:0 0 0 1px #c9b78a,0 2px 5px #0005;filter:sepia(.14) saturate(.9) contrast(1.03)}
.v4-tile .select-item,.v4-tile .tile-support-total,.v4-tile .missing-support,.v4-tile .select-supports,.v4-tile .focus-supports,.v4-tile .connection-name,.v4-tile .mobile-order summary{font-family:Document,Georgia,serif!important}
.v4-tile .select-item{font-size:14px!important;font-style:italic;color:var(--d-ink-soft)!important}
.v4-tile.reasoning .select-item{color:#d7c9a3!important}
.v4-tile .tile-warning{font:italic 14.5px Document,Georgia,serif!important;color:#e3c58a!important}
.v4-tile.selected{outline:2px solid var(--d-brass-2)!important;outline-offset:3px}
.v4-tile.finding .connection-name,.v4-tile.reference .connection-name{color:var(--d-link)!important}
.v4-tile.reasoning .connection-name{color:#e0d2ad!important}

/* Connections: a string between two pins. A solid red thread is a connection you drew; a thinner dark cord
   is support you chose inside a Card. Both are plain continuous lines, named in text on each item. */
.v4-board .v4-wires .thread-stroke{stroke:#6b2a1f;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:none!important;filter:drop-shadow(0 2px 1.5px #2a1707aa)}
.v4-board .v4-wires .thread-stroke:not(.support-stroke){stroke:#a3281f;stroke-width:3;stroke-dasharray:none!important}
.v4-board .v4-wires .thread-stroke.emphasized:not(.support-stroke){stroke:#c2372b;stroke-width:3.6}
.v4-board .v4-wires .thread-stroke.support-stroke.emphasized{stroke:#3c1d12;stroke-width:2.2}
.v4-board .v4-wires .natural-thread:hover+.thread-stroke:not(.support-stroke),.v4-board .v4-wires .natural-thread:focus+.thread-stroke:not(.support-stroke){stroke:#cf4536;stroke-width:3.8}
.v4-board .v4-wires .natural-thread:hover+.thread-stroke.support-stroke,.v4-board .v4-wires .natural-thread:focus+.thread-stroke.support-stroke{stroke:#2a140c;stroke-width:2.4}
.v4-board .v4-wires .thread-preview{stroke:#a3281f;stroke-width:2.6;stroke-dasharray:none;filter:drop-shadow(0 2px 1.5px #2a1707aa)}
.v4-board .v4-wire-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:7}
.v4-board .v4-wire-labels text{font:italic 600 14px Document,Georgia,serif;fill:#2b1a10;stroke:none}
.v4-board .v4-wire-labels .thread-tag{fill:#f1e4c0;stroke:#a3281f;stroke-width:1;filter:drop-shadow(0 2px 2px #2a1707aa)}
@media (max-width:900px){.v4-board .v4-wire-labels{display:none}}
@media (forced-colors:active){.v4-board .v4-wire-labels text{fill:CanvasText}.v4-board .v4-wire-labels .thread-tag{fill:Canvas;stroke:CanvasText}}
/* Pins: a brass push-pin head with its own shadow, where a string is tied */
.v4-board .thread-pin:after,.v4-board .extra-pin{width:14px!important;height:14px!important;border-radius:50%;
 background:radial-gradient(circle at 34% 28%,#fff3cf 0 8%,#e3c27c 22%,#b58a45 52%,#6b4b22 86%,#3c2a12)!important;
 box-shadow:0 0 0 .5px #3c2a12,2px 4px 3px #2a1707a6!important}
.v4-board .thread-pin:after{left:12px!important;top:12px!important}
.v4-board .thread-pin{z-index:6}
.v4-board .thread-pin:hover:after,.v4-board .thread-pin:focus-visible:after{box-shadow:0 0 0 3px #d7bb7c88,2px 4px 3px #2a1707a6!important}
.v4-board .thread-origin .thread-pin:after{box-shadow:0 0 0 4px #c2372b66,2px 4px 3px #2a1707a6!important}
.v4-tile .tile-connections{border-left:2px solid #a3281f!important}
.v4-tile .tile-connections:before{width:10px!important;height:10px!important;left:-6px!important;top:-2px!important;background:radial-gradient(circle at 34% 28%,#fff3cf 0 8%,#e3c27c 22%,#b58a45 52%,#6b4b22)!important;box-shadow:1px 2px 2px #0006}
.v4-board .phone-thread{font:14px Document,Georgia,serif!important;color:#e6d9b6!important}
.v4-board .phone-thread:after{border-top:2px solid #a3281f!important}

/* 10 · The Case report: a formal case document --------------------------------------------------------------- */
.at-the-hotel:not(.is-arriving) #foreground:has(.account-sheet){--sheet-bg:var(--d-grain),linear-gradient(#fbf7ec,#f1e9d5);--sheet-size:260px,auto;
 box-shadow:2px 2px 0 #e6dcc2,4px 4px 0 #cfc3a3,6px 5px 0 #e6dcc2,7px 7px 0 #6a4b31,0 24px 44px #000b}
#foreground-content.account-sheet>.focus-head{border-bottom:3px double #6d5b37!important}
#foreground-content.account-sheet>.focus-head:after{display:none}
#foreground-content.account-sheet .focus-head h2{font:600 30px/1.1 Halcyon,Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:#262318}
#foreground-content.account-sheet .account-views{border-bottom:1px solid #cfc3a3}
#foreground-content.account-sheet .account-views .text-button{font:15px Document,Georgia,serif;text-decoration:none;color:var(--d-ink-soft);padding:8px 2px}
#foreground-content.account-sheet .account-views .text-button{border:0!important;box-shadow:none}
#foreground-content.account-sheet .account-views .text-button[aria-current=page]{color:#262318;box-shadow:0 2px 0 #262318}
#foreground-content.account-sheet>.eyebrow{font:600 13px Document,Georgia,serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#4b4432;border-bottom:1px solid #cfc3a3;padding-bottom:6px}
#foreground-content.account-sheet .account-events{counter-reset:section}
#foreground-content.account-sheet .account-events>li{counter-increment:section;position:relative;padding-left:44px;border-bottom:1px solid #d8ccb0}
#foreground-content.account-sheet .account-events>li:before{content:counter(section) '.';position:absolute;left:0;top:18px;font:600 17px Document,Georgia,serif;color:#4b4432;font-variant-numeric:lining-nums}
#foreground-content.account-sheet .handwritten{font:17.5px/1.55 Document,Georgia,serif;color:#262318}
#foreground-content.account-sheet .event-time{font:600 15px Document,Georgia,serif;font-variant-numeric:lining-nums tabular-nums;color:#4b4432}
#foreground-content.account-sheet .account-attachment{background:#f1e8d2;border:0;border-left:3px solid var(--d-brass);box-shadow:0 0 0 1px #e0d4b6}
#foreground-content.account-sheet .account-attachment .attachment-kind{font:italic 14px Document,Georgia,serif;letter-spacing:0;text-transform:none}
#foreground-content.account-sheet .account-attachment .index-item{font:16px/1.45 Document,Georgia,serif;color:#262318}
#foreground-content.account-sheet .responsibility-panel{background:none;border:1px solid #6d5b37;box-shadow:0 0 0 3px #fbf7ec,0 0 0 4px #cfc3a3;padding:18px 22px}
#foreground-content.account-sheet .responsibility-panel h3{font:600 20px Halcyon,Georgia,serif;letter-spacing:.02em;color:#262318}
#foreground-content.account-sheet .responsibility-choice{font:16px Document,Georgia,serif;color:#262318;background:none;border:0;border-bottom:1px solid #d8ccb0;border-radius:0}
#foreground-content.account-sheet .account-commit{font:600 15px Document,Georgia,serif!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;color:#7a2319!important;
 border:2px solid #7a2319!important;border-radius:3px;padding:8px 18px!important;box-shadow:0 0 0 1px #7a231955 inset;transform:rotate(-1deg);background:none}
#foreground-content.account-sheet .account-commit:hover{background:#7a23190f!important}
#foreground-content.account-sheet .commit-responsibility{background:#f1e8d2;border:0;border-left:3px solid #6d5b37}
#foreground-content.account-sheet #confirm-commit{background:none!important;color:#7a2319!important;box-shadow:0 0 0 2px #7a2319 inset!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}
/* The resolution: the official account, with the player's report beside it as their filed copy */
.at-the-hotel:not(.is-arriving) #foreground:has(.reveal-sheet){--sheet-bg:var(--d-hide),var(--d-felt);--sheet-size:300px,auto;box-shadow:0 0 0 1px #2c4a3b,0 24px 44px #000c}
#foreground-content.reveal-sheet>.focus-head{border-bottom:1px solid #6f6242!important}
#foreground-content.reveal-sheet>.focus-head:after{border-bottom-color:#6f624255}
#foreground-content.reveal-sheet .focus-head h2{color:var(--d-head);text-shadow:0 2px 3px #0009}
#foreground-content.reveal-sheet .focus-head .context-help,#foreground-content.reveal-sheet .focus-head .close-focus{color:#d9ccaa}
#foreground-content.reveal-sheet>.text-button,#foreground-content.reveal-sheet>p .text-button{color:#e6d9b6;text-decoration-color:#d7bb7c88}
#foreground-content.reveal-sheet .official-account{background:var(--d-grain),linear-gradient(#fbf7ec,#f3ecda)!important;background-size:260px,auto!important;border:0!important;
 box-shadow:2px 2px 0 #e6dcc2,4px 4px 0 #cfc3a3,5px 6px 0 #6a4b31,0 18px 36px #000b!important;color:#262318}
#foreground-content.reveal-sheet .official-account h3{font:600 26px Halcyon,Georgia,serif;color:#262318}
#foreground-content.reveal-sheet .submitted-report{background:var(--d-grain),linear-gradient(#f4ebd4,#ecdfc0)!important;background-size:260px,auto!important;
 border:0!important;box-shadow:0 8px 18px #000a,0 0 0 1px #d8c79f!important;transform:rotate(.5deg);color:var(--d-ink)}
#foreground-content.reveal-sheet .responsibility-result{border:1px solid #6d5b37!important;background:#f3ead4!important;box-shadow:0 0 0 3px #fbf7ec,0 0 0 4px #cfc3a3!important;color:#262318}
#foreground-content.reveal-sheet .resolution-verdict{font:18.5px/1.6 Document,Georgia,serif;color:#262318}
#foreground-content.reveal-sheet .official-account h4{font:600 17px Document,Georgia,serif;color:#262318}
#foreground-content.reveal-sheet .submitted-report h3{font:500 22px Halcyon,Georgia,serif;color:#2c2819}
#foreground-content.reveal-sheet>.quiet{color:#c9bc98}

/* 11 · People: mounted photographs in a register ------------------------------------------------------------- */
#foreground-content.people-sheet .person-reference{background:none;border:0;color:var(--d-ink)}
#foreground-content.people-sheet .person-reference img,#foreground-content.person-sheet .profile-portrait{border:7px solid #f8f2e2;border-bottom-width:18px;box-shadow:0 0 0 1px #c9b78a,2px 4px 8px #5a42206e;filter:sepia(.14) saturate(.9) contrast(1.03)}
#foreground-content.people-sheet .person-reference:nth-child(3n+1) img{transform:rotate(-1.2deg)}
#foreground-content.people-sheet .person-reference:nth-child(3n+2) img{transform:rotate(.8deg)}
#foreground-content.people-sheet .person-reference:nth-child(3n) img{transform:rotate(-.4deg)}
#foreground-content.person-sheet .profile-portrait{transform:rotate(1deg)}
#foreground-content.people-sheet .person-name{font:500 22px/1.15 Halcyon,Georgia,serif;color:#2c2819}
#foreground-content.people-sheet .person-role{font:italic 14.5px/1.35 Document,Georgia,serif;color:var(--d-ink-soft)}
#foreground-content.people-sheet .person-reference:hover .person-name{text-decoration:underline;text-decoration-color:#8a7b58;text-underline-offset:4px}
#foreground-content.people-sheet .person-entry{font:15.5px Document,Georgia,serif;color:var(--d-link)}
#foreground-content.person-sheet>p:not(.eyebrow){font:17px/1.6 Document,Georgia,serif;color:var(--d-ink)}

/* 12 · Help: a small printed guide with index tabs ----------------------------------------------------------- */
#foreground-content.sheet>details{border-bottom:1px solid var(--d-rule)}
#foreground-content.sheet>details>summary{font:500 20px/1.3 Halcyon,Georgia,serif;color:#2c2819;padding:10px 0;cursor:pointer}
#foreground-content.sheet>details>summary:hover{color:#000}
#foreground-content.sheet>details[open]>summary{color:var(--d-spine)}
#foreground-content.sheet>details>p{font:16px/1.6 Document,Georgia,serif;color:var(--d-ink)}

/* 13 · The Hotel's surrounding controls: plaques on the scene, not software panels ----------------------------- */
.at-the-hotel .hotel-places{background:var(--d-hide),linear-gradient(160deg,#1b2f25f2,#12231bf2)!important;border:0!important;border-radius:3px!important;
 box-shadow:0 0 0 1px #9c845466,0 12px 24px #0009!important}
.at-the-hotel .hotel-places-head{font:italic 15px Document,Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--d-brass-2)!important}
.at-the-hotel .place-link{font:14px/1.3 Document,Georgia,serif!important;letter-spacing:-.005em;color:#e4d7b6!important;background:none!important}
.at-the-hotel .place-link[aria-current=location]{color:#fff4d8!important;text-decoration-color:var(--d-brass-2)!important}
.at-the-hotel .place-link:hover{color:#fff4d8!important}
.at-the-hotel .hotel-caption{font:500 24px Halcyon,Georgia,serif!important;color:var(--d-head)!important;text-shadow:0 2px 4px #000c!important}
.at-the-hotel .hotel3d-controls{background:#12231bd9!important;border:0!important;box-shadow:0 0 0 1px #9c845466,0 6px 14px #0008!important;border-radius:3px!important}
.at-the-hotel .hotel3d-controls button{font:14.5px Document,Georgia,serif!important;color:#e0d2ad!important;background:none!important}
.at-the-hotel .hotel3d-controls button:hover,.at-the-hotel .hotel3d-controls button[aria-pressed=true]{color:#fff4d8!important}
.at-the-hotel .hotel3d-target{font:15px Document,Georgia,serif!important;color:#efe4c8!important;background:#12231be6!important;border:0!important;border-radius:2px!important;
 box-shadow:0 0 0 1px #b08d4a99,0 4px 10px #0009!important}
.at-the-hotel #hotel-work summary,.at-the-hotel #hotel-work .hotel-work-link{font:15px Document,Georgia,serif!important;color:#e4d7b6!important}
.at-the-hotel #hotel-work details{background:var(--d-hide),linear-gradient(160deg,#1b2f25f2,#12231bf2)!important;border:0!important;border-radius:3px!important;box-shadow:0 0 0 1px #9c845466,0 12px 24px #0009!important}
.at-the-hotel #hotel-work details>*{background:none!important;border:0!important;box-shadow:none!important}
.at-the-hotel #hotel-work summary{font:italic 15px Document,Georgia,serif!important;color:var(--d-brass-2)!important}
.at-the-hotel .cited-record,.at-the-hotel .shard-card{font-family:Document,Georgia,serif!important;color:var(--d-ink)!important;background:var(--d-grain),linear-gradient(#f4ebd4,#e9dcb8)!important;background-size:260px,auto!important;
 border:0!important;box-shadow:0 10px 24px #000a,0 0 0 1px #c9b78a!important}
.at-the-hotel .cited-record blockquote{font:italic 16px/1.45 Document,Georgia,serif;border-left:1.5px solid #9d8b62}
/* The Findings reached from a magnifying glass in the Hotel: a slip pinned to the scene */
html body.at-the-hotel #foreground-content.hotel-findings-view{background:var(--sheet-bg)!important;background-size:var(--sheet-size)!important;background-attachment:fixed!important;color:var(--d-ink)!important;
 border-radius:2px;box-shadow:2px 2px 0 #dccca4,4px 4px 0 #c8b489,5px 6px 0 #6a4b31,0 18px 36px #000c!important}
html body.at-the-hotel #foreground-content.hotel-findings-view>.focus-head{color:var(--d-ink)!important}
html body.at-the-hotel #foreground-content.hotel-findings-view #set-down{color:#3b3526!important}
html body.at-the-hotel #foreground-content.hotel-findings-view .finding-from{font:italic 14.5px/1.45 Document,Georgia,serif;color:var(--d-ink-soft)}
html body.at-the-hotel #foreground-content.hotel-findings-view .hotel-findings-list li{border-top:1px solid var(--d-rule)}
#foreground-content.hotel-findings-view .hotel-findings-place{font:500 26px Halcyon,Georgia,serif;color:#2c2819}
#foreground-content.hotel-findings-view .hotel-findings-list>li{border-bottom:1px solid var(--d-rule);padding:10px 0}
#foreground-content.hotel-findings-view .finding-title{font:500 20px/1.25 Halcyon,Georgia,serif;color:#2c2819;text-decoration:none;background:none;border:0}
#foreground-content.hotel-findings-view .finding-title:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8a7b58}

/* 14 · Narrow screens, forced colours, still motion ---------------------------------------------------------- */
@media (max-width:900px){
 .v4-board .v4-board-head .sheet-switch{font-size:30px}
 .v4-board .v4-board-scroll{box-shadow:0 0 0 6px #3a2716,0 0 0 7px #1c120a,inset 0 0 30px #3b240e8c!important}
 #foreground-content.sheet .focus-head h2{font-size:28px}
 #foreground-content.account-sheet .focus-head h2{font-size:24px}
}
@media (prefers-reduced-motion:reduce){#foreground-content.people-sheet .person-reference img,#foreground-content.person-sheet .profile-portrait,
 #foreground-content.account-sheet .account-commit,#foreground-content.account-sheet #confirm-commit,#foreground-content.reveal-sheet .submitted-report{transform:none}}
body.still #foreground-content.people-sheet .person-reference img,body.still #foreground-content.account-sheet .account-commit{transform:none}
@media (forced-colors:active){
 .at-the-hotel:not(.is-arriving) #foreground:not(:has(.timeline-book)),.v4-board .v4-board-scroll,.reasoning-card,.v4-tile{forced-color-adjust:auto;background:Canvas!important}
 .v4-board .v4-wires .thread-stroke:not(.support-stroke){stroke:CanvasText!important;stroke-dasharray:8 6!important}
 .v4-board .v4-wires .thread-stroke.support-stroke{stroke:GrayText!important}
}

/* Timeline: the open case book on the desk. Ported from the approved candidate
   (evidence/timeline-book-2026-09-28/book.css) with the same values; only date headings, the date contents slip,
   the written-down and date-only marks, and the narrow layouts are new. The palette below is the game's default
   palette from 28 September 2026. Everything physical is CSS and inline SVG. */
#foreground-content.timeline-book{
 --tlb-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .24 0 0 0 0 .14 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 --tlb-mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .16 0 0 0 .55 -.36'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
 --tlb-hide:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E");
 --ink:#2b2a23;--ink-soft:#5f5a4b;--ink-faint:#8a8270;--rule:#cfbf98;--spine:#28473a;--dot:#1f3d31;--brass:#b08d4a;--brass-2:#d7bb7c;
 --page:#e9d7aa;--page-hi:#f3e8cb;--card:#f1e7cf;--sel:#dcc592;--pencil:#6f6a5c;
 position:relative;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;overflow:hidden;color:var(--ink);
 background:radial-gradient(ellipse 70% 60% at 42% 38%,#1d3a2d 0%,#142b21 45%,#0c1a14 80%,#08120e 100%)}
#foreground-content.timeline-book:before{content:'';position:absolute;inset:0;background:var(--tlb-hide);opacity:.35;mix-blend-mode:multiply;pointer-events:none}
#foreground-content.timeline-book:after{content:'';position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(transparent,#0006);pointer-events:none}
/* The dialog becomes the whole desk above the dock. */
#foreground:has(.timeline-book),.at-the-hotel:not(.is-arriving) #foreground:has(.timeline-book){position:fixed;inset:var(--visible-top,0px) 0 auto;margin:0;width:100vw;max-width:none;
 height:calc(var(--visible-height,100dvh) - var(--navigation-space,145px));max-height:none;padding:0;border:0;border-radius:0;background:#0b1712;box-shadow:none;overflow:hidden}
#foreground-content.timeline-book button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;min-height:0;box-shadow:none;text-transform:none;letter-spacing:normal}
#foreground-content.timeline-book p,#foreground-content.timeline-book h3{margin:0}
#foreground-content.timeline-book svg.tlb-i{width:1em;height:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#foreground-content.timeline-book :focus-visible{outline:2px solid var(--brass-2);outline-offset:2px}
#foreground-content.timeline-book .tlb-stage{position:relative;z-index:1;width:min(1396px,calc(100% - 44px));height:100%;margin:0 auto}

/* Heading on the desk: the frame's own title, Help and Close, set into the scene. */
#foreground-content.timeline-book .focus-head{position:absolute;inset:0 0 auto;height:0;margin:0;padding:0;border:0;background:none;display:block}
#foreground-content.timeline-book .focus-head h2{position:absolute;left:22px;top:18px;margin:0;padding:0;font:500 50px/1 Halcyon,Georgia,serif;letter-spacing:.01em;color:#e7d8b0;text-shadow:0 2px 3px #0009;border:0}
#foreground-content.timeline-book .tlb-sub{position:absolute;left:26px;top:74px;margin:0;font:500 23px/1 Hand,cursive;color:var(--brass-2);opacity:.92;white-space:nowrap}
#foreground-content.timeline-book .focus-head .context-help{position:absolute;right:62px;top:88px;font:15px Document,serif;color:#d9ccaa;border-bottom:1px dotted #d9ccaa88;padding:0;background:none}
#foreground-content.timeline-book .focus-head .close-focus{position:absolute;right:4px;top:80px;width:32px;height:32px;font:26px/1 Document,serif;color:#d9ccaa;background:none;border:0;padding:0}

/* Portrait tabs: index tabs standing up from the top edge of the book. */
#foreground-content.timeline-book .tlb-tabs{position:absolute;left:358px;top:26px;width:752px;display:flex;justify-content:flex-start;gap:5px;z-index:3}
#foreground-content.timeline-book .tlb-tab{position:relative;flex:0 1 70px;min-width:0;width:70px;height:98px;border-radius:9px 9px 0 0;overflow:hidden;background:linear-gradient(#34322a,#1f1e19);
 box-shadow:0 -1px 0 #ffffff14 inset,0 6px 10px #0008;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
#foreground-content.timeline-book .tlb-tab img{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:50% 18%;filter:sepia(.18) saturate(.9) contrast(1.03)}
#foreground-content.timeline-book .tlb-tab:after{content:'';position:absolute;inset:0 0 22px;background:linear-gradient(transparent 55%,#1f1e19ee)}
#foreground-content.timeline-book .tlb-tab-name{position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;height:24px;font:15px/24px Document,serif;color:#e4d7b6;text-shadow:0 1px 2px #000}
#foreground-content.timeline-book .tlb-glyph{position:absolute;inset:0 0 22px;display:grid;place-items:center;font:500 30px Halcyon,serif;color:#a79c80}
#foreground-content.timeline-book .tlb-unknown .tlb-glyph{font:400 34px Document,serif;color:#8e8670;background:radial-gradient(circle at 50% 45%,#3d3a31,#23221c 70%)}
#foreground-content.timeline-book .tlb-many .tlb-tab-name{font-size:13px;letter-spacing:-.01em}
#foreground-content.timeline-book .tlb-all .tlb-glyph{color:#b8aa86;font-size:20px}
#foreground-content.timeline-book .tlb-all:after{display:none}
#foreground-content.timeline-book .tlb-tab[aria-pressed=true]{height:106px;margin-top:-8px;background:linear-gradient(#efe3c3,#dccb9f);box-shadow:0 -2px 0 #fff6 inset,0 6px 10px #0008}
#foreground-content.timeline-book .tlb-tab[aria-pressed=true] .tlb-tab-name{color:#3b3322;text-shadow:none;font-weight:600;background:linear-gradient(#efe3c3,#dccb9f);width:100%;text-align:center}
#foreground-content.timeline-book .tlb-tab[aria-pressed=true]:after{background:linear-gradient(transparent 70%,#dccb9f55)}
#foreground-content.timeline-book .tlb-all[aria-pressed=true] .tlb-glyph{color:#6e5a2c}

/* Date plaque, the date contents, and Place. */
#foreground-content.timeline-book .tlb-when-ctl{position:absolute;left:1128px;top:30px;display:flex;align-items:center;gap:10px;z-index:6}
#foreground-content.timeline-book .tlb-plaque-wrap{position:relative}
#foreground-content.timeline-book .tlb-plaque{padding:9px 16px 8px;border-radius:3px;font:19px/1.2 Document,serif;color:#2e2a1f;white-space:nowrap;
 background:linear-gradient(#f2e8cc,#dfcfa4);box-shadow:0 1px 0 #fff8 inset,0 -2px 0 #b9a36f inset,0 5px 10px #0009}
#foreground-content.timeline-book .tlb-arrow{display:grid;place-items:center;width:22px;height:30px;font-size:18px;color:var(--brass-2)}
#foreground-content.timeline-book .tlb-arrow:disabled{opacity:.3;cursor:default}
#foreground-content.timeline-book .tlb-place-wrap{position:absolute;left:1146px;top:84px;z-index:4}
#foreground-content.timeline-book .tlb-place{display:flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid #9c8454;border-radius:4px;background:#16241d;color:#e0d2ad;font:16px Document,serif;box-shadow:0 4px 8px #0007;white-space:nowrap}
#foreground-content.timeline-book .tlb-place.tlb-on{border-color:var(--brass-2);color:#f2e6c4}
#foreground-content.timeline-book .tlb-place .tlb-chev{margin-left:10px;width:.8em;height:.8em}
#foreground-content.timeline-book .tlb-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:8;min-width:220px;max-height:min(460px,60vh);overflow:auto;padding:8px 6px;
 background:var(--tlb-grain),linear-gradient(#f4ebd4,#e9dcb8);background-size:260px,auto;box-shadow:0 10px 24px #000a,0 0 0 1px #c9b78a;transform:rotate(-.4deg)}
#foreground-content.timeline-book .tlb-contents{left:50%;translate:-50% 0;min-width:280px}
#foreground-content.timeline-book .tlb-menu-group{margin:8px 10px 4px;font:italic 13.5px Document,serif;color:var(--ink-faint)}
#foreground-content.timeline-book .tlb-option{display:block;width:100%;padding:7px 12px;text-align:left;font:16px/1.3 Document,serif;color:var(--ink);border-radius:2px}
#foreground-content.timeline-book .tlb-option:hover,#foreground-content.timeline-book .tlb-option:focus-visible{background:#dcc59266}
#foreground-content.timeline-book .tlb-option[aria-checked=true]{background:var(--sel);font-weight:600}
#foreground-content.timeline-book .tlb-option.tlb-dim{color:var(--ink-faint)}

/* The book: leather boards, stacked page edges, two pages meeting at the fold. */
#foreground-content.timeline-book .tlb-book{position:absolute;left:0;right:0;top:122px;bottom:10px;border-radius:12px;z-index:2;
 background:var(--tlb-hide),linear-gradient(160deg,#4a3120,#2e1d12 55%,#23160d);box-shadow:0 22px 40px #000c,0 2px 0 #6b4a30 inset,0 -2px 0 #1a0f08 inset}
#foreground-content.timeline-book .tlb-pages{position:absolute;inset:14px 22px 16px}
#foreground-content.timeline-book .tlb-page{position:absolute;top:0;bottom:0;background:var(--tlb-grain),var(--tlb-mottle),linear-gradient(var(--page-hi),var(--page));background-size:260px,700px,auto;overflow:hidden}
#foreground-content.timeline-book .tlb-left{left:0;width:calc(58% - 1px);border-radius:4px 2px 2px 6px;
 box-shadow:-2px 2px 0 #dccca4,-4px 4px 0 #c8b489,-6px 5px 0 #dccca4,-8px 7px 0 #c3ae80,-10px 8px 0 #d6c59b,-11px 10px 0 #6a4b31}
#foreground-content.timeline-book .tlb-right{right:0;width:42%;border-radius:2px 4px 6px 2px;display:flex;flex-direction:column;padding:24px 22px 16px 30px;box-sizing:border-box;
 box-shadow:2px 2px 0 #dccca4,4px 4px 0 #c8b489,6px 5px 0 #dccca4,8px 7px 0 #c3ae80,10px 8px 0 #d6c59b,11px 10px 0 #6a4b31}
#foreground-content.timeline-book .tlb-page:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 80px #9a6a2440,inset 0 0 18px #8a5f2638}
#foreground-content.timeline-book .tlb-left:after{content:'';position:absolute;top:0;bottom:0;right:0;width:70px;pointer-events:none;z-index:4;background:linear-gradient(to left,#5a3f1f55,#5a3f1f18 40%,transparent)}
#foreground-content.timeline-book .tlb-right:after{content:'';position:absolute;top:0;bottom:0;left:0;width:56px;pointer-events:none;z-index:4;background:linear-gradient(to right,#5a3f1f5e,#5a3f1f18 45%,transparent)}
#foreground-content.timeline-book .tlb-fold{position:absolute;top:-4px;bottom:-6px;left:calc(58% - 3px);width:6px;background:linear-gradient(90deg,#3a2716,#1c120a 50%,#3a2716);z-index:5;border-radius:3px}

/* Left page: date headings, margin times, the spine, one row per entry. */
#foreground-content.timeline-book .tlb-chron{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;padding:14px 34px 40px 18px;outline:none;
 -webkit-mask:linear-gradient(transparent,#000 14px,#000 calc(100% - 40px),transparent);mask:linear-gradient(transparent,#000 14px,#000 calc(100% - 40px),transparent)}
#foreground-content.timeline-book .tlb-chron::-webkit-scrollbar{display:none}
#foreground-content.timeline-book .tlb-rows{list-style:none;margin:0;padding:0;position:relative}
#foreground-content.timeline-book .tlb-rows:before{content:'';position:absolute;left:176px;top:0;bottom:0;width:2px;background:var(--spine);opacity:.85}
#foreground-content.timeline-book .tlb-date{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:18px 0 10px;margin:0 0 2px}
#foreground-content.timeline-book .tlb-date:first-child{padding-top:4px}
#foreground-content.timeline-book .tlb-date span{flex:none;margin-left:18px;padding:3px 12px 4px;font:italic 600 21px/1.2 Halcyon,Georgia,serif;letter-spacing:.01em;color:#3a3020;
 background:linear-gradient(var(--page-hi),#efe1bf);box-shadow:0 0 0 1px #c9b78a,0 2px 4px #6a4b3130;border-radius:2px}
#foreground-content.timeline-book .tlb-date:after{content:'';flex:1;height:0;border-top:1px solid #b9a577;border-bottom:1px solid #b9a57766;padding-top:2px}
#foreground-content.timeline-book .tlb-row{display:grid;grid-template-columns:150px 52px 1fr;position:relative;padding:13px 0 12px;border-bottom:1px solid var(--rule);cursor:pointer;outline:none}
#foreground-content.timeline-book .tlb-row:hover{background:#d8c69c33}
#foreground-content.timeline-book .tlb-row:focus-visible{box-shadow:inset 0 0 0 2px var(--brass)}
#foreground-content.timeline-book .tlb-row.tlb-sel{background:linear-gradient(90deg,transparent 12px,#dcc592d9 12px);border-bottom-color:transparent;box-shadow:0 -1px 0 #cdb57e}
#foreground-content.timeline-book .tlb-row.tlb-faded{opacity:.34}
#foreground-content.timeline-book .tlb-rowchev{display:none;position:absolute;right:10px;top:50%;margin-top:-9px;width:18px!important;height:18px!important;color:#5b4a2a}
#foreground-content.timeline-book .tlb-sel .tlb-rowchev{display:block}
#foreground-content.timeline-book .tlb-t{text-align:right;padding-top:1px;font:19px/1.25 Document,serif;font-variant-numeric:lining-nums tabular-nums;color:#3a3628}
#foreground-content.timeline-book .tlb-approx .tlb-t,#foreground-content.timeline-book .tlb-dated .tlb-t{font:italic 18.5px/1.2 Document,serif;color:#3f3a2c}
#foreground-content.timeline-book .tlb-period .tlb-t,#foreground-content.timeline-book .tlb-range .tlb-t{font-size:17px}
#foreground-content.timeline-book .tlb-mk{position:relative}
#foreground-content.timeline-book .tlb-mk:before{content:'';position:absolute;left:50%;top:9px;transform:translateX(-50%);box-sizing:border-box}
#foreground-content.timeline-book .tlb-exact .tlb-mk:before{width:13px;height:13px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 3px var(--page)}
#foreground-content.timeline-book .tlb-approx .tlb-mk:before{width:14px;height:14px;border-radius:50%;border:2px solid var(--spine);background:var(--page);box-shadow:0 0 0 2px var(--page)}
#foreground-content.timeline-book .tlb-period .tlb-mk:before{width:9px;height:34px;border-radius:5px;background:var(--dot);box-shadow:0 0 0 3px var(--page);top:4px}
#foreground-content.timeline-book .tlb-range .tlb-mk:before{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 22px 0 0 var(--dot),0 0 0 3px var(--page),0 22px 0 3px var(--page);top:6px}
#foreground-content.timeline-book .tlb-recorded .tlb-mk:before{width:12px;height:12px;border:2px solid var(--spine);background:var(--page-hi);box-shadow:0 0 0 3px var(--page);top:10px;transform:translateX(-50%) rotate(45deg)}
#foreground-content.timeline-book .tlb-dated .tlb-mk:before{width:16px;height:3px;border-radius:2px;background:var(--spine);box-shadow:0 0 0 3px var(--page);top:14px}
#foreground-content.timeline-book .tlb-sel .tlb-mk:before{box-shadow:0 0 0 3px #dcc592}
#foreground-content.timeline-book .tlb-range.tlb-sel .tlb-mk:before{box-shadow:0 22px 0 0 var(--dot),0 0 0 3px #dcc592,0 22px 0 3px #dcc592}
#foreground-content.timeline-book .tlb-what{min-width:0;padding-right:36px}
#foreground-content.timeline-book .tlb-acct{margin:0 0 3px;font:italic 600 18px/1.25 Document,serif;color:#35301f}
#foreground-content.timeline-book .tlb-line{margin:0;font:17.5px/1.42 Document,serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#foreground-content.timeline-book .tlb-then{position:relative;margin:5px 0 0 6px;padding-left:22px}
#foreground-content.timeline-book .tlb-then:before{content:'';position:absolute;left:0;top:3px;bottom:3px;border-left:1.5px solid #9d8b62}
#foreground-content.timeline-book .tlb-then .tlb-line{-webkit-line-clamp:1}
#foreground-content.timeline-book .tlb-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 26px;margin-top:8px;font:15.5px/1.2 Document,serif;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-who{display:inline-flex;align-items:center;gap:8px;color:#34301f}
#foreground-content.timeline-book .tlb-face{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:none;box-shadow:0 0 0 1px #8d7b55,0 1px 2px #0005}
#foreground-content.timeline-book .tlb-face.tlb-q{display:inline-grid;place-items:center;background:#cdbf9c;color:#6a624d;font:600 14px Document,serif;box-shadow:0 0 0 1px #a39473}
#foreground-content.timeline-book .tlb-face.tlb-init{display:inline-grid;place-items:center;background:#3a372e;color:#e1d4b0;font:600 11px Document,serif}
#foreground-content.timeline-book .tlb-where{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-where .tlb-i{color:#7a6f57;width:15px;height:15px}
#foreground-content.timeline-book .tlb-src{display:inline-flex;align-items:center;gap:8px;color:#3f3a2b}
#foreground-content.timeline-book .tlb-src .tlb-i{width:17px;height:17px;color:#5d5440}
#foreground-content.timeline-book .tlb-src u{text-decoration-color:#8a7b58;text-underline-offset:3px}
#foreground-content.timeline-book .tlb-pencilled .tlb-t span{border-bottom:2px solid #6f6a5c99;padding-bottom:1px}
#foreground-content.timeline-book .tlb-bracket{position:absolute;left:157px;width:9px;border:2px solid var(--pencil);border-right:0;border-radius:3px 0 0 3px;pointer-events:none;opacity:.75}
#foreground-content.timeline-book .tlb-bracket.tlb-open{border-bottom:0;-webkit-mask:linear-gradient(#000 80%,transparent);mask:linear-gradient(#000 80%,transparent)}

/* Right page: the chosen entry on a lighter leaf, Loose pages clipped at the foot. */
#foreground-content.timeline-book .tlb-leaf{position:relative;flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9a577 transparent;padding:20px 28px 20px;
 background:var(--tlb-grain),linear-gradient(#f4ebd4,#efe3c7);background-size:260px,auto;box-shadow:0 3px 10px #5a42204d,0 0 0 1px #d8c79f}
#foreground-content.timeline-book .tlb-leaf:after{content:'';position:sticky;display:block;bottom:-20px;height:34px;margin:-14px -28px -20px;background:linear-gradient(#efe3c700,#efe3c7 80%);pointer-events:none}
#foreground-content.timeline-book .tlb-close{position:absolute!important;right:20px;top:20px;width:22px;height:22px;color:#3b3526}
#foreground-content.timeline-book .tlb-close svg{width:22px!important;height:22px!important}
#foreground-content.timeline-book .tlb-back{display:none!important}
#foreground-content.timeline-book .tlb-lhead{display:flex;align-items:baseline;gap:22px;padding-right:34px}
#foreground-content.timeline-book .tlb-lt{font:21px Document,serif;font-variant-numeric:lining-nums;color:#34301f;white-space:nowrap}
#foreground-content.timeline-book .tlb-lt.tlb-italic{font-style:italic}
#foreground-content.timeline-book .tlb-lhead h3{margin:0;font:500 19px/1.3 Document,serif;color:var(--ink);outline:none}
#foreground-content.timeline-book .tlb-lpeople{display:flex;flex-direction:column;gap:7px;margin:12px 0 4px}
#foreground-content.timeline-book .tlb-lpeople .tlb-who small{font:italic 14px Document,serif;color:var(--ink-faint);margin-left:2px}
#foreground-content.timeline-book .tlb-lpeople .tlb-where{font:15.5px Document,serif}
#foreground-content.timeline-book .tlb-strip{position:relative;margin:14px -6px 0;padding:10px 16px 16px;background:linear-gradient(#e6d8b4,#dccb9f);
 box-shadow:0 4px 8px #5a42203d;clip-path:polygon(0 3%,4% 0,9% 2%,15% 0,22% 3%,30% 1%,38% 3%,47% 0,55% 2%,63% 0,71% 3%,80% 1%,88% 3%,95% 0,100% 2%,100% 96%,95% 100%,88% 97%,80% 100%,71% 97%,62% 100%,53% 98%,45% 100%,36% 97%,27% 100%,18% 98%,10% 100%,4% 97%,0 100%)}
#foreground-content.timeline-book .tlb-strip + .tlb-strip{margin-top:14px}
#foreground-content.timeline-book .tlb-lab{display:block;margin:2px 0 8px;font:15px Document,serif;color:#4b4432}
#foreground-content.timeline-book .tlb-strip table{border-collapse:collapse;font:14px Record,monospace;color:#2d2a22;width:100%;background:none;margin:0}
#foreground-content.timeline-book .tlb-strip th{font:11px Document,serif;letter-spacing:.06em;text-transform:uppercase;color:#6d6450;text-align:left;padding:0 10px 4px 0;font-weight:500;background:none;border:0}
#foreground-content.timeline-book .tlb-strip td{padding:0 10px 0 0;border:0;background:none}
#foreground-content.timeline-book .tlb-words{margin:0;font:italic 15px/1.45 Document,serif;color:#2d2a22}
#foreground-content.timeline-book .tlb-words + .tlb-words{margin-top:8px;padding-left:14px;border-left:1.5px solid #9d8b62}
#foreground-content.timeline-book .tlb-words mark{background:linear-gradient(transparent 58%,#cdb46f99 58%);color:inherit;padding:0}
#foreground-content.timeline-book .tlb-timeword{border-bottom:1.5px solid var(--pencil)}
#foreground-content.timeline-book .tlb-from{display:flex;align-items:center;gap:14px;margin-top:12px;font:italic 14.5px Document,serif;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #6d5b37;border-radius:3px;font:15px Document,serif;color:#2f2a1d;background:#efe4c8;white-space:nowrap;box-shadow:0 1px 0 #fff8 inset}
#foreground-content.timeline-book .tlb-findings{margin-top:12px;padding-top:10px;border-top:1px solid #cdbd95}
#foreground-content.timeline-book .tlb-finding{display:flex!important;align-items:center;gap:12px;width:100%;margin-top:8px!important;font:16.5px Document,serif!important;color:#23392d!important;text-align:left}
#foreground-content.timeline-book .tlb-finding .tlb-note{width:22px;height:26px;color:#6a5a35}
#foreground-content.timeline-book .tlb-finding u{text-decoration-color:#5a6e5f;text-underline-offset:3px}
#foreground-content.timeline-book .tlb-finding .tlb-chev{margin-left:auto;width:16px;height:16px;color:#5b4a2a}
#foreground-content.timeline-book .tlb-finding.tlb-small{font-size:15px!important;margin-top:6px!important}
#foreground-content.timeline-book .tlb-yours{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font:14.5px Document,serif;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-kindline{display:flex;align-items:flex-start;gap:10px;margin-top:16px!important;padding:9px 12px;background:#e3d6b5aa;font:italic 14.5px/1.45 Document,serif;color:#524b3a}
#foreground-content.timeline-book .tlb-kindline i{flex:none;margin-top:6px;box-sizing:border-box}
#foreground-content.timeline-book .tlb-k-dot{width:9px;height:9px;border-radius:50%;background:var(--dot)}
#foreground-content.timeline-book .tlb-k-ring{width:10px;height:10px;border-radius:50%;border:1.8px solid var(--spine);margin-top:5px!important}
#foreground-content.timeline-book .tlb-k-bar{width:6px;height:14px;border-radius:3px;background:var(--dot);margin-top:3px!important}
#foreground-content.timeline-book .tlb-k-square{width:8px;height:8px;border:1.6px solid var(--spine);transform:rotate(45deg)}
#foreground-content.timeline-book .tlb-also{margin-top:10px!important;font:14.5px Document,serif;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-link{color:#23392d!important;text-decoration:underline!important;text-underline-offset:3px}
#foreground-content.timeline-book .tlb-loose-intro{margin:8px 0 2px!important;font:italic 15px Document,serif;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-lp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:8px;font:14.5px Document,serif;color:var(--ink-soft)}
#foreground-content.timeline-book .tlb-lp-meta .tlb-btn{padding:4px 10px;font-size:14px;margin-left:auto}
#foreground-content.timeline-book .tlb-choose{margin:auto!important;font:italic 17px Document,serif;color:var(--ink-faint)}
#foreground-content.timeline-book .tlb-loose{position:relative;flex:none;align-self:flex-end;margin:14px 4px 0 auto;width:292px;padding:12px 36px 10px 26px;text-align:left;transform:rotate(-2.2deg);
 background:var(--tlb-grain),linear-gradient(#efe4c6,#e2d3ab);background-size:260px,auto;box-shadow:0 6px 12px #3b2a1466,0 1px 0 #fff6 inset}
#foreground-content.timeline-book .tlb-choose + .tlb-loose{margin-top:auto}
#foreground-content.timeline-book .tlb-chron > .tlb-loose{display:block;margin:26px 8px 10px auto;transform:rotate(-1.4deg)}
#foreground-content.timeline-book .tlb-clip{position:absolute;left:22px;top:-22px;width:22px;height:48px;fill:none;stroke:#8f8b82;stroke-width:1.7;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #0004)}
#foreground-content.timeline-book .tlb-loose b{display:block;font:500 21px/1.2 Document,serif;color:#2c2819}
#foreground-content.timeline-book .tlb-loose p{white-space:nowrap;margin:3px 0 0;font:italic 15px/1.35 Document,serif;color:#5a5240}
#foreground-content.timeline-book .tlb-loose .tlb-chev{position:absolute;right:16px;top:50%;margin-top:-9px;width:18px;height:18px;color:#5b4a2a}
#foreground-content.timeline-book .tlb-empty-note{margin:60px 40px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;font:italic 18px/1.5 Document,serif;color:var(--ink-soft)}

/* Narrower desktops: the same book, tighter tabs. */
@media (max-width:1379px){
 #foreground-content.timeline-book .tlb-tabs{left:318px;width:calc(100% - 318px - 262px);gap:4px}#foreground-content.timeline-book .tlb-tab{width:62px;height:90px}#foreground-content.timeline-book .tlb-tab[aria-pressed=true]{height:98px}#foreground-content.timeline-book .tlb-tab-name{font-size:12.5px;letter-spacing:-.01em}
 #foreground-content.timeline-book .focus-head h2{font-size:44px}#foreground-content.timeline-book .tlb-sub{font-size:20px;top:68px}
 #foreground-content.timeline-book .tlb-when-ctl{left:auto;right:20px}#foreground-content.timeline-book .tlb-place-wrap{left:auto;right:92px}
}
@media (max-width:1239px){#foreground-content.timeline-book .tlb-tabs{left:250px;width:calc(100% - 250px - 250px)}#foreground-content.timeline-book .tlb-tab{width:56px}#foreground-content.timeline-book .tlb-sub{display:none}}
/* Tablets and phones: one page. Choosing an entry turns to it; Back returns to the same place. */
@media (max-width:1099px){
 #foreground-content.timeline-book .tlb-stage{width:calc(100% - 20px)}
 #foreground-content.timeline-book .focus-head h2{left:6px;top:12px;font-size:36px}
 #foreground-content.timeline-book .focus-head .close-focus{top:10px}#foreground-content.timeline-book .focus-head .context-help{top:18px}
 #foreground-content.timeline-book .tlb-tabs{left:0;right:0;width:auto;top:62px;overflow-x:auto;scrollbar-width:none;padding:8px 6px 0}#foreground-content.timeline-book .tlb-tabs::-webkit-scrollbar{display:none}
 #foreground-content.timeline-book .tlb-tab{flex:none;width:58px;height:78px}#foreground-content.timeline-book .tlb-tab[aria-pressed=true]{height:84px;margin-top:-6px}
 #foreground-content.timeline-book .tlb-when-ctl{left:4px;right:auto;top:152px}#foreground-content.timeline-book .tlb-place-wrap{left:auto;right:4px;top:152px}
 #foreground-content.timeline-book .tlb-plaque{font-size:16px;padding:7px 12px}#foreground-content.timeline-book .tlb-place{font-size:15px;padding:6px 12px}
 #foreground-content.timeline-book .tlb-book{top:200px;bottom:6px}#foreground-content.timeline-book .tlb-pages{inset:10px 10px 12px}
 #foreground-content.timeline-book .tlb-left{width:100%;box-shadow:none}#foreground-content.timeline-book .tlb-fold{display:none}
 #foreground-content.timeline-book .tlb-right{position:absolute;inset:0;width:auto;z-index:6;display:none;padding:14px 12px 0;box-shadow:none}
 #foreground-content.timeline-book .tlb-reading .tlb-right{display:flex}#foreground-content.timeline-book .tlb-reading .tlb-left{visibility:hidden}
 #foreground-content.timeline-book .tlb-back{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 10px;font:15px Document,serif;color:#2f2a1d}
 #foreground-content.timeline-book .tlb-close{display:none!important}
 #foreground-content.timeline-book .tlb-leaf{padding:14px 16px 16px}
 #foreground-content.timeline-book .tlb-chron{padding:8px 12px 30px 4px}
 #foreground-content.timeline-book .tlb-rows:before{left:104px}
 #foreground-content.timeline-book .tlb-row{grid-template-columns:86px 36px 1fr}
 #foreground-content.timeline-book .tlb-t{font-size:16px}#foreground-content.timeline-book .tlb-approx .tlb-t,#foreground-content.timeline-book .tlb-dated .tlb-t{font-size:15px}
 #foreground-content.timeline-book .tlb-what{padding-right:14px}#foreground-content.timeline-book .tlb-line{font-size:16px}#foreground-content.timeline-book .tlb-meta{font-size:14px;gap:6px 16px}
 #foreground-content.timeline-book .tlb-bracket{left:92px}
 #foreground-content.timeline-book .tlb-date span{margin-left:0;font-size:18px}
 #foreground-content.timeline-book .tlb-rowchev{display:none!important}
}
@media (max-width:640px){
 #foreground-content.timeline-book .tlb-row{grid-template-columns:64px 28px 1fr}#foreground-content.timeline-book .tlb-rows:before{left:77px}#foreground-content.timeline-book .tlb-bracket{left:66px}
 #foreground-content.timeline-book .tlb-t{font-size:14px}#foreground-content.timeline-book .tlb-approx .tlb-t,#foreground-content.timeline-book .tlb-dated .tlb-t{font-size:13.5px}
 #foreground-content.timeline-book .tlb-lhead{flex-direction:column;gap:4px}
 #foreground-content.timeline-book .tlb-from{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){#foreground-content.timeline-book .tlb-loose,#foreground-content.timeline-book .tlb-menu{transform:none}}
@media (forced-colors:active){#foreground-content.timeline-book .tlb-mk:before{forced-color-adjust:none;border:2px solid CanvasText}#foreground-content.timeline-book .tlb-row.tlb-sel{outline:2px solid Highlight}}

/* The Timeline's object on the desk (restored unchanged from the earlier Timeline stylesheet). */
.timeline-strip i{inset:10px 0 4px;background:linear-gradient(90deg,transparent 0 16%,#8c7f5c 16% 16.8%,transparent 16.8%),repeating-linear-gradient(0deg,transparent 0 13px,#9b89692a 14px 15px),#e6dcc2;border:1px solid #b5a57f;box-shadow:2px 3px #b5a383,4px 5px #ded2b6;transform:rotate(3deg)}
.timeline-strip i:before{content:'';position:absolute;left:10%;top:14px;bottom:10px;width:10%;background:repeating-linear-gradient(0deg,#6d5f3f 0 1.5px,transparent 1.5px 14px)}
.timeline-strip i:after{content:'';position:absolute;left:12.5%;top:26px;width:9px;height:9px;border-radius:50%;background:#294c3c;box-shadow:0 28px 0 -1px #eadfc5,0 28px 0 0 #6f5d33}
.timeline-strip span{color:#293b2f;transform:rotate(3deg);left:22%!important}
.at-the-hotel .desk-tools .timeline-strip[aria-current=page] span{color:#1c2f25}
@media(max-width:900px){.at-the-hotel .desk-tools .timeline-strip span{left:0!important;right:0;transform:none}}
@media(forced-colors:active){
 .timeline-strip i{background:Canvas!important;border:1px solid CanvasText}
}
/* No approved portrait: a plain outline, never initials (P0, 29 September 2026). */
#foreground-content.timeline-book .tlb-face.tlb-noface{display:inline-grid;place-items:center;background:#ddd0af;box-shadow:0 0 0 1px #a8977091}
#foreground-content.timeline-book .tlb-noface svg{width:70%;height:70%;fill:none;stroke:#7d7058;stroke-width:1.5;stroke-linecap:round}
#foreground-content.timeline-book .tlb-glyph.tlb-noface svg{width:46%;height:46%;stroke:#a79c80}
#foreground-content.timeline-book .tlb-lpeople .tlb-who small.tlb-castrole{font-style:normal;color:var(--ink-soft,#5d5140)}

/* Market-readiness pass, 29 September 2026. Loaded after every other layer, including timeline.css; it never styles
   the Timeline book (#foreground-content.timeline-book). Presentation only: no behaviour lives here. */

/* 1 · Hotel ------------------------------------------------------------------------------------------------------ */
/* The objects that can be looked at closely carry no visible mark. Their hit areas stay exactly where they were: a
   press, a double-click or the Look closer list still reaches them. A keyboard player who tabs onto one sees a ring on
   the one they reached, and only that one. */
.hotel3d-hotspot{opacity:1!important;transition:none!important}
.hotel3d-hotspot .hotspot-mark{visibility:hidden}
.hotel3d-hotspot:focus-visible .hotspot-mark{visibility:visible;border:1.5px solid #e4cf97;background:#0b1a16b8;box-shadow:0 0 0 3px #0b1a1666}
.hotel3d-hotspot:focus-visible{outline:none}
/* The room heading stays readable over pale walls and ceilings: a soft dark halo, no panel. */
.at-the-hotel .hotel-caption{text-shadow:0 1px 2px #000e,0 0 10px #000d,0 0 22px #000a!important}
/* The corner Findings list is gone; nothing takes its place. */
#hotel-work{display:none!important}

/* 2 · Board: the ••• options ------------------------------------------------------------------------------------ */
/* The ••• keeps its place in the header row whether the options are open or not. The options are a paper slip that
   drops from it over the Board, so nothing under it moves. */
.v4-board .board-menu,.v4-board .board-menu[open]{position:relative!important;inset:auto!important;z-index:30;background:none!important;box-shadow:none!important;margin:0}
.v4-board .board-menu>summary,.v4-board .board-menu[open]>summary{color:#e0d2ad!important;background:none!important}
.v4-board .board-menu[open]>summary{border-bottom-color:var(--d-brass-2)}
.v4-board .board-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:flex;flex-direction:column;min-width:236px;max-width:calc(100vw - 24px);padding:6px 0;
 background:var(--d-grain),linear-gradient(#f6eed8,#eadcb7);background-size:260px,auto;border-radius:2px;box-shadow:0 1px 0 #fff8 inset,0 0 0 1px #b39a63,0 14px 30px #000b}
.v4-board .board-menu-panel:before{content:'';position:absolute;top:-6px;right:18px;width:11px;height:11px;background:#f6eed8;transform:rotate(45deg);box-shadow:-1px -1px 0 #b39a63}
.v4-board .board-menu.opens-right .board-menu-panel{right:auto;left:0}
.v4-board .board-menu.opens-right .board-menu-panel:before{right:auto;left:18px}
.v4-board .board-menu-panel>button{position:static!important;display:block;width:100%;min-width:0!important;min-height:44px;margin:0!important;padding:11px 20px!important;text-align:left;white-space:nowrap;
 font:16px/1.25 Document,Georgia,serif!important;color:#2c2819!important;background:none!important;border:0!important;border-top:1px solid #cdb98a99!important;border-radius:0!important;box-shadow:none!important}
.v4-board .board-menu-panel>button:first-child{border-top:0!important}
.v4-board .board-menu-panel>button:hover,.v4-board .board-menu-panel>button:focus-visible{background:#dcc99a66!important;color:#1d1a10!important}
.v4-board .board-menu-panel>button:focus-visible{outline:2px solid #6b4a1e;outline-offset:-3px}
.v4-board .board-menu-panel>button:disabled{color:#8a7f66!important}
@media (forced-colors:active){.v4-board .board-menu-panel{background:Canvas;border:1px solid CanvasText}.v4-board .board-menu-panel:before{display:none}.v4-board .board-menu-panel>button{color:ButtonText!important;border-top-color:CanvasText!important}}

/* 3 · Portraits: the source is 4:5 and every frame shows it at 4:5, cropped, never squeezed ------------------------- */
.v4-portrait{box-sizing:content-box!important;width:44px!important;height:55px!important;object-fit:cover!important;object-position:50% 30%}
#foreground-content.people-sheet .person-reference img{box-sizing:content-box!important;width:56px!important;height:70px!important;object-fit:cover!important;object-position:50% 30%}
@media(max-width:600px){#foreground-content.people-sheet .person-reference img{width:48px!important;height:60px!important}}
#foreground-content.person-sheet .profile-portrait{height:auto!important;aspect-ratio:auto!important}

/* 4 · Cards on the Board: the same cream card stock as the Cards folio ------------------------------------------ */
/* Heavy card with a stacked edge and an inset rule: the player's own thinking. Findings stay thin flat slips and people
   stay mounted photographs, so the three never read as one another on the cork. */
.v4-tile.reasoning{background:var(--d-grain),linear-gradient(172deg,#eee0bb,#e0cb99 62%,#d3bb85)!important;background-size:260px,auto!important;color:#2c2819!important;
 border:0!important;border-radius:3px!important;outline:1.5px solid #9c7f4bcc;outline-offset:-9px;
 box-shadow:0 1px 0 #fff8 inset,0 -2px 0 #b9a36f inset,2px 3px 0 #cdb98a,4px 6px 0 #a88c5a,3px 14px 22px #2a1707a6!important}
.v4-tile.reasoning.selected{outline:2px solid #6b4a1e!important;outline-offset:3px}
.v4-tile.reasoning .item-open{color:#2c2819!important}
.v4-tile.reasoning .card-kicker{color:#7a5f2c!important}
.v4-tile.reasoning button:not(.item-open):not(.thread-pin):not(.move-item),.v4-tile.reasoning .mobile-order summary{color:var(--d-link)!important;text-decoration-color:#5a6e5f99!important}
.v4-tile.reasoning .select-item{color:var(--d-ink-soft)!important}
.v4-tile.reasoning .connection-name{color:var(--d-link)!important}
.v4-tile.reasoning .tile-warning{color:#8a4b12!important}
@media (forced-colors:active){.v4-tile.reasoning{background:Canvas!important;color:CanvasText!important;outline-color:CanvasText}}

/* 5 · The dock's Case report envelope: a buff envelope with its flap shut under a red seal and a typed label ---------- */
.desk-tools .account-envelope i{inset:14px -8px 1px;border:1px solid #9d7f4c;border-radius:2px;
 background:
  linear-gradient(transparent,transparent),
  linear-gradient(to bottom left,#fff2cc26 49.4%,#5a3c1a8c 50%,#5a3c1a2e 52%,transparent 55%) 0 0/50.2% 56% no-repeat,
  linear-gradient(to bottom right,#fff2cc26 49.4%,#5a3c1a8c 50%,#5a3c1a2e 52%,transparent 55%) 100% 0/50.2% 56% no-repeat,
  var(--d-grain),
  linear-gradient(172deg,#e6cf9d,#d4b77f 58%,#c6a66b);
 background-size:auto,50.2% 56%,50.2% 56%,240px,auto;
 box-shadow:0 1px 0 #fff7 inset,0 -2px 0 #a88a55 inset,2px 3px 0 #b8995f,3px 5px 0 #7c6136}
.desk-tools .account-envelope span{top:auto;bottom:11%;left:50%!important;right:auto!important;width:max-content;transform:translateX(-50%);padding:2px 9px 1px;
 font:600 11.5px/1.3 Document,Georgia,serif!important;letter-spacing:.14em;text-transform:uppercase;color:#2f2413!important;background:#f5ecd4;box-shadow:0 0 0 1px #a88a55,0 1px 0 #fff8 inset}
.desk-tools .account-envelope[aria-current=page] i{box-shadow:0 1px 0 #fff7 inset,0 -2px 0 #a88a55 inset,2px 3px 0 #b8995f,3px 5px 0 #7c6136,0 0 0 2px #e4cf97}
@media (forced-colors:active){.desk-tools .account-envelope i{background:Canvas!important;border:1px solid CanvasText}.desk-tools .account-envelope span{background:Canvas;color:CanvasText!important;box-shadow:0 0 0 1px CanvasText}}

@media (max-width:900px){.desk-tools .account-envelope span{font-size:9px!important;letter-spacing:.06em;padding:1px 5px 0}}

/* 6 · The dock on a phone: two rows of four objects and the sound control, inside the same height as before --------- */
@media (max-width:600px){
 .at-the-hotel .desk-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 38px;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px 9px!important;align-items:stretch;justify-content:stretch;
  padding:9px 10px calc(8px + env(safe-area-inset-bottom))!important}
 .at-the-hotel .desk-tools #sensory-sound{grid-column:5;grid-row:1/3;align-self:center;justify-self:center;width:38px;height:38px;padding:6px;margin:0}
 .at-the-hotel .desk-tools .desk-object{width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;zoom:1!important;transform:none!important;translate:none!important}
 .at-the-hotel .desk-tools .desk-object[aria-current=page]{transform:none!important;outline:2px solid #e4cf97;outline-offset:1px}
 .at-the-hotel .desk-tools .desk-object i{inset:0!important;transform:none!important}
 .at-the-hotel .desk-tools .desk-object span{top:50%!important;bottom:auto!important;left:0!important;right:0!important;transform:translateY(-50%)!important;width:auto;padding:0 3px!important;
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:12.5px!important;line-height:1.1!important;letter-spacing:0!important;background:none!important;box-shadow:none!important}
 /* Hotel and People keep their drawings, small, beside the name */
 .at-the-hotel .desk-tools .hotel-miniature i svg,.at-the-hotel .desk-tools .people-register-object i svg{position:absolute!important;left:4px!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important;width:34%!important;height:auto!important;max-height:70%!important;margin:0!important}
 .at-the-hotel .desk-tools .people-register-object i svg{width:24%!important}
 .at-the-hotel .desk-tools .hotel-miniature span{left:38%!important;text-align:left}
 .at-the-hotel .desk-tools .people-register-object span{left:30%!important;text-align:left}
 .at-the-hotel .desk-tools .people-register-object i{box-shadow:1px 1px #b2a48a,2px 2px #e1d8c3}
 .at-the-hotel .desk-tools .small-file i:before{top:-5px;height:6px;width:40%}
 .at-the-hotel .desk-tools .small-file span{font-size:11px!important}
 .at-the-hotel .desk-tools .finding-bundle i{box-shadow:1px 1px #b5a383,2px 2px #ded2b6}
 .at-the-hotel .desk-tools .finding-bundle i:before{left:6px;top:-7px;width:7px;height:17px}
 .at-the-hotel .desk-tools .finding-bundle i:after{display:none}
 .at-the-hotel .desk-tools .thought-stack i{border-top-width:2px;box-shadow:1px 1px #354d38,2px 2px #92a07c}
 .at-the-hotel .desk-tools .thought-stack i:after{inset:7px 8px}
 .at-the-hotel .desk-tools .thought-stack span{font-size:16px!important}
 .at-the-hotel .desk-tools .leather-folio i{border-left-width:4px;box-shadow:1px 1px #bdb392,2px 2px #172a20}
 .at-the-hotel .desk-tools .leather-folio i:after{inset:3px}
 .at-the-hotel .desk-tools .leather-folio span{font-size:12.5px!important}
 .at-the-hotel .desk-tools .timeline-strip i{box-shadow:1px 1px #b5a383,2px 2px #ded2b6}
 .at-the-hotel .desk-tools .timeline-strip i:before{top:6px;bottom:6px}
 .at-the-hotel .desk-tools .timeline-strip i:after{top:calc(50% - 4px);width:7px;height:7px;box-shadow:none}
 .at-the-hotel .desk-tools .timeline-strip span{left:24%!important;text-align:left}
 .at-the-hotel .desk-tools .account-envelope i{background-size:auto,50.2% 56%,50.2% 56%,160px,auto;box-shadow:0 1px 0 #fff7 inset,1px 1px 0 #b8995f,2px 2px 0 #7c6136}
 .at-the-hotel .desk-tools .account-envelope span{top:auto!important;bottom:4px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content;
  font-size:10.5px!important;letter-spacing:0!important;text-transform:none!important;padding:0 5px!important;background:#f5ecd4!important;box-shadow:0 0 0 1px #a88a55!important}
 .at-the-hotel .desk-tools .account-envelope i{background:
  linear-gradient(transparent,transparent),
  linear-gradient(to bottom left,#fff2cc26 49.4%,#5a3c1a8c 50%,#5a3c1a2e 52%,transparent 55%) 0 0/50.2% 52% no-repeat,
  linear-gradient(to bottom right,#fff2cc26 49.4%,#5a3c1a8c 50%,#5a3c1a2e 52%,transparent 55%) 100% 0/50.2% 52% no-repeat,
  var(--d-grain),linear-gradient(172deg,#e6cf9d,#d4b77f 58%,#c6a66b);background-size:auto,50.2% 52%,50.2% 52%,160px,auto}
}
@media (max-width:359px){
 .at-the-hotel .desk-tools{gap:6px 6px!important;padding-left:6px!important;padding-right:6px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 32px}
 .at-the-hotel .desk-tools #sensory-sound{width:32px;height:32px;padding:4px}
 .at-the-hotel .desk-tools .desk-object span{font-size:11.5px!important}
 .at-the-hotel .desk-tools .small-file span{font-size:9.5px!important;padding:0 1px!important}
 .at-the-hotel .desk-tools .timeline-strip i:before{left:5%}
 .at-the-hotel .desk-tools .timeline-strip i:after{left:6.5%}
 .at-the-hotel .desk-tools .timeline-strip span{left:23%!important}
 .at-the-hotel .desk-tools .account-envelope span{font-size:9.5px!important}
}

/* Terms of sale and Privacy notice: one quiet line at the foot of Help and Saved work. */
#foreground .legal-links{margin:22px 0 0;padding-top:12px;border-top:1px solid #9d8b6240;font-size:13px;color:#6b5f48}
#foreground .legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* The Card's Delete, apart from its actions at the foot of the sheet (the actions moved into the top row). */
#foreground-content.card-opened .card-delete{margin:34px 0 0;padding-top:14px;border-top:1px solid #d7bb7c33}
html body #foreground-content.card-opened .card-delete .text-button{font-size:14px;color:#c9b99a!important;opacity:.85}
@media(max-width:760px){.card-actions{gap:12px 20px}}

/* Expanded Board: the top bar and the desk bar step aside; the Board takes the window. */
.at-the-hotel.board-expanded:has(#case-surface.v4-board) .masthead,.at-the-hotel.board-expanded:has(#case-surface.v4-board) .surface-nav{display:none!important}
.at-the-hotel.board-expanded #case-surface.v4-board{top:calc(var(--visible-top) + 10px);height:calc(var(--visible-height) - 20px);bottom:auto}

/* The Case report seal is the trailer's wax H seal (Founder, 29 Sep 2026): an irregular poured edge, a pressed disc with
   a double ring and a raised serif H, drawn from the trailer's own shapes and colours (marketing/trailer/film2.html). It
   replaces the plain red dot, sitting where the dot sat, over the flap's point. */
.desk-tools .account-envelope i::after{content:"";position:absolute;left:48%;top:53%;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-122 -122 244 244'%3E %3Cdefs%3E%3CradialGradient id='w' cx='38%25' cy='32%25' r='78%25'%3E%3Cstop offset='0' stop-color='%23c8452e'/%3E%3Cstop offset='.5' stop-color='%239a2617'/%3E%3Cstop offset='1' stop-color='%235c120a'/%3E%3C/radialGradient%3E %3CradialGradient id='p' cx='42%25' cy='38%25' r='70%25'%3E%3Cstop offset='0' stop-color='%23a02a19'/%3E%3Cstop offset='1' stop-color='%236e170d'/%3E%3C/radialGradient%3E %3CradialGradient id='g' cx='34%25' cy='28%25' r='45%25'%3E%3Cstop offset='0' stop-color='%23ffd6c6' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23ffd6c6' stop-opacity='0'/%3E%3C/radialGradient%3E %3CclipPath id='d'%3E%3Ccircle r='84'/%3E%3C/clipPath%3E%3C/defs%3E %3Cpath d='M113.0 0.0L114.1 7.5L112.1 14.8L108.3 21.5L105.3 28.2L104.5 35.5L104.4 43.2L102.2 50.4L96.2 55.5L87.8 58.6L79.5 61.0L73.2 64.2L68.3 68.3L63.5 72.5L58.4 76.1L53.4 79.9L48.9 84.6L44.3 89.8L38.8 93.7L32.2 94.9L25.4 94.7L19.0 95.7L13.1 99.6L6.9 105.2L0.0 109.2L-7.2 109.2L-14.0 106.1L-20.4 102.4L-26.7 99.8L-33.3 98.0L-39.6 95.7L-45.7 92.7L-52.0 90.1L-59.1 88.4L-66.6 86.8L-73.1 83.4L-77.3 77.3L-79.9 70.0L-82.9 63.6L-88.3 59.0L-95.2 54.9L-101.0 49.8L-103.6 42.9L-103.2 35.0L-101.8 27.3L-100.7 20.0L-99.6 13.1L-97.6 6.4L-95.0 0.0L-93.5 -6.1L-94.1 -12.4L-95.7 -19.0L-95.7 -25.6L-92.5 -31.4L-87.8 -36.3L-84.4 -41.6L-83.9 -48.5L-85.2 -56.9L-85.5 -65.6L-83.2 -73.0L-78.8 -78.8L-73.6 -83.9L-68.2 -88.9L-62.2 -93.0L-55.1 -95.5L-47.7 -96.7L-40.8 -98.5L-34.6 -102.0L-28.5 -106.2L-21.5 -108.3L-14.0 -106.6L-6.7 -102.3L-0.0 -98.8L6.4 -98.3L13.2 -100.1L20.2 -101.6L27.1 -101.1L33.6 -99.0L40.0 -96.5L46.3 -93.9L52.0 -90.1L56.5 -84.5L60.0 -78.2L64.0 -73.0L69.7 -69.7L76.5 -67.1L82.1 -63.0L84.7 -56.6L85.0 -49.1L85.6 -42.2L88.6 -36.7L93.7 -31.8L99.1 -26.6L103.3 -20.5L106.6 -14.0L110.0 -7.2Z' fill='url%28%23w%29'/%3E%3Cpath d='M113.0 0.0L114.1 7.5L112.1 14.8L108.3 21.5L105.3 28.2L104.5 35.5L104.4 43.2L102.2 50.4L96.2 55.5L87.8 58.6L79.5 61.0L73.2 64.2L68.3 68.3L63.5 72.5L58.4 76.1L53.4 79.9L48.9 84.6L44.3 89.8L38.8 93.7L32.2 94.9L25.4 94.7L19.0 95.7L13.1 99.6L6.9 105.2L0.0 109.2L-7.2 109.2L-14.0 106.1L-20.4 102.4L-26.7 99.8L-33.3 98.0L-39.6 95.7L-45.7 92.7L-52.0 90.1L-59.1 88.4L-66.6 86.8L-73.1 83.4L-77.3 77.3L-79.9 70.0L-82.9 63.6L-88.3 59.0L-95.2 54.9L-101.0 49.8L-103.6 42.9L-103.2 35.0L-101.8 27.3L-100.7 20.0L-99.6 13.1L-97.6 6.4L-95.0 0.0L-93.5 -6.1L-94.1 -12.4L-95.7 -19.0L-95.7 -25.6L-92.5 -31.4L-87.8 -36.3L-84.4 -41.6L-83.9 -48.5L-85.2 -56.9L-85.5 -65.6L-83.2 -73.0L-78.8 -78.8L-73.6 -83.9L-68.2 -88.9L-62.2 -93.0L-55.1 -95.5L-47.7 -96.7L-40.8 -98.5L-34.6 -102.0L-28.5 -106.2L-21.5 -108.3L-14.0 -106.6L-6.7 -102.3L-0.0 -98.8L6.4 -98.3L13.2 -100.1L20.2 -101.6L27.1 -101.1L33.6 -99.0L40.0 -96.5L46.3 -93.9L52.0 -90.1L56.5 -84.5L60.0 -78.2L64.0 -73.0L69.7 -69.7L76.5 -67.1L82.1 -63.0L84.7 -56.6L85.0 -49.1L85.6 -42.2L88.6 -36.7L93.7 -31.8L99.1 -26.6L103.3 -20.5L106.6 -14.0L110.0 -7.2Z' fill='url%28%23g%29'/%3E %3Ccircle r='84' fill='url%28%23p%29'/%3E %3Cg clip-path='url%28%23d%29' fill='none' stroke-width='7'%3E%3Ccircle r='84' cx='4' cy='4' stroke='%232e0703' stroke-opacity='.85'/%3E%3Ccircle r='84' cx='-4' cy='-4' stroke='%23d9664c' stroke-opacity='.55'/%3E%3C/g%3E %3Cg fill='none'%3E%3Cg transform='translate%282.2 2.2%29' stroke='%233a0904' stroke-opacity='.9'%3E%3Ccircle r='68' stroke-width='3.2'/%3E%3Ccircle r='61' stroke-width='1.4'/%3E%3C/g%3E %3Cg transform='translate%28-1.6 -1.6%29' stroke='%23e57a5f' stroke-opacity='.75'%3E%3Ccircle r='68' stroke-width='3.2'/%3E%3Ccircle r='61' stroke-width='1.4'/%3E%3C/g%3E %3Cg stroke='%239c2818'%3E%3Ccircle r='68' stroke-width='3.2'/%3E%3Ccircle r='61' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E %3Cpath transform='translate%282.4 2.4%29' d='M-29 -32h11v64h-11zM18 -32h11v64h-11zM-18 -5h36v10h-36zM-37 -38h26v7h-26zM11 -38h26v7h-26zM-37 31h26v7h-26zM11 31h26v7h-26z' fill='%233a0904' fill-opacity='.9'/%3E%3Cpath transform='translate%28-1.8 -1.8%29' d='M-29 -32h11v64h-11zM18 -32h11v64h-11zM-18 -5h36v10h-36zM-37 -38h26v7h-26zM11 -38h26v7h-26zM-37 31h26v7h-26zM11 31h26v7h-26z' fill='%23e8806a' fill-opacity='.8'/%3E%3Cpath d='M-29 -32h11v64h-11zM18 -32h11v64h-11zM-18 -5h36v10h-36zM-37 -38h26v7h-26zM11 -38h26v7h-26zM-37 31h26v7h-26zM11 31h26v7h-26z' fill='%23a52c1a'/%3E %3C/svg%3E") center/contain no-repeat;filter:drop-shadow(1px 2px 1.5px #1a0a0473)}
@media (max-width:600px){.at-the-hotel .desk-tools .account-envelope i::after{top:38%;width:21px;height:21px}}
@media (forced-colors:active){.desk-tools .account-envelope i::after{forced-color-adjust:none}}

/* Compact Board fronts (Founder, 29 Sep 2026; V4 §5.1). A Card shows its thought in three lines at reading size and one
   quiet line of support; a Finding its title in three lines and its source and place in one line each. Depth is on
   demand: the thought or title opens the whole item. */
html .v4-board .v4-tile.reasoning{min-height:0;max-height:none;padding:16px 18px 12px}
@media(min-width:901px){html .v4-board .v4-tile.reasoning{width:260px}html .v4-board .v4-tile.finding{width:210px}}
html .v4-board .v4-tile.reasoning .card-kicker{font-size:13px!important;margin:0 0 6px!important}
html .v4-board .v4-tile.reasoning .item-open{font:calc(19px * var(--reading-scale,1))/1.3 Halcyon,Georgia,serif!important;-webkit-line-clamp:3}
html .v4-board .v4-tile.reasoning .tile-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-top:10px}
html .v4-board .v4-tile.reasoning .tile-meta button{font:13px/1.35 Document,Georgia,serif!important;padding:2px 0;min-height:0;margin:0;white-space:nowrap}
html .v4-board .v4-tile.reasoning .tile-warning{font-size:12.5px;margin:6px 0 0}
html .v4-board .v4-tile.finding{min-height:0;padding:16px 16px 12px}
html .v4-board .v4-tile.finding .item-open{font:500 calc(17px * var(--reading-scale,1))/1.25 Halcyon,Georgia,serif!important;-webkit-line-clamp:3}
html .v4-board .v4-tile.finding .tile-source,html .v4-board .v4-tile.finding .tile-context{font-size:13px!important;-webkit-line-clamp:1;margin-top:6px}
html .v4-board .v4-tile .select-item{font-size:12.5px}
html .v4-board .v4-tile .tile-connections .connection-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}

/* Thread labels sit on their own red thread (board-ui drawThreads), clear of every item. Pointing at a thread or a label
   lights that thread, its label and its two ends, and quiets the rest. */
.v4-board .v4-wire-labels g{pointer-events:auto;cursor:pointer}
.v4-board .v4-wire-labels .thread-tag{stroke-width:1.6}
.v4-board .v4-wire-labels .thread-leader{stroke:#a3281f;stroke-width:1.4;stroke-dasharray:3 3}
.v4-board .v4-wire-labels .thread-knot{fill:#a3281f}
.v4-board .v4-canvas.thread-lighting .v4-wires .thread-stroke:not(.lit),.v4-board .v4-canvas.thread-lighting .v4-wire-labels g:not(.lit){opacity:.3;transition:opacity .15s}
.v4-board .v4-canvas .v4-wires .thread-stroke.lit:not(.support-stroke){stroke:#cf4536;stroke-width:3.8}
.v4-board .v4-canvas .v4-wires .thread-stroke.lit.support-stroke{stroke:#2a140c;stroke-width:2.4}
.v4-board .v4-wire-labels g.lit .thread-tag{stroke:#cf4536;stroke-width:2.2}
.v4-board .v4-tile.thread-end-lit{outline:2px solid #cf4536;outline-offset:3px}
@media (forced-colors:active){.v4-board .v4-wire-labels .thread-leader{stroke:CanvasText}.v4-board .v4-wire-labels .thread-knot{fill:CanvasText}.v4-board .v4-tile.thread-end-lit{outline-color:Highlight}}


html .v4-board .v4-tile.reasoning .tile-with{flex:1 0 100%;display:flex;align-items:baseline;gap:10px}
html .v4-board .v4-tile.reasoning .tile-with span{font:italic 13px/1.35 Document,Georgia,serif;opacity:.75}

/* ---- Board header, frame and floating panels (Founder, 29 Sep 2026) -------------------------------------------------
   One header bar that never changes height: the sheet's name, a message slot whose words change with what you are doing,
   and the tools (Add from my work, New Card, Focus, Connect, •••, then Expand and ×). Every control is 36 px tall on one
   baseline; New Card is the only filled button. Wide screens hold it in one 56 px row; narrower desktops give the slot
   its own fixed row under the tools; a phone uses three fixed rows. Nothing is ever added above the sheet: the connection
   panel, the Focus box, the empty-sheet note and the zoom control float inside the frame. Palette unchanged. */
.at-the-hotel #case-surface.v4-board{padding-top:6px}
html body #case-surface.v4-board .v4-board-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"name slot tools close";align-items:center;column-gap:20px;height:56px;min-height:0;margin:0;padding:0 0 10px;box-sizing:content-box}
html body #case-surface.v4-board .v4-board-head .sheet-switch{grid-area:name;font-size:26px;line-height:36px;min-height:36px;max-width:340px;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #case-surface.v4-board .board-slot{grid-area:slot;display:flex;align-items:center;gap:18px;min-width:0;height:36px;margin:0;padding:0;overflow:hidden;box-sizing:border-box;background:none;border:0}
html body #case-surface.v4-board .board-slot>p{flex:0 1 auto;min-width:0;margin:0;font-size:14px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #case-surface.v4-board .board-slot.board-selection:not(.board-selection-idle)>p{flex:0 0 auto;font-style:italic;opacity:.72}
html body #case-surface.v4-board .board-slot.board-inline>p,html body #case-surface.v4-board .board-slot.focus-drawing>p{opacity:1;color:#ead9ae;font-style:italic}
html body #case-surface.v4-board .board-actions{grid-area:tools;display:flex;align-items:center;gap:20px;margin:0;flex-wrap:nowrap}
html body #case-surface.v4-board .board-divider{grid-area:divider;width:1px;height:24px;background:#c7ad6a44}
html body #case-surface.v4-board .v4-board-head .board-expand{grid-area:expand}
html body #case-surface.v4-board .v4-board-head .close-board{grid-area:close;width:36px;justify-content:center;font-size:24px}
html body #case-surface.v4-board .v4-board-head :is(.text-button,.brass-button,button,summary){box-sizing:border-box;height:36px;min-height:36px;margin:0;display:inline-flex;align-items:center;white-space:nowrap;font-size:16px;line-height:1}
html body #case-surface.v4-board .v4-board-head .text-button,html body #case-surface.v4-board .v4-board-head .board-slot button,html body #case-surface.v4-board .v4-board-head summary{padding:0 1px}
html body #case-surface.v4-board .v4-board-head .brass-button{padding:0 18px}
html body #case-surface.v4-board .board-slot :is(button,summary){font-size:15px}
html body #case-surface.v4-board .board-menu,html body #case-surface.v4-board .selection-more{position:relative;margin:0}
html body #case-surface.v4-board .selection-more>summary{list-style:none;cursor:pointer}
html body #case-surface.v4-board .selection-more>summary::-webkit-details-marker{display:none}
html body #case-surface.v4-board .selection-more>summary::after{content:"⌄";margin-left:6px;font-size:14px;transform:translateY(-3px)}
html body #case-surface.v4-board .board-slot:has(.selection-more[open]){overflow:visible}
html body #case-surface.v4-board .selection-more-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:240px;padding:6px 0;background:#efe3c3;border:1px solid #b89e67;border-radius:3px;box-shadow:0 10px 26px #0009}
html body #case-surface.v4-board .selection-more-panel button{display:block;width:100%;height:auto;min-height:0;padding:10px 16px!important;text-align:left;font:16px/1.25 Document,Georgia,serif!important;color:#2c2819!important;background:none;border:0;border-top:1px solid #c9b58a66}
html body #case-surface.v4-board .selection-more-panel button:first-child{border-top:0}
html body #case-surface.v4-board .selection-more-panel button:hover,html body #case-surface.v4-board .selection-more-panel button:focus-visible{background:#dcc99a66}
/* The frame holds the sheet and everything that floats over it. */
html body #case-surface.v4-board .v4-board-frame{position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column}
html body #case-surface.v4-board .v4-board-frame>.v4-board-scroll{flex:1 1 0;min-height:0}
html body #case-surface.v4-board .v4-board-frame>.board-empty{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);margin:0;text-align:center;pointer-events:none}
/* Zoom control: set into the frame's inner corner with the header's height, type and colours. */
html body #case-surface.v4-board .board-zoom{position:absolute;right:20px;bottom:20px;z-index:24;display:flex;align-items:center;height:36px;padding:0 4px;gap:0;background:#0f2019f0;border:1px solid #c7ad6a66;border-radius:3px;box-shadow:0 6px 16px #0008}
html body #case-surface.v4-board .board-zoom button{height:34px;min-width:36px;margin:0;padding:0 10px;background:none;border:0;border-radius:2px;color:#ead9ae;font:16px/1 Document,Georgia,serif;cursor:pointer;box-shadow:none}
html body #case-surface.v4-board .board-zoom button:hover:not(:disabled),html body #case-surface.v4-board .board-zoom button:focus-visible{background:#ffffff14}
html body #case-surface.v4-board .board-zoom button:disabled{opacity:.35;cursor:default}
html body #case-surface.v4-board .board-zoom .zoom-level{min-width:60px;font-size:15px;font-variant-numeric:tabular-nums}
html body #case-surface.v4-board .board-zoom .zoom-whole{margin-left:4px;padding:0 14px;border-left:1px solid #c7ad6a44;border-radius:0;font-size:15px}
html body #case-surface.v4-board .v4-zoom{position:relative;margin:0 auto}
html body #case-surface.v4-board .v4-zoom>.v4-canvas{transform-origin:0 0;margin:0;max-width:none}
/* The connection panel: small, dark, beside its thread. */
html body #case-surface.v4-board .thread-pop{position:absolute;z-index:26;width:420px;max-width:calc(100% - 20px);box-sizing:border-box;margin:0;padding:12px 14px 10px;display:flex;flex-direction:column;gap:10px;background:#0f2019f5;border:1px solid #c7ad6a80;border-radius:3px;box-shadow:0 12px 30px #000a}
html body #case-surface.v4-board .thread-pop{align-items:stretch;flex-wrap:nowrap}
html body #case-surface.v4-board .thread-pop>*{flex:0 0 auto;min-width:0;width:100%}
html body #case-surface.v4-board .thread-pop .thread-endpoints{display:flex;align-items:center;gap:10px;min-width:0;margin:0;flex-basis:auto}
html body #case-surface.v4-board .thread-pop .thread-endpoints button{flex:0 1 auto;display:block;min-width:0;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;padding:0;min-height:28px}
html body #case-surface.v4-board .thread-pop .thread-endpoints span{opacity:.7}
html body #case-surface.v4-board .thread-pop .thread-close{margin-left:auto!important;max-width:none!important;width:30px;height:28px;justify-content:center;font-size:22px!important;text-decoration:none}
html body #case-surface.v4-board .thread-pop .thread-name-row{display:flex;gap:10px;align-items:center}
html body #case-surface.v4-board .thread-pop .thread-name-row input{flex:1 1 auto;min-width:0;height:38px;margin:0;padding:0 12px;font-size:15px;box-sizing:border-box}
html body #case-surface.v4-board .thread-pop .thread-name-row .brass-button{height:38px;min-height:38px;padding:0 16px;margin:0;white-space:nowrap}
html body #case-surface.v4-board .thread-pop .thread-more{display:flex;gap:20px}
html body #case-surface.v4-board .thread-pop .thread-more button{font-size:14px;min-height:30px;padding:0;margin:0}
/* Focus: the box being drawn, with the rest of the sheet dimmed as in a screen capture. */
html body #case-surface.v4-board .focus-draw-layer{position:absolute;inset:0;z-index:22;cursor:crosshair;overflow:hidden;touch-action:none;background:#0a14100f}
html body #case-surface.v4-board .focus-box{position:absolute;display:none;box-sizing:border-box;border:2px dashed #f0dca4;background:#f0dca414;box-shadow:0 0 0 9999px #08100c59;pointer-events:none}
@media (max-width:1199px){
 html body #case-surface.v4-board .v4-board-head{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:36px 36px;grid-template-areas:"name . tools close" "slot slot slot slot";row-gap:8px;height:80px}
}
@media (max-width:1100px){
 html body #case-surface.v4-board .v4-board-head{column-gap:14px}
 html body #case-surface.v4-board .board-actions{gap:14px}
 html body #case-surface.v4-board .v4-board-head .sheet-switch{font-size:23px;max-width:220px}
}
@media (max-width:900px){html body #case-surface.v4-board .board-zoom{display:none!important}html body #case-surface.v4-board .v4-zoom{width:auto!important;height:auto!important}}
@media (max-width:760px){
 html body #case-surface.v4-board .v4-board-head{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:36px 36px 40px;grid-template-areas:"name expand close" "tools tools tools" "slot slot slot";column-gap:12px;row-gap:6px;height:130px}
 html body #case-surface.v4-board .board-divider{display:none}
 html body #case-surface.v4-board .board-actions{justify-content:space-between;gap:10px}
 html body #case-surface.v4-board .v4-board-head .sheet-switch{font-size:22px;max-width:none}
 html body #case-surface.v4-board .v4-board-head :is(.text-button,.brass-button,button,summary){font-size:14px;height:34px;min-height:34px}
 html body #case-surface.v4-board .v4-board-head .brass-button{padding:0 12px}
 html body #case-surface.v4-board .board-slot{height:40px;gap:12px;overflow-x:auto;scrollbar-width:none}
 html body #case-surface.v4-board .board-slot>p{font-size:12.5px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
 html body #case-surface.v4-board .board-slot :is(button,summary){font-size:13.5px}
 html body #case-surface.v4-board .thread-pop{width:auto;left:10px!important;right:10px}
 .board-expanded html body #case-surface.v4-board .v4-board-head .sheet-switch,html.board-expanded body #case-surface.v4-board .v4-board-head .sheet-switch{font-size:19px}
}
@media (forced-colors:active){html body #case-surface.v4-board .board-zoom,html body #case-surface.v4-board .thread-pop{border-color:CanvasText}html body #case-surface.v4-board .focus-box{border-color:Highlight}}
html body #case-surface.v4-board .v4-board-head .sheet-switch.sheet-switch{font-size:26px;padding:0}
html body #case-surface.v4-board .v4-board-head .close-board.close-board{font-size:26px;padding:0;width:36px;justify-content:center}
@media (max-width:1100px){html body #case-surface.v4-board .v4-board-head .sheet-switch.sheet-switch{font-size:23px}}
@media (max-width:760px){html body #case-surface.v4-board .v4-board-head .sheet-switch.sheet-switch{font-size:22px}}

/* The view strip (looking): Focus, zoom, Whole sheet and Expand, in the frame's corner, one height and one type. */
html body #case-surface.v4-board .board-zoom .zoom-rule{width:1px;height:20px;margin:0 4px;background:#c7ad6a44}
html body #case-surface.v4-board .board-zoom .zoom-whole{margin-left:0;border-left:0;padding:0 12px}
html body #case-surface.v4-board .board-zoom .zoom-focus,html body #case-surface.v4-board .board-zoom .board-expand{padding:0 12px;font-size:15px}
html body #case-surface.v4-board .board-zoom #focus-back{color:#f0dca4}
html body #case-surface.v4-board .board-zoom .board-expand{height:34px;min-height:0;margin:0;border:0;text-decoration:none;display:inline-flex;align-items:center;color:#ead9ae}
@media (max-width:760px){html body #case-surface.v4-board .v4-board-head{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name expand close" "tools tools tools" "slot slot slot"}html body #case-surface.v4-board .v4-board-head .board-expand{grid-area:expand}}
@media (min-width:761px) and (max-width:900px){html body #case-surface.v4-board .v4-board-head{grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"name . tools expand close" "slot slot slot slot slot"}}

/* ---- Cards section (Founder, 29 Sep 2026): one title row with search and New Card, a slim unfinished line, and compact
   Cards four or five to a row. Same card stock, pin and palette; the thought opens the Card. */
html body #foreground-content.cards-collection>.focus-head{display:flex;align-items:center;gap:24px;flex-wrap:nowrap}
html body #foreground-content.cards-collection>.focus-head h2{flex:0 0 auto;margin:0}
html body #foreground-content.cards-collection .cards-tools{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
html body #foreground-content.cards-collection .cards-tools #work-query{flex:0 1 380px;min-width:0;height:38px;margin:0;padding:0 2px;font:italic 16px Document,Georgia,serif}
html body #foreground-content.cards-collection .cards-tools .brass-button{flex:0 0 auto;height:38px;min-height:38px;margin:0;padding:0 18px;display:inline-flex;align-items:center}
html body #foreground-content.cards-collection .card-drafts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:0 0 18px;padding:10px 14px;border:1px dashed #b08d4a88;border-radius:3px;background:#0c1a1433}
html body #foreground-content.cards-collection .card-drafts-label{margin:0;font:italic 14px Document,Georgia,serif;color:#d0bf98}
html body #foreground-content.cards-collection .card-draft{display:inline-flex;align-items:baseline;gap:10px;min-width:0;max-width:100%}
html body #foreground-content.cards-collection .card-draft .resume-draft{display:inline-block;width:auto;max-width:360px;padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:15px Document,Georgia,serif;color:#f2e6c4!important;text-decoration:underline;text-decoration-color:#d7bb7c99;text-underline-offset:4px;background:none!important;border:0!important}
html body #foreground-content.cards-collection .card-draft .discard-draft{font:13px Document,Georgia,serif;color:#c9bc98!important;padding:4px 0;min-height:0}
html body #foreground-content.cards-collection .library-status{margin:0 0 10px}
html body #foreground-content.cards-collection .cards-grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:26px 22px;padding:12px 4px 28px}
html body #foreground-content.cards-collection .reasoning-card{min-height:0;padding:22px 20px 12px;gap:0}
html body #foreground-content.cards-collection .reasoning-card .card-kicker{margin:0 0 8px!important;font-size:13.5px!important;color:#8a4b12!important}
html body #foreground-content.cards-collection .reasoning-card .card-front-thought{font:calc(19px * var(--reading-scale,1))/1.35 Halcyon,Georgia,serif!important;-webkit-line-clamp:4;min-height:calc(19px * var(--reading-scale,1) * 1.35 * 2);margin:0 0 14px;cursor:pointer}
html body #foreground-content.cards-collection .reasoning-card .card-front-footer{gap:12px;padding-top:9px;margin-top:auto;align-items:baseline}
html body #foreground-content.cards-collection .reasoning-card .card-front-footer button{font-size:13.5px!important;padding:2px 0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
@media (max-width:760px){
 html body #foreground-content.cards-collection>.focus-head{flex-wrap:wrap;row-gap:10px}
 html body #foreground-content.cards-collection .cards-tools{order:5;flex:1 1 100%;justify-content:space-between;gap:12px}
 html body #foreground-content.cards-collection .cards-tools #work-query{flex:1 1 auto}
 html body #foreground-content.cards-collection .cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}
 html body #foreground-content.cards-collection .reasoning-card{padding:18px 14px 10px}
 html body #foreground-content.cards-collection .reasoning-card .card-front-thought{font-size:calc(16.5px * var(--reading-scale,1))!important;-webkit-line-clamp:5}
 html body #foreground-content.cards-collection .reasoning-card .card-front-footer{flex-direction:column;gap:2px}
 html body #foreground-content.cards-collection .reasoning-card .card-front-footer button{max-width:100%}
}
html body.at-the-hotel #foreground-content.cards-collection>.focus-head .cards-tools .brass-button{margin:0!important;color:#2e2a1f!important;font:16px Document,Georgia,serif!important}
html body.at-the-hotel #foreground-content.cards-collection>.focus-head .cards-tools #work-query{margin:0!important}
@media (max-width:760px){html body #foreground-content.cards-collection>.focus-head h2{flex:1 1 auto}html body.at-the-hotel #foreground-content.cards-collection>.focus-head{padding-bottom:14px!important}}
/* The header's message slot never takes padding from older bar styles, so its text sits on the header's centre line. */
html body #case-surface.v4-board .v4-board-head .board-slot{padding:0!important;margin:0!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important}
/* Phone Cards: the title row holds Cards, New Card, Help and ×; the search takes the full line under it. */
@media (max-width:760px){
 html body #foreground-content.cards-collection .cards-tools{display:contents}
 html body #foreground-content.cards-collection>.focus-head h2{order:1;flex:1 1 auto}
 html body.at-the-hotel #foreground-content.cards-collection>.focus-head .cards-tools .brass-button{order:2;padding:0 14px}
 html body #foreground-content.cards-collection>.focus-head .context-help{order:3}
 html body #foreground-content.cards-collection>.focus-head .close-focus{order:4}
 html body.at-the-hotel #foreground-content.cards-collection>.focus-head .cards-tools #work-query{order:5;flex:1 1 100%;width:100%}
}

/* The earlier-save screen (30 September 2026): its buttons inherited a style meant for paper and were near-invisible
   on the night background. Start is the plain cream button; the download is a quiet link. Palette unchanged. */
#arrival.save-recovery .arrival-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
#arrival.save-recovery #fresh-investigation{background:#e3d6b8;color:#1d3129;border:0;padding:13px 28px;font:18px/1.3 Halcyon,Georgia,serif;opacity:1;cursor:pointer}
#arrival.save-recovery #fresh-investigation:hover{background:#efe6cc}
#arrival.save-recovery #download-original{background:none;border:0;border-bottom:1px solid #b99a5b;color:#e8dfc6;padding:2px 0;font:16px/1.4 Document,Georgia,serif;opacity:1;cursor:pointer}
#arrival.save-recovery button:focus-visible{outline:2px solid #b99a5b;outline-offset:4px}

/* Cards empty state on the leather (30 September 2026): its heading and link used paper colours and vanished. The
   text takes the colour of the Cards themselves: their cream card stock (#f4ead0 to #e6d6ad). */
html body #foreground-content.cards-collection .cards-empty h3{color:#f4ead0!important;font:500 26px Halcyon,Georgia,serif;margin:0 0 10px}
html body #foreground-content.cards-collection .cards-empty p{color:#e6d6ad!important}
html body #foreground-content.cards-collection .cards-empty button{color:#f4ead0!important;background:none!important;border:0!important;border-bottom:1px solid #e6d6ad99!important;padding:2px 0!important;font:16px Document,Georgia,serif!important;cursor:pointer}
html body #foreground-content.cards-collection .cards-empty button:hover{border-bottom-color:#f4ead0!important}