/* Sconce site: the SUB-PAGES of "Evening in" (sconce-pages.css v1, site refresh 2026-09-27).
   Loaded straight after assets/sconce.css by privacy, terms, support, changelog, early-access and
   404. sconce.css owns every colour (tokens, nav, footer, focus rings, skip link); this file only
   lays the article out, so the contrast proof covers both files at once. The article copy on
   these pages is unchanged from before the refresh; only the chrome around it is new.
   No script on these pages: no html.js class, so the nav is drawn opaque, nothing animates and
   there is no Pause motion chip (nothing moves). */
body.subpage{display:flex;flex-direction:column;min-height:100svh}
main.pagemain{flex:1 0 auto;padding:calc(var(--navh) + 26px) var(--pad) 56px;background:radial-gradient(70% 36% at 50% 0%,rgba(232,163,61,.10),transparent 70%)}
article.page{max-width:44rem;margin:0 auto;padding:26px 20px 30px;border-radius:24px;background:rgba(18,19,25,.74);border:1px solid var(--line)}
article.page h1{font-family:var(--display);font-weight:440;font-size:clamp(2rem,6.4vw,2.8rem);line-height:1.08;letter-spacing:-.01em;color:var(--ink)}
article.page .updated{color:var(--dim);font-size:.92rem;line-height:1.5;margin:.5rem 0 1.4rem}
article.page h2{font-family:var(--display);font-weight:500;font-size:clamp(1.28rem,3.8vw,1.55rem);line-height:1.2;letter-spacing:0;margin:1.9rem 0 .5rem;max-width:none}
article.page h3{font-family:var(--display);font-weight:500;font-size:1.15rem;line-height:1.25}
article.page p,article.page li{color:var(--text);font-size:1rem;line-height:1.66}
article.page p+p{margin-top:.8rem}
article.page ul{margin:.7rem 0;padding-left:1.25rem}
article.page li{padding:.15em 0}
article.page li::marker{color:var(--accent)}
article.page em{font-style:italic}
article.page .card{background:rgba(232,163,61,.08);border:1px solid rgba(232,163,61,.3);border-radius:16px;padding:16px 18px;margin:16px 0}
article.page .store-row{margin:18px 0}
article.page .fine{color:var(--dim);font-size:.92rem}
.xpromo{display:grid;gap:12px;margin-top:14px}
.xpromo .tile{display:block;text-decoration:none;background:#111217;border:1px solid var(--line2);border-radius:16px;padding:16px 18px}
.xpromo .tile:hover{border-color:var(--accent)}
.xpromo .tile h3{color:var(--ink);margin:0 0 4px}
.xpromo .tile p{color:var(--text2);font-size:.94rem}
.log-entry{margin-top:1.1rem;padding:18px 20px;border-radius:18px;background:#101116;border:1px solid var(--line)}
.log-entry h2{margin:0}
.log-entry .date{color:var(--dim);font-size:.86rem;margin-top:.25rem}
.foot{padding-bottom:40px}
@media (min-width:600px){.xpromo{grid-template-columns:1fr 1fr}}
@media (min-width:900px){article.page{padding:40px 44px 44px;border-radius:28px}main.pagemain{padding-top:calc(var(--navh) + 44px)}}