/* The Hidden Springs blog: the game's sepia-and-brass look, tuned for long reading on a phone. */
[hidden]{display:none!important}
.bl main{padding-top:18px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.bl .hs-bar{gap:8px}
.bl-aa{min-width:44px;height:44px;border-radius:12px;border:1px solid rgba(240,182,74,.5);background:rgba(255,246,227,.06);color:var(--cream);font:700 17px var(--sans);cursor:pointer}
.bl-play{min-height:44px;padding:8px 18px;font-size:15px}
.bl-prefs{display:flex;gap:8px;flex-wrap:wrap;padding:10px var(--gutter);border-bottom:1px solid rgba(240,182,74,.25);background:var(--soot)}
.bl-prefs button{flex:1;min-height:48px;border-radius:12px;border:1px solid rgba(240,182,74,.5);background:transparent;color:var(--cream);font:700 15px var(--sans);cursor:pointer}
.bl-prefs button[aria-checked=true]{background:var(--brass);color:#1d1206;border-color:var(--brass)}
.bl h1{font:400 clamp(30px,8.6vw,46px)/1.06 var(--display);margin:6px 0 10px;color:var(--cream);text-wrap:balance}
.bl-hero .bl-lede{font:500 18px/1.5 var(--sans);color:var(--muted);margin:0 0 6px}
.bl-meta{font:500 14px/1.4 var(--sans);color:var(--muted);margin:0 0 12px}
.bl-say{min-height:44px;padding:8px 16px;font-size:15px;margin:0 0 6px}
.bl-body{font:400 18.5px/1.62 var(--serif);color:var(--cream)}
.bl-body h2{font:700 15px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:30px 0 8px}
.bl-body p,.bl-body ul,.bl-body ol,.bl-body dl{margin:0 0 14px}
.bl-body ul,.bl-body ol{padding-left:22px}
.bl-body li{margin:0 0 8px}
.bl-body b{color:var(--brass-hi);font-weight:600}
.bl-body .lede{font:500 20px/1.5 var(--sans);color:var(--cream);margin:14px 0 18px}
.bl-body .steps li::marker,.bl-body .chapters li::marker{color:var(--brass);font-family:var(--sans);font-weight:700}
.bl-body a{color:var(--brass-hi);text-underline-offset:3px}
.bl-body a.btn{text-decoration:none}.bl-body a.btn-brass{color:#1d1206}.bl-body a.btn-ghost{color:var(--cream)}
html[data-sun="1"] .bl-body a.btn-brass{color:#fffaf0}html[data-sun="1"] .bl-body a.btn-ghost{color:#111}
.tag{display:inline-block;padding:1px 7px;margin-right:4px;border-radius:5px;font:700 11.5px/1.6 var(--sans);letter-spacing:.08em;color:#fff;vertical-align:2px}
.tag.fact{background:var(--fact)}.tag.claim{background:var(--claim)}.tag.legend{background:var(--legend)}.tag.fiction{background:var(--fiction)}
.bl-body dl.tags{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:baseline;padding:14px;border-radius:14px;background:rgba(255,246,227,.05);border:1px solid rgba(240,182,74,.28)}
.bl-body dl.tags dd{margin:0;font:500 16px/1.4 var(--sans);color:var(--muted)}
.shot{margin:22px auto;max-width:280px;text-align:center}
.shot img{display:block;width:100%;height:auto;border-radius:26px;border:6px solid #2b2017;outline:1px solid rgba(240,182,74,.45);background:#000}
.shot figcaption{margin-top:10px;font:500 14px/1.4 var(--sans);color:var(--muted)}
.note{margin:22px 0;padding:14px 16px;border-radius:14px;border:1px solid rgba(56,201,183,.5);background:rgba(56,201,183,.08);font:500 16px/1.5 var(--sans);color:var(--cream)}
.note b{color:#cfeee9}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px}
.cta .btn{flex:1 1 200px}
.bl-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.bl-card{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:16px;text-decoration:none;color:var(--cream);background:rgba(255,246,227,.05);border:1px solid rgba(240,182,74,.3);transition:background .15s}
.bl-card:active{background:rgba(240,182,74,.12)}
.bl-card:focus-visible{outline:3px solid var(--brass-hi);outline-offset:2px}
.bl-card img{flex:0 0 84px;width:84px;height:112px;object-fit:cover;object-position:top;border-radius:10px;border:1px solid rgba(240,182,74,.35)}
.bl-card .t{min-width:0}
.bl-card small{display:block;font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.bl-card b{display:block;margin:4px 0;font:700 18px/1.25 var(--sans);overflow-wrap:anywhere}
.bl-card .t>span{display:block;font:500 15px/1.4 var(--sans);color:var(--muted)}
.bl-card em{display:block;margin-top:6px;font:600 13px var(--sans);font-style:normal;color:var(--muted)}
.bl-more{margin:34px 0 0;padding-top:18px;border-top:1px solid rgba(240,182,74,.25)}
.bl-more h2{font:700 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 10px}
.bl-more ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bl-more a{display:block;padding:12px 14px;border-radius:12px;border:1px solid rgba(240,182,74,.28);text-decoration:none;color:var(--cream)}
.bl-more a b{display:block;font:700 16.5px/1.3 var(--sans)}
.bl-more a span{display:block;margin-top:2px;font:500 14px/1.4 var(--sans);color:var(--muted)}
.bl-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.bl-nav a{flex:1 1 30%;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(240,182,74,.45);text-decoration:none;color:var(--cream);font:700 14px var(--sans)}
.bl-foot{margin:36px 0 0;padding-top:16px;border-top:1px solid rgba(240,182,74,.25);font:500 15px/1.5 var(--sans);color:var(--muted)}
.bl-foot b{color:var(--cream)}
.bl-links a{color:var(--brass-hi)}
html[data-big="1"] .bl-body{font-size:22px}
html[data-big="1"] .bl-body .lede{font-size:23px}
html[data-big="1"] .bl-card b{font-size:21px}
html[data-big="1"] .bl-card .t>span,html[data-big="1"] .bl-meta,html[data-big="1"] .bl-foot{font-size:18px}
html[data-sun="1"] .bl-body,html[data-sun="1"] .bl h1{color:#111}
html[data-sun="1"] .bl-body b,html[data-sun="1"] .bl-body a{color:#5a3200}
html[data-sun="1"] .bl-card,html[data-sun="1"] .bl-more a,html[data-sun="1"] .bl-body dl.tags{background:#fff;border:2px solid #111;color:#111}
html[data-sun="1"] .note{background:#fff;border:2px solid #1f6f63;color:#111}
html[data-sun="1"] .note b{color:#1f6f63}
html[data-sun="1"] .bl-aa,html[data-sun="1"] .bl-prefs button{background:#fff;border:2px solid #111;color:#111}
html[data-sun="1"] .bl-prefs{background:#fffaf0}
html[data-sun="1"] .bl-prefs button[aria-checked=true]{background:#111;color:#fffaf0}
@media (min-width:700px){.bl .wrap{max-width:680px}}
@media print{.hs-bar,.bl-prefs,.bl-say,.bl-more,.cta{display:none!important}body{background:#fff;color:#111}}