.timeline-page{--note-paper:#fff8df;--note-ink:#302d25;--thread:#a22b23;--pin:#ac3029}
.case-room{max-width:1500px;margin:0 auto;padding:42px 34px 60px}.case-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.case-heading h1{font:clamp(44px,6vw,82px)/1 var(--heading);text-transform:uppercase;margin:12px 0 16px;letter-spacing:-.01em}.case-heading h1 em{color:var(--accent);font-style:normal}.case-heading p{color:var(--muted);margin:0}.case-heading>a{flex:none;font-size:12px}
.board-toolbar{display:flex;align-items:end;gap:18px;margin-bottom:20px}.board-toolbar label{display:grid;gap:6px;font:700 10px Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.board-toolbar input,.board-toolbar select{font:14px 'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;min-height:43px}.board-search{width:min(400px,45%)}.thread-key{margin-left:auto;font:11px Consolas,monospace;color:var(--muted);padding-bottom:4px}.thread-key>span{display:inline-block;vertical-align:middle;width:27px;height:2px;background:var(--thread);margin-right:7px;transform:rotate(-7deg)}.thread-key small{display:block;margin-top:9px;font-size:10px;text-align:right}
.cork-frame{border:12px solid #61452e;border-radius:5px;background:#b78651;box-shadow:inset 0 0 0 2px #c2935e,0 2px 0 2px #332a21,0 12px 28px #30231525;position:relative;padding:8px;isolation:isolate}.cork-frame::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.38' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23653c1b' opacity='.7' filter='url(%23c)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),radial-gradient(#66411f99 .7px,transparent 1.8px),radial-gradient(#e9c090 .7px,transparent 2px);background-size:180px 180px,7px 9px,11px 7px;background-position:0 0,0 0,3px 5px}.board-plaque{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #694a2d60;color:#3e2c1c;font:700 10px Consolas,monospace;letter-spacing:.15em}.board-caption{padding:20px 12px 12px;text-align:center;font:italic 14px Georgia,serif;color:#49351fe0}
.cork-board{position:relative;min-height:340px;padding:32px 38px 35px;overflow:hidden}.board-strings{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.string-shadow{fill:none;stroke:#3a2116;stroke-width:4;opacity:.3;transform:translateY(2px)}.string-thread{fill:none;stroke:var(--thread);stroke-width:2.3;stroke-linecap:round}.string-highlight{fill:none;stroke:#e17b5c;stroke-width:.6;stroke-dasharray:3 5;opacity:.6}
.board-year{position:relative;margin-bottom:62px}.board-year:last-child{margin-bottom:0}.year-tag{position:relative;z-index:1;display:table;margin:0 auto 38px;background:#ebd9b0;color:#4d3623;padding:8px 26px;box-shadow:1px 2px 4px #412b2140;font:700 15px Consolas,monospace;transform:rotate(-1deg);border:1px solid #c0a376}.year-tag::before,.year-tag::after{content:"";position:absolute;top:-6px;width:27px;height:20px;background:#e4d6a17d;left:-9px;transform:rotate(-30deg)}.year-tag::after{left:auto;right:-9px;transform:rotate(26deg)}
.paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 46px;align-items:start}.paper-note{--tilt:-3deg;--drop:12px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;min-height:218px;width:94%;margin-top:var(--drop);justify-self:start;text-align:left;color:var(--note-ink);background:var(--note-paper);border:0;border-radius:1px;padding:33px 23px 22px;box-shadow:2px 5px 6px #38231352,inset 0 0 30px #d5bd7818;transform:rotate(var(--tilt));transition:transform .2s,box-shadow .2s;cursor:zoom-in;overflow-wrap:anywhere}/* Offsets occupy real grid space, so each row clears the tallest shifted note. */
.paper-note:nth-child(6n+2){--tilt:3.2deg;--drop:108px;width:97%;justify-self:end;--note-paper:#f4eddb}
.paper-note:nth-child(6n+3){--tilt:-1.6deg;--drop:40px;width:89%;justify-self:center;--note-paper:#fbf3ce}
.paper-note:nth-child(6n+4){--tilt:2.4deg;--drop:62px;width:91%;justify-self:end}
.paper-note:nth-child(6n+5){--tilt:-3.6deg;--drop:8px;width:96%;justify-self:start;--note-paper:#f4eddb}
.paper-note:nth-child(6n+6){--tilt:1.8deg;--drop:92px;width:90%;justify-self:center}
.board-year:nth-child(even) .paper-note:nth-child(6n+1){--drop:68px;--tilt:2.6deg;justify-self:end}
.board-year:nth-child(even) .paper-note:nth-child(6n+2){--drop:14px;--tilt:-2.8deg;justify-self:start}
.paper-note:hover,.paper-note:focus-visible{z-index:2;transform:rotate(0deg) translateY(-5px);box-shadow:4px 10px 12px #38231360}.paper-note:focus-visible{outline:3px solid #7c241c;outline-offset:5px}.paper-note.is-selected{z-index:4;outline:2px solid #962e23;outline-offset:4px}.paper-note::after{content:"";position:absolute;right:0;bottom:0;border:7px solid transparent;border-right-color:#d8c9a3;border-bottom-color:#d8c9a3;filter:drop-shadow(-1px -1px 1px #0001)}
.note-pin{position:absolute;width:14px;height:14px;border-radius:50%;left:calc(50% - 7px);top:9px;background:radial-gradient(circle at 35% 28%,#f19a7f 0,#c94d39 26%,var(--pin) 50%,#5a1d17 100%);box-shadow:1px 3px 2px #30201585;z-index:3}.paper-date{display:block;color:#8d4231;font:700 10px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.09em}.paper-title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font:700 23px/1.12 Georgia,'Times New Roman',serif;margin:10px 0 12px;color:inherit}.paper-excerpt{font:13px/1.65 Georgia,'Times New Roman',serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit;opacity:.8;margin-bottom:20px;white-space:pre-line}.paper-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid currentColor;font:9px Consolas,monospace;letter-spacing:.1em;opacity:.6}.paper-era{border-top:5px solid var(--era-color,#8e3327)}.paper-era .paper-title{font-size:27px}.era-mark{align-self:start;font:700 8px Consolas,monospace;letter-spacing:.15em;border:1px solid currentColor;padding:3px 5px;margin-bottom:8px;opacity:.7}
.board-message{position:relative;max-width:480px;margin:60px auto;padding:30px;background:#fff8df;color:#302d25;box-shadow:3px 5px 10px #34201250;text-align:center;transform:rotate(-1deg)}.board-message strong{font:24px Georgia,serif}.board-message p{font-size:14px}.board-message button{margin-top:10px}
.focused-note{--note-paper:#fff8df;--note-ink:#302d25;width:min(730px,calc(100% - 40px));max-height:88dvh;margin:auto;padding:0;color:var(--note-ink);background:var(--note-paper);border:0;border-top:5px solid var(--era-color,#9c3528);border-radius:2px;box-shadow:0 28px 100px #0009,4px 5px 0 #d6cbb5;overflow:hidden;position:fixed}.focused-note[open]{display:flex;flex-direction:column}.focused-note::backdrop{background:#17140fe0;backdrop-filter:blur(3px);animation:board-dim .25s ease-out}.focus-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px 0;flex:none}.focus-file{font:10px Consolas,monospace;letter-spacing:.13em;color:inherit;opacity:.65}.note-close{font-size:27px;line-height:1;border:1px solid #8c79534d;color:inherit;background:transparent;border-radius:50%;width:42px;height:42px;flex:none}.note-close:hover{background:#8771461a}.focus-scroll{padding:15px 44px 34px;overflow:auto;overscroll-behavior:contain}.focused-note h2{color:inherit;font:700 clamp(28px,4vw,44px)/1.1 Georgia,serif;margin:14px 0 25px;overflow-wrap:anywhere}.focused-note .paper-date{color:inherit;opacity:.7}.focus-content{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.85 Georgia,serif;color:inherit}.focus-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:18px 30px;border-top:1px solid #88785540;font:10px Consolas,monospace}.note-navigation{border:0;background:transparent;color:inherit;font:700 12px 'Segoe UI',sans-serif;padding:10px 0}.note-navigation:disabled{opacity:.35}.note-navigation:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.note-is-open{overflow:hidden}.timeline-mobile-tabs{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--paper);border-top:2px solid var(--ink)}.timeline-mobile-tabs a{text-align:center;padding:14px 2px calc(14px + env(safe-area-inset-bottom));font-size:11px;text-decoration:none;color:var(--muted)}.timeline-mobile-tabs a[aria-current]{color:var(--accent);font-weight:700}.has-mobile-tabs{padding-bottom:64px}
@keyframes board-dim{from{background:#17140f00;backdrop-filter:blur(0)}to{background:#17140fe0;backdrop-filter:blur(3px)}}
@media(min-width:1250px){.paper-grid{gap:52px 56px}.paper-title{font-size:25px}}
@media(max-width:950px){.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-room{padding:30px 22px 45px}.cork-board{padding:28px 30px}.thread-key{font-size:10px}}
@media(max-width:600px){.case-room{padding:24px 12px 36px}.case-heading{display:block;margin-bottom:24px;padding:0 6px}.case-heading h1{font-size:47px}.case-heading p{font-size:13px}.case-heading>a{margin-top:18px}.board-toolbar{flex-wrap:wrap;gap:12px;padding:0 6px}.board-search{flex:1;width:auto;min-width:150px}.board-toolbar label:nth-child(2){max-width:115px}.thread-key{display:flex;align-items:center;width:100%;margin:0}.thread-key small{margin:0 0 0 auto;text-align:right}.board-plaque{padding:10px 8px;font-size:8px;letter-spacing:.08em}.board-plaque span:last-child{display:none}.cork-frame{border-width:7px;padding:5px}.cork-board{padding:24px 25px 30px}.paper-grid{grid-template-columns:1fr;gap:40px}.paper-grid .paper-note{width:91%;padding:32px 22px 22px;min-height:205px;margin-top:8px;justify-self:start}.paper-grid .paper-note:nth-child(even){width:94%;justify-self:end;margin-top:24px}.paper-grid .paper-note:nth-child(3n){width:88%;justify-self:center;margin-top:14px}.board-year{margin-bottom:45px}.year-tag{margin-bottom:30px}.paper-title{font-size:24px}.focused-note{width:calc(100% - 24px);max-height:90dvh}.focus-top{padding:14px 18px 0}.focus-scroll{padding:12px 24px 25px}.focus-content{font-size:15px;line-height:1.75}.focus-footer{padding:12px 18px;gap:8px}.note-navigation{font-size:11px}.focus-footer>span{font-size:9px;white-space:nowrap}.board-message{padding:22px 16px;margin:30px 0}}
@media(prefers-reduced-motion:reduce){.focused-note::backdrop{animation:none}.paper-note{transition:none}}
@media print{.case-room{padding:0}.board-toolbar,.board-strings,.board-caption,.board-plaque,.note-pin,.focused-note{display:none!important}.cork-frame{border:0;box-shadow:none;background:white;padding:0}.cork-frame::before{display:none}.cork-board{padding:0;overflow:visible}.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.paper-note{transform:none!important;margin:0!important;background:white!important;color:black!important;box-shadow:none;border:1px solid #999;break-inside:avoid}.paper-excerpt,.paper-title{display:block}.year-tag{transform:none;box-shadow:none}.year-tag::before,.year-tag::after{display:none}.note-is-open{overflow:visible}}