/* Cork site: the SUB-PAGES of "Pinned" (cork-pages.css v1, site refresh 2026-09-27).
   Loaded straight after assets/cork.css by privacy, terms, support, changelog, early-access and 404.
   cork.css owns every colour (tokens, nav, footer, focus rings, skip link, the board and its cork); this file
   lays the article out as one sheet of paper pinned to the board, so the contrast proof covers both files.
   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 and nothing moves. */
body.subpage{display:flex;flex-direction:column;min-height:100svh}
main.pagemain{flex:1 0 auto;padding:calc(var(--navh) + 14px) 8px 48px;background:radial-gradient(70% 30% at 50% 0%,rgba(224,118,74,.10),transparent 70%)}
.pageboard{max-width:980px;margin:0 auto}
.pageboard > .cork{padding:28px 9px 20px}
article.page{position:relative;max-width:46rem;margin:0 auto;background:var(--paper);color:var(--pink);border-radius:4px;padding:30px 18px 26px;
  box-shadow:0 1px 1px rgba(0,0,0,.28),0 20px 34px -14px rgba(30,12,2,.8)}
article.page::before{content:"";position:absolute;top:-9px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:6px;
  background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,0) 48%),var(--lake);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.26),0 1px 1px rgba(0,0,0,.35),3px 5px 6px rgba(20,8,0,.42)}
article.page h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,7vw,2.8rem);line-height:1.05;letter-spacing:-.02em;color:var(--pink);padding-bottom:12px;border-bottom:2px solid var(--prule)}
article.page .updated{color:var(--pink2);font-size:.94rem;line-height:1.5;margin:.8rem 0 1.4rem}
article.page h2{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,3.8vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:var(--pink);margin:1.9rem 0 .5rem;max-width:none}
article.page p,article.page li{color:var(--pink);font-size:1rem;line-height:1.66}
article.page p+p{margin-top:.8rem}
article.page ul{margin:.7rem 0;padding-left:1.25rem;list-style:disc}
article.page li{padding:.15em 0}
article.page li::marker{color:var(--pred)}
article.page a{color:var(--pred);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
article.page a:hover{color:var(--pink)}
article.page strong{color:var(--pink)}
article.page :focus-visible{outline-color:var(--pred);box-shadow:0 0 0 5px var(--paper)}
.log-entry{margin-top:1.2rem;padding:16px 18px;border-radius:3px;background:rgba(201,162,39,.13);border-left:4px solid var(--mustard)}
.log-entry h2{margin:0}
.log-entry .date{color:var(--pink2);font-size:.88rem;margin-top:.25rem}
.log-entry ul{margin-bottom:0}
.log-entry p+p{margin-top:.6rem}
@media (min-width:600px){main.pagemain{padding:calc(var(--navh) + 22px) var(--pad) 64px}.pageboard{padding:11px}.pageboard > .cork{padding:44px 28px 36px}}
@media (min-width:900px){article.page{padding:46px 52px 44px;transform:rotate(-.4deg)}.pageboard{padding:14px}}