.textured-guide main{background:#e8d8b8;position:relative;isolation:isolate}.textured-guide .page-hero{background:transparent;border-bottom:1px solid #a98445}.textured-guide .article{max-width:1000px}.textured-guide[data-page=rules] main:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/SepiaOasis.png') center top/100% auto repeat-y;opacity:.5;pointer-events:none}.textured-guide[data-page=rules] .article{background:#fff4dfde;padding:40px 50px 60px;box-shadow:0 0 50px #fff1d46b}.textured-guide[data-page=rules] .page-hero{background:#fff2d787}.welcome-guide-hero{padding:26px max(4%,calc((100% - 1300px)/2)) 28px;text-align:center;border-bottom:1px solid #aa8449}.welcome-guide-hero img{display:block;width:100%;height:auto;max-width:1300px;margin:0 auto 24px}.welcome-guide-hero h1{font-family:var(--display);font-size:33px;font-weight:400;margin:0 0 8px}.welcome-guide-hero p{margin:0;font-size:17px}.regional-guide{background:#f3e5c9 url('assets/Sahraeth_TEXTURE_Parchment.png') center/1000px}.regional-guide-hero{position:relative;isolation:isolate;min-height:380px;color:#f6e3b9;overflow:hidden;border-bottom:3px double #bc9855;background:#183d3c}.guide-hero-art,.guide-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.guide-hero-art{object-position:center 47%}.guide-hero-shade{background:linear-gradient(90deg,#071d20ee 0%,#102a2db3 47%,#071b1f24 100%);z-index:-1}.guide-hero-inner{max-width:1280px;margin:auto;padding:26px 35px 30px}.guide-back{color:#e9ce98;text-decoration:none;font-family:var(--display);font-size:11px;letter-spacing:1px}.guide-identity{display:flex;align-items:center;gap:32px;margin:15px 0 0}.guide-identity>img{height:220px;width:160px;object-fit:contain;filter:drop-shadow(3px 5px 9px #000a)}.guide-kicker{font-family:var(--display);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;color:#ac8346}.guide-hero-inner .guide-kicker{color:#e2c88d}.guide-identity h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,5.7vw,78px);line-height:1.1;text-transform:uppercase;color:#edcd8f;letter-spacing:1px;margin:0 0 15px}.guide-hero-theme{font-family:var(--display);font-size:14px;text-transform:uppercase;letter-spacing:2px;margin:0}.guide-hero-motto{font-size:19px;font-style:italic;margin:8px 0 0 192px;color:#f5e7cf}.guide-shell{max-width:1280px;margin:auto;padding:44px 35px 60px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px}.guide-index{position:sticky;top:22px;align-self:start;border-right:1px solid #c3a772;padding-right:25px}.guide-index nav{display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:flex-start}.guide-index button{display:flex;align-items:baseline;gap:12px;background:none;border:0;border-bottom:1px solid #c6aa7438;color:#41352c;text-align:left;font-family:var(--body);font-size:13px;padding:8px 0;line-height:1.5;cursor:pointer}.guide-index button span{font-family:var(--display);font-size:10px;color:#a27a3e}.guide-index button:hover{color:#03555b}.guide-all-regions{display:block;margin-top:23px;text-decoration:none;font-size:12px;color:#09515a}.guide-content{min-width:0}.guide-facts-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b48c4d;border-bottom:1px solid #b48c4d;margin:0 0 15px;padding:16px 0;gap:20px}.guide-facts-strip span{display:block;font-family:var(--display);font-size:10px;text-transform:uppercase;color:#886435;letter-spacing:1px}.guide-facts-strip strong{font-weight:400;font-size:16px}.guide-section{padding:30px 0 25px;border-bottom:1px solid #bd9a634d;scroll-margin-top:25px}.guide-section-heading{display:flex;align-items:center;gap:16px;margin-bottom:21px}.guide-section-heading>span{font-family:var(--display);font-size:13px;color:#99713c;border:1px solid #b9955b;width:33px;height:33px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%}.guide-section h2{font-family:var(--display);font-size:27px;font-weight:400;line-height:1.3;margin:0;color:#2b4141}.guide-section h3{font-family:var(--display);font-size:18px;font-weight:500;margin:25px 0 13px;color:#77582f}.guide-section p{font-size:16px;line-height:1.85;margin:0 0 20px}.guide-section .guide-lead{font-size:20px;line-height:1.75}.guide-section blockquote{border-top:1px solid #bc98576b;border-bottom:1px solid #bc98576b;text-align:center;padding:22px 15px;margin:27px 0;color:#80602f;font-size:28px;font-style:italic;line-height:1.5}.guide-section .source-bullet{margin:0 0 8px;padding-left:19px;position:relative}.source-bullet:before{content:'◇';position:absolute;left:0;color:#a17b40}.field-guide{margin:23px 0}.field-guide details{padding:15px 6px;border-top:1px solid #bc9c65}.field-guide summary{font-size:16px;color:#3a4b44}.field-guide details p{font-size:15px;margin-top:15px}.guide-callout{padding:24px 27px;background:#06434a;color:#f3e3c2;border:3px double #c4a05d;margin:30px 0 5px}.guide-callout h4{font-family:var(--display);color:#e9c786;font-weight:400;font-size:18px;margin:0 0 12px}.guide-callout p{font-size:14px}.guide-callout a{font-size:12px;color:#efd09a}.guide-next{background:#fff3d84f;text-align:center;padding:25px 20px;margin-top:35px;border:1px solid #b59a6c}.guide-next h2{font-family:var(--display);font-size:24px;font-weight:400}.guide-next .bottom-actions{justify-content:center;margin-bottom:5px}.placeholder-label{font-family:var(--display);font-size:11px!important;text-transform:uppercase;letter-spacing:2px;color:#946a33}.guide-content .notice p{margin:8px 0 0}.guide-index button:focus-visible{outline:2px solid #146a71;outline-offset:3px}
@media(max-width:1000px){.guide-shell{grid-template-columns:200px minmax(0,1fr);gap:30px;padding-inline:25px}.guide-index{padding-right:16px}.guide-index button{font-size:12px}.guide-section h2{font-size:24px}.guide-hero-inner{padding-inline:25px}.guide-identity h1{font-size:55px}}@media(max-width:800px){.guide-shell{display:block;padding-top:26px}.guide-index{position:static;border:1px solid #bd9a63;padding:18px;margin-bottom:25px}.guide-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.guide-all-regions{margin-top:14px}.guide-section{padding-top:25px}.guide-identity>img{height:170px;width:115px}.guide-identity{gap:20px}.guide-identity h1{font-size:46px}.guide-hero-motto{margin-left:135px}.regional-guide-hero{min-height:310px}.guide-facts-strip{margin-top:10px}.textured-guide[data-page=rules] .article{padding:30px 7% 45px}.textured-guide[data-page=rules] main:before{background-size:auto 700px;background-position:center top}.welcome-guide-hero h1{font-size:28px}}@media(max-width:480px){.guide-hero-inner{padding:21px}.guide-identity{gap:12px;margin-top:25px}.guide-identity>img{height:135px;width:80px}.guide-identity h1{font-size:34px;letter-spacing:0}.guide-hero-theme{font-size:10px;letter-spacing:1px;line-height:1.8}.guide-hero-inner .guide-kicker{font-size:8px}.guide-hero-motto{margin:20px 0 0;font-size:17px}.regional-guide-hero{min-height:300px}.guide-shell{padding:22px 21px 35px}.guide-index nav{gap:0 12px}.guide-index button{font-size:11px;gap:7px}.guide-section-heading{gap:13px}.guide-section-heading>span{width:26px;height:26px;font-size:10px}.guide-section h2{font-size:23px}.guide-section .guide-lead{font-size:18px}.guide-section p{font-size:15px;line-height:1.85}.guide-section blockquote{font-size:24px}.guide-facts-strip{gap:10px}.guide-facts-strip strong{font-size:13px}.guide-facts-strip span{font-size:8px}.guide-callout{padding:20px}.welcome-guide-hero{padding:18px 5% 23px}.welcome-guide-hero h1{font-size:25px}.welcome-guide-hero p{font-size:15px}.welcome-guide-hero img{margin-bottom:18px}.textured-guide main{background-size:1600px auto}}

/* Flat parchment for the introductory guides. */
body.textured-guide{background:#e8d8b8}
.first-checklist-art{margin:30px -35px 35px}
.first-checklist-art>img{display:block;width:100%;height:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-page=start] .first-scene-body{padding:16px 0 0 30px}
body[data-page=start] .first-scene-body>:last-child{margin-bottom:0}
@media(max-width:800px){.first-checklist-art{margin:25px -12px 30px}body[data-page=start] .first-scene-body{padding-left:22px}}
@media(max-width:480px){.first-checklist-art{margin-inline:-18px}body[data-page=start] .first-scene-body{padding-left:18px}}

body[data-page=start] .first-scene-body ul{margin:0 0 22px;padding-left:25px;list-style:disc}body[data-page=start] .first-scene-body li{padding:3px 0 3px 3px;line-height:1.7}body[data-page=start] .first-scene-body li::marker{color:#80602f}
