/* World geography and history: all artwork, copy and layout are owned here and in index.html. */
.world-book .realm-section{padding-top:78px;scroll-margin-top:90px}
.world-book .realm-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start;margin-bottom:38px}
.world-book .realm-heading h3{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.07;letter-spacing:-.025em;margin:0}
.world-book .realm-heading p{margin:0;font-size:17px;line-height:1.8;color:#becbd0}
.world-book .kingdom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
.world-book .kingdom-card{min-width:0;margin:0;background:linear-gradient(160deg,#20354166,#0c1b2300);border-bottom:1px solid #5f79805c}
.world-book .kingdom-card>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.world-book .kingdom-copy{padding:25px 21px 24px}
.world-book .kingdom-copy h4{margin:0 0 15px;font:400 31px/1.15 var(--icesus-display);letter-spacing:-.02em;color:#e8e7db}
.world-book .kingdom-copy p{font-size:14px;line-height:1.85;color:#b6c5cb;margin:0 0 15px}
.world-book .kingdom-copy p:last-child{margin-bottom:0}
.world-book .kingdom-graemor{background:linear-gradient(160deg,#24333188,#0c1b2300)}
.world-book .kingdom-khazakul{background:linear-gradient(160deg,#392b2888,#0c1b2300)}
.world-book .independent-powers{margin-top:70px;padding-top:36px;border-top:1px solid #57717d5c}
.world-book .independent-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start;margin-bottom:30px}
.world-book .independent-heading h4{font:400 33px/1.16 var(--icesus-display);margin:0;color:#e4e5dc}
.world-book .independent-heading p{font-size:16px;line-height:1.8;margin:0;color:#bac8ce}
.world-book .independent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 35px;margin:0}
.world-book .independent-grid>div{position:relative;padding:0 0 0 17px;border-left:1px solid #bb9f6675}
.world-book .independent-grid dt{font:400 23px/1.25 var(--icesus-display);margin:0 0 10px;color:#e1d4b9}
.world-book .independent-grid dd{margin:0;font-size:14px;line-height:1.85;color:#b6c5cb}
.world-book .kingdom-common-ground{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;margin-top:55px;padding:36px;background:linear-gradient(115deg,#3c4b433d,#334b5c36);border:1px solid #78927f42}
.world-book .kingdom-common-ground h4{font:400 29px/1.25 var(--icesus-display);color:#e7dec6;margin:0}
.world-book .kingdom-common-ground p{font-size:15px;line-height:1.85;color:#c0cdd0;margin:0 0 12px}
.world-book .chronicle-section{padding-block:72px 96px;background:radial-gradient(ellipse at 50% 0,#263333,#0b1821 65%);border-block:1px solid #40536166}
.world-book .chronicle-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-bottom:52px;padding-bottom:42px;border-bottom:3px double #98754a77}
.world-book .chronicle-heading h2{font:400 clamp(2.6rem,5vw,4.7rem)/1.02 var(--icesus-display);letter-spacing:-.035em;margin:0;color:#382c20}
.world-book .chronicle-heading>p{font-size:18px;line-height:1.8;color:#504332;margin:0}
.world-book .chronicle-origins{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:start}
.world-book .chronicle-origins figure,.world-book .chronicle-refuge figure,.world-book .chronicle-walls figure{margin:0}
.world-book .chronicle-origins img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:49% center;border:1px solid #86683c88}
.world-book .chronicle-section h3{font:400 clamp(1.65rem,2.5vw,2.4rem)/1.18 var(--icesus-display);letter-spacing:-.015em;margin:0 0 21px;color:#382c20}
.world-book .chronicle-section p{font-size:15px;line-height:1.88;color:#4b4032;margin:0 0 17px}
.world-book .chronicle-section p:last-child{margin-bottom:0}
.world-book .chronicle-war{margin:0;padding:0;border:0}
.world-book .chronicle-war>h3{margin-bottom:33px}
.world-book .chronicle-cataclysm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;margin:0;padding:0}
.world-book .chronicle-cataclysm li{position:relative;padding-left:47px;min-width:0}
.world-book .chronicle-cataclysm li:not(:last-child)::after{content:'';position:absolute;left:calc(100% + 11px);top:13px;width:9px;height:9px;border-right:1px solid #886d4a;border-top:1px solid #886d4a;transform:rotate(45deg)}
.world-book .chronicle-cataclysm h4{font:400 22px/1.25 var(--icesus-display);margin:0 0 14px;color:#4a392a}
.world-book .chronicle-cataclysm p{font-size:14px;line-height:1.85}
.world-book .cataclysm-mark{display:block;position:absolute;left:0;top:2px;width:27px;height:33px}
.world-book .mark-magic{background:linear-gradient(35deg,transparent 43%,#a696d5 44%,#a696d5 48%,transparent 49%),linear-gradient(145deg,#b8a9e2 35%,transparent 36%,transparent 43%,#655687 44%);clip-path:polygon(50% 0,94% 37%,67% 100%,36% 78%,6% 32%);filter:drop-shadow(0 0 10px #9c84e144)}
.world-book .mark-water{border-radius:80% 8% 65% 35%;background:linear-gradient(130deg,#b5d9df,#3c788f);transform:rotate(-35deg);width:23px;height:29px;left:3px;top:3px}
.world-book .mark-ice{background:linear-gradient(120deg,#e4edef 0 35%,#98bcc9 36% 65%,#476977 66%);clip-path:polygon(50% 0,82% 22%,100% 72%,50% 100%,0 71%,17% 22%)}
.world-book .chronicle-refuge img{display:block;width:100%;height:auto;border:1px solid #86683c88}
.world-book .chronicle-refuge-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;padding:33px 0 0}
.world-book .chronicle-refuge-copy h3{font-size:clamp(1.9rem,3vw,2.8rem)}
.world-book .chronicle-walls{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:42px;margin:0;padding:0;border:0}
.world-book .chronicle-walls img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #86683c88}
.world-book .chronicle-unraveling{padding-top:10px}
.world-book .chronicle-fall-images{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.world-book .chronicle-fall-images img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.world-book .chronicle-now{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;padding-top:34px}
.world-book .chronicle-now h3{font-size:clamp(1.9rem,3vw,2.8rem);color:#4c3724}
.world-book .chronicle-full-history{margin-top:40px}
@media(max-width:1100px){
.world-book .kingdom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.world-book .realm-heading,.world-book .independent-heading,.world-book .chronicle-heading,.world-book .chronicle-refuge-copy,.world-book .chronicle-now,.world-book .kingdom-common-ground{gap:35px}
.world-book .chronicle-origins,.world-book .chronicle-walls{gap:30px}
.world-book .chronicle-cataclysm{gap:25px}
.world-book .chronicle-cataclysm li{padding-left:0;padding-top:47px}
.world-book .chronicle-cataclysm li:not(:last-child)::after{left:calc(100% + 5px)}
}
@media(max-width:760px){
.world-book .realm-section{padding-top:48px}
.world-book .realm-heading,.world-book .independent-heading,.world-book .chronicle-heading,.world-book .chronicle-origins,.world-book .chronicle-refuge-copy,.world-book .chronicle-walls,.world-book .chronicle-now,.world-book .kingdom-common-ground{display:block}
.world-book .realm-heading{margin-bottom:28px}
.world-book .realm-heading h3{margin-bottom:20px}
.world-book .realm-heading p,.world-book .chronicle-heading>p{font-size:16px}
.world-book .kingdom-grid{gap:28px 18px}
.world-book .kingdom-copy{padding:20px 18px 24px}
.world-book .kingdom-copy h4{font-size:28px}
.world-book .independent-powers{margin-top:48px;padding-top:28px}
.world-book .independent-heading h4{margin-bottom:18px}
.world-book .independent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 23px}
.world-book .kingdom-common-ground{padding:27px 25px;margin-top:35px}
.world-book .kingdom-common-ground h4{margin-bottom:20px}
.world-book .chronicle-heading{margin-bottom:30px}
.world-book .chronicle-heading h2{margin-bottom:24px}
.world-book .chronicle-origins img{aspect-ratio:16/10;margin-bottom:27px;object-position:center}
.world-book .chronicle-section h3{font-size:29px}
.world-book .chronicle-section p{font-size:15px}
.world-book .chronicle-war{margin:0;padding:0}
.world-book .chronicle-cataclysm{display:block}
.world-book .chronicle-cataclysm li{padding:0 0 26px 47px;margin-bottom:22px;border-bottom:1px solid #98754a55}
.world-book .chronicle-cataclysm li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.world-book .chronicle-cataclysm li:not(:last-child)::after{display:none}
.world-book .chronicle-cataclysm h4{font-size:23px}
.world-book .chronicle-refuge-copy,.world-book .chronicle-now{padding-top:26px}
.world-book .chronicle-walls{padding:0;margin:0}
.world-book .chronicle-walls figure{margin-top:26px}
.world-book .chronicle-fall-images{gap:3px}
.world-book .chronicle-fall-images img{aspect-ratio:4/5;object-position:65% center}
.world-book .chronicle-fall-images img:last-child{object-position:48% center}
.world-book .chronicle-full-history{margin-top:25px}
}
@media(max-width:520px){
.world-book .kingdom-grid{grid-template-columns:1fr}
.world-book .kingdom-card>img{aspect-ratio:8/4.5}
.world-book .kingdom-copy{padding:22px 20px 26px}
.world-book .kingdom-copy p{font-size:15px}
.world-book .independent-grid{grid-template-columns:1fr;gap:26px}
.world-book .independent-grid dd{font-size:15px}
.world-book .chronicle-fall-images{grid-template-columns:1fr;gap:8px}
.world-book .chronicle-fall-images img,.world-book .chronicle-fall-images img:last-child{aspect-ratio:16/10;object-position:center}
}

/* A physical manuscript and a continuous timeline make the historical boundary clear. */
.world-book .chronicle-scroll{position:relative;isolation:isolate;box-sizing:border-box;max-width:1320px;width:calc(100% - 80px);padding:70px clamp(30px,5vw,80px) 65px;color:#4b4032;border:1px solid #ac8758;border-radius:5px 9px 7px 4px;background-color:#e7d4ab;background-image:radial-gradient(ellipse at 0 12%,#98652d24,transparent 45%),radial-gradient(ellipse at 100% 78%,#a06c3626,transparent 40%),repeating-linear-gradient(2deg,#58371304 0 1px,transparent 1px 5px),url('/world/art/chronicle-grain.svg'),linear-gradient(90deg,#c3a675,#ecdbb9 6%,#eddfc1 48%,#ead9b5 94%,#bfa06e);box-shadow:0 24px 65px #0008,inset 0 0 65px #956b3440}
.world-book .chronicle-scroll::before,.world-book .chronicle-scroll::after{content:'';position:absolute;z-index:1;left:-10px;right:-10px;height:27px;pointer-events:none;border:1px solid #af8d5e;border-radius:50% / 35%;background:linear-gradient(#927044,#d2b580 18%,#f1e1bc 48%,#d2b380 78%,#9c7646);box-shadow:0 7px 12px #251b1640}
.world-book .chronicle-scroll::before{top:-10px}
.world-book .chronicle-scroll::after{bottom:-10px;transform:rotate(180deg)}
.world-book .chronicle-heading .chronicle-subtitle{font:italic 400 clamp(21px,2.3vw,29px)/1.35 var(--icesus-display);color:#735432;margin:20px 0 0}
.world-book .chronicle-timeline{position:relative;list-style:none;padding:0 0 0 40px;margin:0}
.world-book .chronicle-timeline::before{content:'';position:absolute;top:12px;bottom:0;left:6px;width:1px;background:linear-gradient(#98774d,#98774d 96%,transparent)}
.world-book .chronicle-entry{position:relative;padding:0 0 68px;scroll-margin-top:88px}
.world-book .chronicle-entry::before{content:'';position:absolute;left:-39px;top:7px;width:11px;height:11px;border:2px solid #775b38;border-radius:50%;background:#e9d6b1;box-shadow:0 0 0 4px #e9d6b1}
.world-book .chronicle-entry-present::before{background:#775b38}
.world-book .chronicle-entry:last-child{padding-bottom:0}
.world-book .chronicle-entry .chronicle-era{display:flex;align-items:center;gap:18px;font:600 13px/1.7 var(--icesus-sans);letter-spacing:.11em;text-transform:uppercase;color:#715332;margin:0 0 26px}
.world-book .chronicle-era::after{content:'';height:1px;background:#98754a55;flex:1;min-width:15px}
.world-book .chronicle-section .text-link{color:#654722;border-color:#8a673f}
.world-book .chronicle-section .text-link:hover{color:#332112;border-color:#332112}
.world-book .chronicle-section :is(a,button):focus-visible{outline-color:#654722}
.world-book .chronicle-section figure img,.world-book .chronicle-fall-images img{box-shadow:0 6px 14px #5b3b2826}
@media(max-width:1100px){.world-book .chronicle-origins{grid-template-columns:1fr}.world-book .chronicle-origins figure{max-width:760px}.world-book .chronicle-heading{gap:32px}}
@media(max-width:760px){
.world-book .chronicle-section{padding-block:40px 60px}
.world-book .chronicle-scroll{width:calc(100% - 28px);padding:47px 22px 45px}
.world-book .chronicle-scroll::before,.world-book .chronicle-scroll::after{left:-5px;right:-5px;height:20px}
.world-book .chronicle-heading{padding-bottom:28px;margin-bottom:32px}
.world-book .chronicle-heading h2{font-size:clamp(38px,8vw,58px);margin-bottom:0}
.world-book .chronicle-heading .chronicle-subtitle{margin:15px 0 24px}
.world-book .chronicle-heading>p{font-size:16px}
.world-book .chronicle-timeline{padding-left:23px}
.world-book .chronicle-timeline::before{left:1px}
.world-book .chronicle-entry{padding-bottom:46px}
.world-book .chronicle-entry::before{left:-27px;width:9px;height:9px;top:6px}
.world-book .chronicle-entry .chronicle-era{font-size:11px;letter-spacing:.07em;gap:10px;margin-bottom:21px}
.world-book .chronicle-origins{display:block}
.world-book .chronicle-section h3{font-size:27px}
.world-book .chronicle-section p{line-height:1.8}
.world-book .chronicle-cataclysm li{padding-left:40px}
.world-book .chronicle-full-history{margin-left:23px}
}
@media print{.world-book .chronicle-section{background:none;padding:20px 0}.world-book .chronicle-scroll{width:100%;box-shadow:none;background:#fff;border:1px solid #bbb;padding:25px}.world-book .chronicle-scroll::before,.world-book .chronicle-scroll::after{display:none}}