.page-shell{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font)}.page-top{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;position:sticky;top:0}.page-top-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:16px 32px;display:flex}.page-brand{color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.page-back{color:var(--ink-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;padding:7px 15px;font-size:13.5px;text-decoration:none;transition:border-color .14s,color .14s}.page-back:hover{border-color:var(--brand-soft-2);color:var(--brand-strong)}.page-body{max-width:780px;margin:0 auto;padding:44px 22px 80px}.page-body.narrow{max-width:620px}.page-title{letter-spacing:-.02em;margin:0 0 10px;font-size:34px;line-height:1.15}.page-sub{color:var(--ink-2);margin:0 0 30px;font-size:15px;line-height:1.65}.page-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:56px;padding-top:22px;font-size:13px}.page-todo{background:color-mix(in oklch, var(--pending) 30%, transparent);color:var(--ink);font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.86em}@media (max-width:640px){.page-title{font-size:27px}.page-body{padding:32px 18px 60px}.page-top-inner{padding:14px 18px}}@media (max-width:760px){.page-brand{padding:6px 0}}