/* Website-only illustrated chapters. desktop.js removes .home-below before rendering its home. */
.home-below.world-journal{display:block;margin-top:10px;padding-top:70px;border-top:1px solid var(--line);text-align:left}
.world-journal h2{font:400 clamp(34px,4vw,54px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px;color:#f0ece0;text-wrap:balance}
.world-journal h2 em{font-weight:400;color:#dbba87}
.world-journal p{font-size:14px;line-height:1.85;color:#bdcbc7;margin:0 0 20px}
.world-journal .eyebrow{color:var(--gold);font-size:10px;line-height:1.5;letter-spacing:.18em;margin-bottom:20px;justify-content:flex-start}
.journal-heading{max-width:760px;margin:0 auto 64px;text-align:center}
.journal-heading .eyebrow{justify-content:center}.journal-heading>p:not(.eyebrow){max-width:580px;margin:0 auto 26px;font-size:16px}
/* Eight chapters, four to a row. As a wrapping flex row it fitted seven and left 'The End'
   alone on a second line (Owen, 2026-10-26: "split this evenly among 2 rows, it's unnaturally
   overflowing"), so the row break is the layout's decision now and not the viewport's. */
.journal-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;justify-items:center;width:min(760px,100%);margin-inline:auto;gap:10px 25px;padding-top:10px}.journal-nav a{font-size:11px;color:#cdbb97;text-decoration:none;border-bottom:1px solid #dbba7944;padding:6px 0}.journal-nav a:hover{color:#fff1d2;border-color:var(--gold)}
.journal-chapter{scroll-margin-top:100px;margin-bottom:100px}
.chapter-art{margin:0;position:relative;border:1px solid #dbba793b;overflow:hidden;background:#10232b}
.chapter-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.chapter-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;align-items:end;padding:45px 24px 18px;background:linear-gradient(transparent,#06171ef2);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#f2dfb7}
.chapter-art figcaption span{text-transform:none;letter-spacing:.02em;color:#d1dcd5;font:italic 15px Georgia,serif}
.sailing-chapter .chapter-art img{aspect-ratio:3/2;object-position:center}
.sailing-chapter>.chapter-copy{padding:38px 36px 0}.sailing-chapter>.chapter-copy>p:not(.eyebrow){max-width:780px;font-size:16px}
.chapter-pair{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:28px 0 8px;padding-top:28px;border-top:1px solid var(--line)}
.world-journal h3{font:400 23px/1.3 Georgia,serif;color:#e0d4b9;margin:0 0 12px;letter-spacing:-.015em}
.journal-link{display:inline-flex;align-items:center;gap:36px;color:#e8cc91;font-size:12px;text-decoration:none;padding:12px 0;border-bottom:1px solid #dbba7966}.journal-link span{font-size:20px;line-height:1}.journal-link:hover{color:#fff0cc;border-color:#fff0cc}
.law-chapter{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.law-visual{position:sticky;top:100px}.law-intro{padding-top:28px}.law-chapter .chapter-art img{aspect-ratio:3/2;object-position:center}.law-chapter .chapter-copy{padding-top:10px}.law-chapter h2{font-size:clamp(32px,3.8vw,49px)}
.journal-roles{margin:30px 0 24px;display:grid;gap:0}.journal-roles>div{padding:17px 0 17px 17px;border-top:1px solid var(--line);border-left:2px solid #78aabe}.journal-roles>div:nth-child(2){border-left-color:#c98271}.journal-roles>div:nth-child(3){border-left-color:#d9b979}.journal-roles dt{color:#ece1c9;font-size:13px;margin:0 0 7px}.journal-roles dd{color:#adbfba;font-size:12px;line-height:1.8;margin:0}
.crime-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.crime-details summary{cursor:pointer;color:#e2c998;font-size:12px;line-height:1.6;padding:16px 2px}.crime-details>div{padding:4px 0 0}.crime-details p{font-size:12px}
.expedition-heading{max-width:650px;margin:0 0 38px}.expedition-heading>p:last-child{max-width:520px}
.expedition-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.expedition{scroll-margin-top:100px}.expedition .chapter-copy{padding:30px 12px 0}.expedition h2{font-size:clamp(32px,3.5vw,46px)}.expedition .chapter-art img{aspect-ratio:1.3}.expedition .chapter-art figcaption{padding-left:16px;padding-right:16px}.expedition .chapter-art figcaption span{font-size:12px}
.encounter-stats{display:flex;gap:32px;padding:22px 0;margin:0 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.encounter-stats dt{font:36px/1 Georgia,serif;color:#edcf93;letter-spacing:-.04em}.encounter-stats dd{font-size:10px;color:#b9c9c2;margin:9px 0 0}.world-journal .chapter-warning{border-left:2px solid #d1aa68;padding-left:14px;font-size:12px;color:#d3c5a6}
.journal-close{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:70px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journal-close h2{font-size:32px;margin-bottom:12px}.journal-close p:last-child{margin:0}.journal-close .eyebrow{margin-bottom:14px}.journal-close .journal-link{flex-shrink:0}
.world-journal .journal-credit{margin:24px 0 0;width:100%;max-width:none;text-align:center;font-size:11px;color:#91a7a2}.journal-credit a{color:#c7bb9d}
@media(max-width:900px){.law-chapter{gap:28px}.sailing-chapter>.chapter-copy{padding-left:12px;padding-right:12px}.chapter-pair{gap:28px}.expedition-grid{gap:24px}.law-chapter .chapter-art img{aspect-ratio:3/2}.chapter-art figcaption span{font-size:12px}.encounter-stats{gap:22px}.encounter-stats dt{font-size:32px}}
@media(max-width:600px){.home-below.world-journal{padding-top:42px}.journal-heading{margin-bottom:36px}.world-journal h2{font-size:36px}.journal-heading>p:not(.eyebrow){font-size:14px}.journal-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.journal-chapter{margin-bottom:58px}.sailing-chapter .chapter-art img{aspect-ratio:3/2}.chapter-art figcaption{padding:40px 14px 14px;font-size:9px}.chapter-art figcaption span{font-size:11px}.sailing-chapter>.chapter-copy{padding:28px 0 0}.sailing-chapter>.chapter-copy>p:not(.eyebrow){font-size:14px}.chapter-pair{grid-template-columns:1fr;gap:16px;margin-top:24px;padding-top:24px}.law-chapter{grid-template-columns:1fr;gap:28px}.law-visual{position:relative;top:auto}.law-chapter .chapter-art img{aspect-ratio:3/2}.law-chapter .chapter-copy{padding:0}.world-journal .eyebrow{font-size:9px}.expedition-heading{margin-bottom:28px}.expedition-grid{grid-template-columns:1fr;gap:50px}.expedition .chapter-copy{padding:26px 0 0}.expedition .chapter-art img{aspect-ratio:1.25}.journal-close{margin-top:45px;padding:30px 0;align-items:start;flex-direction:column;gap:16px}.journal-close h2{font-size:29px}.world-journal p{font-size:14px}}
/* Workshop progression and the server's personal survival rules. */
.crafting-chapter>.chapter-copy{padding:38px 36px 0}.world-journal .chapter-lead{font-size:16px;max-width:820px}.crafting-chapter .chapter-art img{aspect-ratio:3/2}
.crafting-stages{list-style:none;counter-reset:craft-stage;display:grid;grid-template-columns:1fr 1fr;gap:32px 45px;padding:0;margin:35px 0}.crafting-stages li{counter-increment:craft-stage;border-top:1px solid var(--line);padding-top:22px}.crafting-stages li::before{content:"0" counter(craft-stage);display:block;color:var(--gold);font:italic 20px Georgia,serif;margin-bottom:14px}.crafting-stages p{margin-bottom:0}.crafting-discovery{border-left:2px solid #be9e61;padding-left:22px;margin:30px 0}.chapter-guide-links{display:flex;gap:16px 32px;flex-wrap:wrap}
.survival-chapter{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.survival-visual{position:sticky;top:100px}.survival-visual .chapter-art img{aspect-ratio:3/2}.survival-intro{padding-top:28px}.survival-intro h2{font-size:clamp(34px,3.8vw,49px)}.survival-rules>div{border-top:1px solid var(--line);padding-top:22px;margin-bottom:28px}.survival-rules>div:first-child{border-top:0;padding-top:0}.survival-rules strong{font-weight:600;color:#ead8b4}.survival-rules .bounty-loss{padding:22px;border:1px solid #c982714d;background:#9d55450d}.bounty-loss .eyebrow{color:#dfa28e;margin-bottom:12px}.bounty-loss p:last-child{margin-bottom:0}
@media(max-width:900px){.crafting-chapter>.chapter-copy{padding-left:12px;padding-right:12px}.crafting-stages{gap:28px}.survival-chapter{gap:28px}}
@media(max-width:600px){.crafting-chapter>.chapter-copy{padding:28px 0 0}.world-journal .chapter-lead{font-size:14px}.crafting-stages{grid-template-columns:1fr;gap:26px;margin-top:28px}.chapter-guide-links{gap:10px}.survival-chapter{grid-template-columns:1fr;gap:24px}.survival-visual{position:relative;top:auto}.survival-rules .bounty-loss{padding:18px}.survival-intro h2{font-size:36px}.crafting-chapter figcaption span{max-width:45%;text-align:right}.survival-chapter figcaption span{max-width:45%;text-align:right}}
/* Ship ownership followed by combat: a broad deck scene, then a tactical split. */
.fleet-chapter>.chapter-copy{padding:38px 36px 0}.fleet-chapter .chapter-art img,.combat-visual .chapter-art img{aspect-ratio:3/2}.ship-law-note{border-left:2px solid #be9e61;padding-left:22px;margin:26px 0}
.naval-combat-chapter{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.combat-visual{position:sticky;top:100px}.combat-intro{padding-top:28px}.combat-intro h2{font-size:clamp(34px,3.8vw,49px)}.combat-tactics>div{border-top:1px solid var(--line);padding-top:22px;margin-bottom:28px}.combat-tactics>div:first-child{border:0;padding-top:0}.combat-tactics .ramming-warning{border:1px solid #c982714d;padding:22px;background:#9d55450d}.ramming-warning .eyebrow{color:#dfa28e;margin-bottom:12px}.ramming-warning p:last-child{margin-bottom:0}
@media(max-width:900px){.fleet-chapter>.chapter-copy{padding-left:12px;padding-right:12px}.naval-combat-chapter{gap:28px}}
@media(max-width:600px){.fleet-chapter>.chapter-copy{padding:28px 0 0}.naval-combat-chapter{grid-template-columns:1fr;gap:24px}.combat-visual{position:relative;top:auto}.combat-intro h2{font-size:36px}.combat-tactics .ramming-warning{padding:18px}.fleet-chapter figcaption span,.combat-visual figcaption span{max-width:45%;text-align:right}}