/* MAGHEL — Chronicles of Fate: page-only styles */
.chronicles-body{background:#04101e;color:#e9edf4}
.chronicles-page{overflow:hidden}
.chronicles-page h1,.chronicles-page h2,.chronicles-page h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.chronicles-page h2{margin:.35rem 0 .8rem;color:#f2d6a7;font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.18}
.chronicles-page p{line-height:1.7}
.chronicles-kicker{display:block;color:#e2b876;text-transform:uppercase;letter-spacing:.25em;font:700 11px/1.6 Georgia,serif}
.chronicles-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#041021 url('/assets/images/chronicles-bg.webp') center center/cover no-repeat;border-bottom:1px solid rgba(219,178,110,.22)}
.chronicles-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,23,.75),rgba(3,11,23,.42) 32%,rgba(3,11,23,.04) 68%);pointer-events:none}
.chronicles-hero-inner{position:relative;width:min(1160px,92%);padding:65px 0}
.chronicles-hero-copy{max-width:530px}
.chronicles-hero h1{font-size:clamp(3.3rem,6vw,5.35rem);color:#f7d9a6;line-height:1.09;margin:.4rem 0 1.05rem;text-shadow:0 5px 28px #020a19}
.chronicles-hero-lead{max-width:490px;font-size:1.12rem;color:#f5f2ed;text-shadow:0 2px 8px #020a19}
.chronicles-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.chronicles-actions .button{padding:13px 22px;min-height:45px}
.chronicles-content{padding-top:30px;padding-bottom:35px}
.chronicles-paper{background:linear-gradient(135deg,rgba(4,17,34,.95),rgba(3,12,26,.94));border:1px solid rgba(204,182,150,.46);border-radius:16px;box-shadow:0 15px 45px #020a1952}
.chronicles-introduction{padding:33px 34px 32px}
.chronicles-section-intro{max-width:1000px;margin:0 0 8px;font-size:1.045rem;color:#e0e7ef}
.chronicles-section-secondary{color:#b5c8d8;margin:0 0 22px}
.chronicles-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.chronicles-themes article{border:1px solid rgba(218,178,115,.45);border-radius:12px;padding:22px 18px 19px;background:linear-gradient(160deg,#102c40b8,#05101ed9);min-height:195px}
.chronicles-theme-mark{display:block;font-size:29px;color:#e2b977;margin-bottom:12px}
.chronicles-themes h3{color:#f0d4a6;margin:0 0 9px;font-size:1.24rem}
.chronicles-themes p{font-size:.94rem;color:#cbd8e4;margin:0}
.chronicles-featured{display:grid;grid-template-columns:35% 65%;overflow:hidden;margin-top:29px}
.chronicles-featured-art{position:relative;min-height:480px;background:linear-gradient(90deg,transparent 70%,#061326dd),url('/assets/images/chronicles-bg.webp') 75% center/auto 100% no-repeat;background-color:#06162a}
.chronicles-featured-art span{position:absolute;bottom:25px;left:25px;font-size:35px;color:#e8ba74;text-shadow:0 0 19px #d6aa65}
.chronicles-featured-content{padding:35px 42px 36px}
.chronicles-featured-content p{color:#dee6ee;margin:0 0 14px}
.chronicles-featured-content blockquote{margin:23px 0 0;padding:14px 0 14px 20px;border-left:2px solid #dfb477;color:#f1d8af;font:italic 1.28rem/1.55 Georgia,serif}
.chronicles-archive{margin-top:29px;padding:30px 34px}
.chronicles-archive>p{color:#c7d5e3}
.chronicles-archive-empty{margin-top:24px;display:flex;gap:15px;align-items:center;padding:19px 20px;border:1px dashed rgba(215,181,125,.42);border-radius:10px;background:rgba(5,19,35,.58)}
.chronicles-archive-empty span{color:#e0b878;font-size:25px}.chronicles-archive-empty p{margin:0;color:#b9cbda}
.chronicles-contact{text-align:center;margin:32px auto 0;max-width:810px;padding:26px 10px 10px}
.chronicles-contact p{color:#cbd9e7}.chronicles-contact .button{margin-top:12px;padding:13px 27px}
.chronicles-closing{min-height:170px;padding:50px 20px;text-align:center;background:linear-gradient(0deg,#04101e,rgba(4,16,30,.25)),url('/assets/images/chronicles-bg.webp') center 30%/cover no-repeat}
.chronicles-closing p{margin:auto;max-width:820px;color:#f0d8ac;font:italic clamp(1.12rem,2vw,1.42rem)/1.5 Georgia,serif}
@media(max-width:950px){.chronicles-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.chronicles-featured{grid-template-columns:1fr 1.4fr}.chronicles-featured-content{padding:28px}}
@media(max-width:650px){.chronicles-hero{min-height:560px;align-items:end;background-position:70% center}.chronicles-hero:before{background:linear-gradient(180deg,rgba(3,11,23,.15) 0%,rgba(3,11,23,.70) 58%,rgba(3,11,23,.94) 100%)}.chronicles-hero-inner{padding:44px 0}.chronicles-hero h1{font-size:3.5rem}.chronicles-hero-lead{font-size:1rem}.chronicles-actions{flex-direction:column}.chronicles-actions .button{width:100%;text-align:center}.chronicles-introduction,.chronicles-archive{padding:23px 18px}.chronicles-themes{grid-template-columns:1fr}.chronicles-themes article{min-height:auto}.chronicles-featured{grid-template-columns:1fr}.chronicles-featured-art{min-height:240px;background-size:cover;background-position:75% center}.chronicles-featured-content{padding:25px 20px}.chronicles-closing{min-height:150px}}

/* Chronicles thematic artwork — four independent illustrations */
.chronicles-themes article {overflow:hidden; padding:0 0 18px; min-height:0;}
.chronicles-theme-art {display:block; width:100%; height:160px; object-fit:cover; object-position:center; border-bottom:1px solid rgba(218,178,115,.35);}
.chronicles-theme-mark {margin:14px 18px 5px; font-size:22px; line-height:1;}
.chronicles-themes h3 {margin:0 18px 8px;}
.chronicles-themes p {margin:0 18px;}
@media (max-width:650px) {.chronicles-theme-art{height:180px;}}