/* Development Chronicle — a dated, media-first extension of Cathedral Compendium. */
.chronicle-main{max-width:1344px;padding:0 36px;margin:0 auto 70px}.chronicle-main .chapter-breadcrumb{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:28px 0;color:#a3937e;font-size:11px}.chronicle-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;padding:24px 0 60px}.chronicle-hero h1{font-size:clamp(40px,4.7vw,68px);line-height:1.08;letter-spacing:-1px}.chronicle-hero-copy>p:not(.eyebrow):not(.lead){max-width:580px;font-size:14px;line-height:1.9}.chronicle-hero .lead{margin-bottom:13px;font-size:26px}.chronicle-hero .flourish{max-width:285px;margin:20px 0}.chronicle-ledger{padding:20px 27px 21px;align-self:stretch;max-height:394px;overflow:hidden}.chronicle-ledger>img{height:154px;width:100%;object-fit:cover;object-position:50% 46%;mask-image:linear-gradient(#000 60%,transparent)}.chronicle-ledger .eyebrow{text-align:center;margin:0 0 16px;font-size:9px;letter-spacing:2px}.ledger-stats{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-top:1px solid #80644055;padding-top:13px}.ledger-stats>div+div{border-left:1px solid #80644055}.ledger-stats strong{display:block;font:34px/1.1 var(--serif);color:#e1b881}.ledger-stats span{font-size:10px;letter-spacing:.7px;color:#ad9e89}.ledger-latest{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-top:1px solid #80644055;margin:15px 0 0;padding:10px 0 0}.ledger-latest span{color:#d4b585}.chronicle-browser{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start;scroll-margin-top:28px}.chronicle-sidebar{position:sticky;top:22px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #75563380;padding:0 0 14px;margin-bottom:9px}.sidebar-heading .eyebrow{margin:0}.sidebar-heading>span:last-child{font:14px var(--serif);color:#7e6244}.chronicle-categories{display:flex;flex-direction:column}.chronicle-category{display:flex;gap:10px;justify-content:space-between;align-items:center;width:100%;min-height:41px;padding:10px 9px;background:none;border:0;border-bottom:1px solid #4d3e343d;color:#b9ae9f;font-size:12px;line-height:1.5;text-align:left}.chronicle-category[aria-pressed=true]{border-left:2px solid #c28b58;padding-left:7px;background:linear-gradient(90deg,#5b352433,transparent);color:#f1d6a9}.chronicle-category:hover{color:#edd6af;background:#a9805612}.category-count{font-size:10px;color:#a3896b}.chronicle-category[aria-pressed=true] .category-count{color:#e1bd88}.chronicle-archive{border-top:1px solid #79604466;margin-top:26px;padding-top:18px}.chronicle-archive summary{font:14px var(--serif);color:#d2b381;cursor:pointer}.archive-link{display:block;width:100%;background:none;text-align:left;border:0;color:#a9a091;font-size:11px;padding:7px 0}.archive-link[aria-pressed=true]{color:#e6c28d}.chronicle-sidebar .small-note{margin:28px 0 0;font-size:10px}.chronicle-controls{padding:23px 25px;margin-bottom:15px}.chronicle-controls label{font-size:10px;letter-spacing:.4px;color:#b7a48a;display:block}.chronicle-controls input,.chronicle-controls select{width:100%;min-width:0;margin-top:7px;font-size:12px;background:#09090c;color:#e9dcc7;border:1px solid #64513b;padding:11px 12px;line-height:1.6;border-radius:0;min-height:43px}.chronicle-search input{font-size:14px}.chronicle-controls input::placeholder{color:#897d6d}.chronicle-filter-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;margin-top:14px}.chronicle-result-line{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ac9677;font-size:11px;padding:0 0 17px}.chronicle-result-line .text-link{font-family:var(--sans);font-size:10px;margin:0;padding:5px 0}.chronicle-month-group{margin-bottom:35px}.chronicle-month-title{text-transform:uppercase;font-size:18px;letter-spacing:2px;margin:20px 0 22px 90px;display:flex;align-items:center;gap:20px}.chronicle-month-title::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#956b3f88,transparent)}.chronicle-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;margin:0 0 30px;position:relative}.chronicle-row::before{content:'';position:absolute;left:60px;top:34px;bottom:-50px;width:1px;background:linear-gradient(#ae7c4488,#ae7c442f)}.chronicle-date{display:flex;justify-content:space-between;align-items:flex-start;color:#ceb585;padding-top:14px}.chronicle-date strong{font:34px/1.05 var(--serif);display:block}.chronicle-date time>span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.date-diamond{font-size:12px;position:relative;left:-3px;top:7px;background:#09090c;padding:1px 0;color:#c4884a}.chronicle-card{padding:15px;min-width:0;transition:border-color .2s}.chronicle-card.featured{border-color:#c19357;box-shadow:inset 0 0 0 4px #08080b,inset 0 0 0 5px #b58c4d66,0 12px 36px #0005}.chronicle-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 6px 13px}.entry-type{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#d1ad76}.entry-stage{display:inline-block;font-size:9px;letter-spacing:.5px;color:#c6b4a0;padding:3px 8px;border:1px solid #836c4b66;background:#141216}.entry-stage.stage-concept{color:#bfaacb}.entry-stage.stage-testing{color:#bab3d2}.entry-stage.stage-implemented{color:#b2c3af}.chronicle-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;border:1px solid #443729;padding:0;background:#090a0d;overflow:hidden;cursor:pointer}.chronicle-cover>img{width:100%;height:100%;object-fit:cover}.chronicle-cover:hover>img{filter:brightness(1.08)}.chronicle-cover::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#040405af);pointer-events:none}.cover-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#49362333,transparent 70%),#0a0a0d}.cover-placeholder>img{width:125px;height:125px;object-fit:contain;opacity:.8}.placeholder-title{font:18px var(--serif);margin:12px 0;color:#ad9472}.media-count{position:absolute;left:15px;bottom:11px;color:#e2d1b3;font-size:10px;z-index:1;letter-spacing:.4px}.comparison-badge{position:absolute;top:13px;left:13px;background:#08080dcc;border:1px solid #c097644d;padding:5px 8px;color:#e8d0a5;letter-spacing:1.2px;font-size:9px}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #caa269;border-radius:50%;color:#ebd0a0;background:#0a080bba;display:grid;place-items:center;font-size:23px;padding-left:4px}.chronicle-card-copy{padding:21px 10px 3px}.entry-categories{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.category-tag{display:inline-block;background:none;color:#c29668;border:0;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;line-height:1.6;padding:0 10px 0 0}.category-tag+.category-tag{border-left:1px solid #755538;padding-left:10px}.chronicle-card h3{font-size:29px;margin-bottom:15px}.entry-title{font:inherit;color:var(--ink);background:none;border:0;text-align:left;padding:0;line-height:1.24}.entry-title:hover{color:#f7d4a3}.entry-excerpt{font-size:13px;line-height:1.85;color:#b7a999;max-width:700px}.entry-tags{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#97836b;margin:16px 0}.entry-footer{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-top:1px solid #785a363f;margin-top:20px;padding:14px 0 4px;font-size:10px;color:#ba9e76}.entry-footer .text-link{margin-left:auto;font-size:12px;padding:0;border:0}.entry-build{font-size:10px;color:#a69b8c;background:#0a0a0d;border:1px solid #4d4236;padding:2px 6px}.chronicle-load{text-align:center;padding:10px 0 20px}.chronicle-empty{text-align:center;padding:50px 30px 60px;min-height:390px}.chronicle-empty>img{margin:0 auto 24px;opacity:.75}.chronicle-empty h2{font-size:35px;margin:10px 0 22px}.chronicle-empty>p:not(.eyebrow){max-width:540px;margin:0 auto;font-size:14px}.chronicle-empty .actions{justify-content:center}.chronicle-tail{text-align:center;padding:58px 0 10px}.chronicle-tail .flourish{margin:0 auto 18px}.chronicle-tail>p{font:24px var(--serif);color:#b2a087;font-style:italic}.chronicle-demo-banner{background:#3c2920a1;border:1px solid #997544;padding:18px 22px;margin:0 0 27px;display:flex;gap:10px;align-items:flex-start;flex-direction:column}.chronicle-demo-banner strong{font-size:11px;letter-spacing:1.5px;color:#ecc48b}.chronicle-demo-banner span,.chronicle-demo-banner a{font-size:12px;color:#d0ba99}.chronicle-demo-banner a{border-bottom:1px solid #997544}.chronicle-error{border:1px solid #965b43;background:#321b1b;padding:20px;color:#f0c9a4;margin:20px 0}.chronicle-help{max-width:940px;margin:35px auto 65px;padding:45px 52px}.chronicle-help h1{font-size:52px;margin:12px 0 25px}.chronicle-help h2{font-size:27px;margin:32px 0 15px}.chronicle-help p{font-size:14px;line-height:1.9}.chronicle-help .text-link{font-size:14px;display:inline;padding:0}.chronicle-modal-open{overflow:hidden}.chronicle-dialog{background:#0d0c10;color:var(--ink);padding:30px 35px;width:calc(100vw - 42px);max-width:1050px;max-height:94dvh;border:1px solid #9b774f;overflow:auto;scrollbar-width:thin;scrollbar-color:#866646 #0b0b0e}.chronicle-dialog::after{display:none}.chronicle-dialog::backdrop{background:#040407eb;backdrop-filter:blur(5px)}.chronicle-dialog-heading{padding-right:55px;position:relative}.chronicle-dialog-heading h2{font-size:37px;margin:10px 0 23px}.chronicle-dialog .eyebrow{font-size:10px}.dialog-x{position:absolute;right:0;top:0;width:40px;height:40px;font-size:28px;background:#191418;border:1px solid #856747;line-height:1}.chronicle-dialog .lead{font-size:21px;margin:20px 0 25px}.chronicle-media-stage{background:#060608;display:grid;place-items:center;border:1px solid #483a2b;margin-top:20px;min-height:100px}.chronicle-media-stage>img{max-height:58vh;width:auto;max-width:100%;object-fit:contain}.chronicle-media-stage>video{max-width:100%;width:100%;max-height:60vh;background:#000}.media-caption{color:#b9a78f;font-size:12px;padding:10px 0;margin:0;white-space:pre-line}.media-navigation{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:4px 0 12px}.media-navigation>span{font-size:11px;color:#bca482}.media-navigation .button{font-size:10px;min-height:35px;padding:8px 18px}.chronicle-thumbnails{display:flex;gap:9px;overflow-x:auto;margin:13px 0 25px;padding:3px}.media-thumb{width:84px;height:56px;flex:none;padding:0;border:1px solid #564534;background:#111017}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb[aria-pressed=true]{border:2px solid #d3a46b;box-shadow:0 0 0 2px #d3a46b33}.media-unavailable{display:block;font-size:12px;color:#c9a98b;padding:30px}.chronicle-prose p{white-space:pre-line;font-size:14px;line-height:1.9;color:#c1b4a1}.chronicle-prose ul{font-size:14px;color:#c1b4a1;padding-left:21px}.external-video{text-align:center;width:100%;padding:28px}.external-video>img{max-height:250px;margin:0 auto 20px}.external-video p{font-size:13px;max-width:500px;margin:10px auto 15px}.external-video .lead{font-size:25px}.share-link{margin:15px 0;width:100%;padding:12px;background:#151216;color:#dbc49f;border:1px solid #856747}.chronicle-compare{margin:20px 0 30px}.compare-board{--reveal:50%;height:440px;position:relative;background:#07080b;border:1px solid #6d5336;overflow:hidden}.compare-board img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090c}.compare-board .after-image{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-divider{position:absolute;left:var(--reveal);top:0;bottom:0;border-left:2px solid #d7af73;pointer-events:none}.compare-before-label,.compare-after-label{position:absolute;bottom:15px;background:#07070dde;border:1px solid #86613d;color:#edcc96;padding:4px 10px;font-size:11px;z-index:1}.compare-before-label{right:15px}.compare-after-label{left:15px}.compare-control{display:flex;gap:20px;align-items:center;margin:13px 0;color:#cbb38e;font-size:12px}.compare-control input{width:100%;min-height:28px;accent-color:#c18e53}.chronicle-compare .fineprint{font-size:10px}.home-chronicle{padding:32px;margin:0 0 60px}.home-chronicle-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.home-chronicle-heading h2{font-size:34px;margin:0 0 12px}.home-chronicle-heading p{font-size:12px}.home-chronicle-heading .eyebrow{font-size:10px}.home-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.home-latest-grid .chronicle-card{padding:12px}.home-latest-grid .chronicle-card-copy{padding:14px 5px 0}.home-latest-grid .chronicle-card h3{font-size:21px}.home-latest-grid .entry-stage{display:none}.home-latest-grid .entry-excerpt{font-size:11px}.home-latest-grid .entry-footer .text-link{width:100%;margin:0}.home-latest-grid .entry-footer{gap:8px}.home-latest-grid .category-tag{font-size:8px}.home-latest-grid .cover-placeholder>img{height:80px}.home-latest-grid .chronicle-card-top{min-height:17px}.home-latest-grid .chronicle-card-copy .entry-categories{min-height:29px}#toggle-categories{display:none}
@media(max-width:1050px){.chronicle-hero{gap:35px;grid-template-columns:1.2fr 1fr}.chronicle-browser{grid-template-columns:205px minmax(0,1fr);gap:24px}.chronicle-filter-row{grid-template-columns:1fr 1fr}.chronicle-row{grid-template-columns:50px minmax(0,1fr);gap:15px}.chronicle-row::before{left:47px}.chronicle-date strong{font-size:28px}.date-diamond{left:0}.chronicle-month-title{margin-left:65px}.chronicle-card h3{font-size:26px}.chronicle-main{padding:0 25px}.chronicle-cover{aspect-ratio:1.6}.chronicle-card-copy{padding:18px 5px 0}}
@media(max-width:760px){.chronicle-main{padding:0 20px}.chronicle-hero{grid-template-columns:1fr;gap:24px;padding:15px 0 34px}.chronicle-hero h1{font-size:46px}.chronicle-hero-copy>p:not(.eyebrow):not(.lead){font-size:13px}.chronicle-ledger{max-height:none;display:grid;grid-template-columns:90px 1fr;gap:0 20px;padding:20px}.chronicle-ledger>img{grid-row:span 3;height:132px;mask-image:linear-gradient(#000 66%,transparent);object-fit:cover}.chronicle-ledger .eyebrow{margin:0 0 9px;font-size:8px}.ledger-stats{padding-top:10px}.ledger-stats strong{font-size:28px}.ledger-latest{font-size:9px;margin-top:10px;flex-wrap:wrap}.chronicle-browser{grid-template-columns:1fr;gap:17px}.chronicle-sidebar{position:static}.chronicle-sidebar-content{display:none;margin-top:18px;padding:15px;border:1px solid #665138;background:#0d0c10}.chronicle-sidebar.expanded .chronicle-sidebar-content{display:block}#toggle-categories{display:flex;width:100%;justify-content:space-between}.chronicle-categories{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.chronicle-category{font-size:11px;padding-left:5px}.chronicle-sidebar .small-note{margin-top:20px}.chronicle-controls{padding:20px}.chronicle-controls input,.chronicle-controls select{font-size:16px;min-height:45px}.chronicle-month-title{font-size:16px;margin-left:45px;letter-spacing:1px}.chronicle-row{grid-template-columns:32px minmax(0,1fr);gap:13px}.chronicle-date{display:block;text-align:center}.chronicle-date strong{font-size:24px}.chronicle-date time>span{font-size:9px;letter-spacing:.5px}.chronicle-date .date-diamond{display:block;left:1px;top:6px}.chronicle-row::before{left:16px;top:83px;bottom:-30px}.chronicle-card{padding:10px}.chronicle-card h3{font-size:24px}.chronicle-card-top{gap:6px;margin:2px 4px 11px}.entry-stage{font-size:8px;padding:3px 5px}.entry-type{font-size:8px;letter-spacing:.8px}.entry-excerpt{font-size:12px}.entry-footer time{font-size:9px}.entry-footer{gap:10px}.entry-footer .text-link{font-size:11px}.category-tag{font-size:8px;letter-spacing:.6px}.chronicle-cover{aspect-ratio:1.45}.chronicle-empty{padding:35px 20px}.chronicle-empty h2{font-size:29px}.chronicle-empty>p:not(.eyebrow){font-size:13px}.chronicle-help{padding:28px 22px}.chronicle-help h1{font-size:38px}.chronicle-help h2{font-size:25px}.chronicle-dialog{width:calc(100vw - 20px);padding:22px 18px;max-height:95dvh}.chronicle-dialog-heading{padding-right:37px}.chronicle-dialog-heading h2{font-size:28px}.dialog-x{width:32px;height:32px}.chronicle-dialog .lead{font-size:18px}.chronicle-media-stage>img,.chronicle-media-stage>video{max-height:48vh}.compare-board{height:280px}.compare-control{display:block}.compare-control input{display:block;min-height:40px}.home-chronicle{padding:24px}.home-chronicle-heading{display:block}.home-chronicle-heading .button{margin:8px 0 12px}.home-latest-grid{grid-template-columns:1fr}.home-latest-grid .chronicle-cover{aspect-ratio:16/9}.chronicle-prose p,.chronicle-prose ul{font-size:13px}.chronicle-demo-banner{padding:17px}.chronicle-demo-banner strong{font-size:10px}.chronicle-demo-banner span{font-size:11px}}
@media(max-width:390px){.chronicle-hero h1{font-size:40px}.chronicle-main{padding:0 14px}.chronicle-row{grid-template-columns:27px minmax(0,1fr);gap:9px}.chronicle-row::before{left:14px}.chronicle-card-copy{padding-left:3px;padding-right:3px}.entry-stage{max-width:103px;line-height:1.4}.chronicle-card h3{font-size:21px}.chronicle-controls{padding:17px}.chronicle-ledger{grid-template-columns:66px 1fr;gap:0 15px}}
@media(prefers-reduced-motion:reduce){.chronicle-main *,.chronicle-dialog *{transition:none!important;scroll-behavior:auto!important}}
/* Dialogs enter the top layer; the ornate panel's relative positioning must not apply. */
dialog.chronicle-dialog{position:fixed;inset:0;margin:auto}
.ledger-emblem{height:154px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#7b552d22,transparent 62%);margin-bottom:0}
.ledger-emblem::before,.ledger-emblem::after{content:'';position:absolute;width:143px;height:143px;border:1px solid #a7834540;border-radius:50%;pointer-events:none}
.ledger-emblem::after{width:128px;height:128px;border-color:#a7834530;transform:rotate(45deg);border-radius:0}
.ledger-emblem>img{height:109px;width:109px;object-fit:contain;filter:drop-shadow(0 0 18px #b4854533)}
@media(max-width:760px){.chronicle-ledger .ledger-emblem{grid-row:span 3;height:132px;align-self:center}.ledger-emblem>img{width:66px;height:86px}.ledger-emblem::before{width:83px;height:83px}.ledger-emblem::after{width:72px;height:72px}}
@media(max-width:390px){.ledger-emblem::before{width:63px;height:63px}.ledger-emblem::after{width:55px;height:55px}.ledger-emblem>img{width:53px;height:80px}}