/* Storyline reading room */
.storyline-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;min-height:330px;margin:-38px calc(-1 * clamp(24px,5vw,80px)) 26px;padding:60px clamp(24px,5vw,80px) 48px;overflow:hidden;border-bottom:1px solid #584225;background:radial-gradient(circle at 82% 18%,rgba(199,148,66,.18),transparent 28%),linear-gradient(120deg,#29221c 0%,#16171b 64%,#111318 100%)}
.storyline-hero:before{content:"";position:absolute;inset:18px;border:1px solid rgba(217,181,111,.12);pointer-events:none}.storyline-hero:after{content:"❦";position:absolute;right:4%;top:0;color:rgba(199,148,66,.08);font:18rem/1 Georgia,serif;transform:rotate(-12deg);pointer-events:none}
.storyline-hero-copy{position:relative;z-index:1;max-width:820px}.storyline-hero h1{margin:.12em 0 .18em;font-size:clamp(3.1rem,6.7vw,6.8rem);letter-spacing:-.045em}.storyline-hero h1 span{color:#e1c58e}.storyline-deck{max-width:700px;color:#c2b9aa;font:1.05rem/1.65 Georgia,serif}.storyline-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.storyline-actions .button,.storyline-actions button{width:auto;text-align:center}
.storyline-current-year{position:relative;z-index:1;display:grid;min-width:220px;padding:24px;border:1px solid rgba(199,148,66,.38);border-radius:18px;background:rgba(10,11,14,.46);box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.storyline-current-year span,.storyline-current-year small{color:#c1b8a8;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.storyline-current-year strong{color:#f0d89f;font:700 clamp(3.8rem,8vw,6.5rem)/1 Georgia,serif}.storyline-current-year small{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.storyline-notice{border-color:#5d775e;background:#1e3128}
.storyline-vitals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line)}.storyline-vitals article{display:grid;min-width:0;padding:16px 18px;background:linear-gradient(145deg,#1b1d22,#16181d)}.storyline-vitals span{color:#cba765;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.storyline-vitals strong{font:700 2rem Georgia,serif}.storyline-vitals small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.storyline-jump{position:sticky;z-index:15;top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 24px;padding:6px;border:1px solid var(--line);border-radius:13px;background:rgba(15,17,21,.94);box-shadow:0 10px 28px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.storyline-jump a{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:8px;color:#c9c4bb;font-size:.8rem;font-weight:800}.storyline-jump a:hover,.storyline-jump a:focus-visible{background:rgba(199,148,66,.13);color:#f3dfb1;outline:none}.storyline-jump span{color:#98733c;font:700 .67rem Georgia,serif}
.storyline-opening{display:grid;grid-template-columns:auto minmax(0,1fr);gap:19px;align-items:start;margin:0 0 48px;padding:27px 30px;border:1px solid rgba(199,148,66,.3);border-radius:16px;background:linear-gradient(120deg,rgba(199,148,66,.1),rgba(23,25,30,.72))}.storyline-quill{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(199,148,66,.28);border-radius:50%;color:#d8b46c;font-size:1.7rem}.storyline-opening blockquote{margin:8px 0 0;color:#eee4d1;font:italic 1.28rem/1.75 Georgia,serif}
.storyline-section{margin:0 0 68px;scroll-margin-top:70px}.storyline-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 22px}.storyline-section-heading h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.025em}.storyline-section-heading p:not(.eyebrow){max-width:700px;margin:.4rem 0 0;color:var(--muted)}.year-count{display:grid;flex:0 0 auto;text-align:right}.year-count strong{color:#e0c486;font:700 2.6rem/1 Georgia,serif}.year-count span{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.yearly-section{padding:34px;border:1px solid #433a2f;border-radius:22px;background:radial-gradient(circle at 90% 5%,rgba(199,148,66,.07),transparent 23%),linear-gradient(145deg,#17191e,#13151a)}
.storyline-year-index{display:flex;align-items:center;gap:5px;overflow-x:auto;margin:0 0 18px;padding:7px;border:1px solid var(--line);border-radius:11px;background:#111318;scrollbar-width:none}.storyline-year-index::-webkit-scrollbar{display:none}.storyline-year-index>span{position:sticky;left:0;padding:5px 9px;background:#111318;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.storyline-year-index a{padding:5px 8px;border-radius:7px;color:#cdbf9f;font-size:.75rem;font-weight:800}.storyline-year-index a:hover{background:rgba(199,148,66,.15);color:#f5d58f}
.annual-chronicle{position:relative}.annual-chronicle:before{content:"";position:absolute;left:67px;top:19px;bottom:24px;width:1px;background:linear-gradient(#c79543,#3c342a 75%,transparent)}.year-chapter{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:25px;padding:27px 0;scroll-margin-top:72px}.year-chapter-marker{position:relative;z-index:1;display:grid;align-self:start;width:104px;padding:11px 7px;border:1px solid #5a472e;border-radius:12px;background:#191a1e;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.24)}.year-chapter-marker:after{content:"";position:absolute;right:-32px;top:26px;width:31px;border-top:1px solid #5a472e}.year-chapter-marker span,.year-chapter-marker small{color:#a98b55;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.year-chapter-marker strong{color:#e4c98e;font:700 1.45rem Georgia,serif}.year-chapter-marker small{margin:5px -1px -5px;padding:4px;border-radius:6px;background:#6d4c23;color:#f7e4bd}.year-chapter.current .year-chapter-marker{border-color:#c79442;background:linear-gradient(145deg,#342a1f,#1d1d20);box-shadow:0 0 0 4px rgba(199,148,66,.08),0 10px 26px rgba(0,0,0,.3)}
.year-chapter-copy{min-width:0;padding:0 0 15px}.year-kicker{margin:0;color:#837767;font-size:.63rem;font-weight:900;letter-spacing:.13em}.year-chapter h3{margin:4px 0 11px;color:#e1c68e;font-size:clamp(1.25rem,2vw,1.65rem)}.year-narrative{max-width:92ch;margin:0;color:#e3ded4;font:1.04rem/1.84 Georgia,serif}.chapter-sources{max-width:92ch;margin-top:16px;border-top:1px solid rgba(255,255,255,.08)}.chapter-sources>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;cursor:pointer;color:#aaa397;font-size:.76rem;font-weight:800;list-style:none}.chapter-sources>summary::-webkit-details-marker{display:none}.chapter-sources>summary strong{display:grid;min-width:27px;height:27px;place-items:center;border:1px solid rgba(199,148,66,.28);border-radius:50%;color:#d2ae6d}.chapter-sources[open]>summary span{color:#dfc383}.chapter-sources ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line);list-style:none}.chapter-sources li{display:grid;padding:8px 10px;background:#15171c}.chapter-sources li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-sources li small{text-transform:capitalize}.chapter-sources>p{color:var(--muted);font-size:.72rem}
.annual-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:19px;padding-top:19px;border-top:1px solid var(--line)}.annual-pager-top{margin:0 0 7px;padding:0 0 13px;border-top:0;border-bottom:1px solid var(--line)}.annual-pager>a:last-child{justify-self:end}.annual-pager>strong{text-align:center;font:700 1rem Georgia,serif}.annual-pager>strong small{font:inherit}.annual-pager .button{width:auto}
.story-thread-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:16px;align-items:start}.story-thread-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-hook{position:relative;min-height:155px;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1b1d22,#15171c);overflow:hidden}.story-hook:after{content:"";position:absolute;right:-23px;bottom:-38px;width:105px;height:105px;border:1px solid rgba(255,255,255,.05);border-radius:50%}.story-hook.world{border-left:3px solid #5b88aa}.story-hook.family{border-left:3px solid var(--gold)}.story-hook.danger{border-left:3px solid var(--red)}.story-hook h3{font-size:1.25rem}.story-hook p{color:var(--muted)}.thread-type{color:#887e70;font-size:.58rem;font-weight:900;letter-spacing:.13em}.arc-ledger{position:static;width:auto;padding:21px;border:1px solid #483d31;border-radius:15px;background:#17191e;overflow:visible}.arc-ledger h3{margin-bottom:13px}.arc-row{display:grid;gap:6px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}.arc-row span{display:grid}.arc-row small{font-size:.7rem}.arc-row em{justify-self:start;padding:3px 7px;border-radius:999px;background:rgba(199,148,66,.1);color:#d8b56e;font-size:.62rem;font-style:normal;font-weight:900;text-transform:uppercase}
.storyline-drawers{display:grid;gap:8px}.story-drawer{border:1px solid var(--line);border-radius:14px;background:#17191e;overflow:hidden}.story-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;cursor:pointer;list-style:none}.story-drawer>summary::-webkit-details-marker{display:none}.story-drawer>summary span{display:grid}.story-drawer>summary b{font:700 1.08rem Georgia,serif}.story-drawer>summary small{margin-top:2px}.story-drawer>summary>strong{display:grid;min-width:32px;height:32px;place-items:center;border:1px solid rgba(199,148,66,.25);border-radius:50%;color:#d8b66f}.story-drawer>summary:after{content:"+";color:#827869;font-size:1.25rem}.story-drawer[open]>summary{border-bottom:1px solid var(--line);background:rgba(199,148,66,.05)}.story-drawer[open]>summary:after{content:"−"}.drawer-content{padding:17px 20px}.personal-thread-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px}.personal-thread-grid>article{padding:13px;border:1px solid var(--line);border-radius:11px;background:#14161a}.personal-thread-grid h3{margin:0}.personal-thread-grid p{margin:.3rem 0;color:var(--muted);font-size:.78rem}.story-record{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.065)}.story-record>span{display:grid;min-width:0}.story-record small{overflow:hidden;text-overflow:ellipsis}.story-record time{flex:0 0 auto;color:#aa8b56;font-size:.7rem;font-weight:800}.record-ledger{max-height:520px;overflow:auto}.occult-drawer{border-color:rgba(117,73,140,.5)}.dynasty-row{display:grid;grid-template-columns:minmax(100px,170px) minmax(0,1fr) 30px;gap:12px;align-items:center;padding:6px 0}.dynasty-row>div{height:8px;border-radius:99px;background:#24262c;overflow:hidden}.dynasty-row i{display:block;width:calc(min(var(--value),10) * 10%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#76562d,#d1a450)}
.writing-desk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.desk-card{position:relative;padding:23px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#1b1d22,#15171c);overflow:hidden}.desk-card.featured{border-color:#59442b}.desk-card.wide{grid-column:1/-1}.desk-card h3{font-size:1.5rem}.desk-card>p:not(.eyebrow){max-width:650px;color:var(--muted)}.desk-number{position:absolute;right:18px;top:12px;color:rgba(199,148,66,.12);font:700 4rem/1 Georgia,serif}.desk-card form{position:relative;z-index:1}.story-check{display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#14161a}.story-check input{width:auto}.story-entry-form{display:grid;grid-template-columns:1fr 150px 1fr;gap:4px 12px}.story-entry-form .passage{grid-column:1/-1}.story-entry-form button{grid-column:1/-1;justify-self:start}.story-entry-form textarea{min-height:150px}
.authored-section>.storyline-section-heading>strong{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid rgba(199,148,66,.35);border-radius:50%;color:#d9b874}.authored-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:11px}.authored-grid>article{padding:17px;border:1px solid var(--line);border-radius:13px;background:#17191e}.authored-grid time{color:#b6955d;font-size:.7rem;font-weight:800}.authored-grid details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.authored-grid details>summary::-webkit-details-marker{display:none}.authored-grid summary h3{font-size:1.15rem}.authored-grid summary span{color:var(--muted);font-size:.7rem}.authored-grid form{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
@media(max-width:1100px){.storyline-vitals{grid-template-columns:repeat(2,1fr)}.story-thread-layout{grid-template-columns:1fr}.story-thread-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.storyline-hero{grid-template-columns:1fr;margin:-20px -20px 20px;padding:45px 25px 35px}.storyline-current-year{min-width:0}.storyline-jump{grid-template-columns:repeat(4,max-content);overflow-x:auto}.yearly-section{padding:20px}.storyline-section-heading{align-items:start}.year-chapter{grid-template-columns:80px minmax(0,1fr);gap:18px}.annual-chronicle:before{left:51px}.year-chapter-marker{width:80px}.chapter-sources ul{grid-template-columns:1fr}.story-entry-form{grid-template-columns:1fr}.story-entry-form .passage,.story-entry-form button{grid-column:auto}.writing-desk-grid{grid-template-columns:1fr}.desk-card.wide{grid-column:auto}}
@media(max-width:620px){.storyline-vitals{grid-template-columns:1fr 1fr}.storyline-opening{grid-template-columns:1fr;padding:21px}.storyline-quill{display:none}.storyline-section{margin-bottom:48px}.storyline-section-heading{display:grid}.year-count{text-align:left}.yearly-section{margin-inline:-10px;padding:17px 13px;border-radius:15px}.year-chapter{grid-template-columns:1fr;gap:10px;padding:21px 0}.annual-chronicle:before{display:none}.year-chapter-marker{width:max-content;min-width:92px;grid-template-columns:auto auto;gap:6px;align-items:baseline;text-align:left}.year-chapter-marker span{display:none}.year-chapter-marker:after{display:none}.year-chapter-marker small{margin:0}.story-thread-grid{grid-template-columns:1fr}.annual-pager{grid-template-columns:1fr;text-align:center}.annual-pager>*{justify-self:stretch!important}.annual-pager .button{width:100%}.story-record{display:grid}.story-record time{justify-self:start}.storyline-vitals article{padding:13px}.storyline-vitals strong{font-size:1.65rem}.authored-grid{grid-template-columns:1fr}}