/* shared doc-page styles for Podium 32 secondary pages (served as /podium/*.html) */
:root{--gold:#F5A623;--gold-deep:#D8841A;--green:#1E8A5B;--river:#1668A8;--river-deep:#0C3A5E;
  --bg:#F7F4EC;--card:#FFFFFF;--ink:#14212B;--muted:#57697A;--line:#E4DCCB}
@media (prefers-color-scheme:dark){:root{--bg:#0B1622;--card:#122130;--ink:#EAF2F8;--muted:#93A9BC;--line:rgba(255,255,255,.10)}}
:root[data-theme="light"]{--bg:#F7F4EC;--card:#FFFFFF;--ink:#14212B;--muted:#57697A;--line:#E4DCCB}
:root[data-theme="dark"]{--bg:#0B1622;--card:#122130;--ink:#EAF2F8;--muted:#93A9BC;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.62}
.top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent)}
.top .in{max-width:820px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;color:inherit;letter-spacing:.02em}
.brand b{color:var(--gold-deep)}
.brand svg{width:28px;height:28px}
.top a.back{margin-left:auto;text-decoration:none;color:var(--muted);font-weight:700;font-size:.92rem}
.top a.back:hover{color:var(--gold-deep)}
main{max-width:820px;margin:0 auto;padding:34px 20px 60px}
h1{font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:900;margin:0 0 6px;line-height:1.12;text-wrap:balance}
.upd{color:var(--muted);font-size:.86rem;margin:0 0 26px}
h2{font-size:1.2rem;margin:28px 0 8px}
p,li{color:var(--ink)}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:1.2em}li{margin:6px 0}
.muted{color:var(--muted)}
a{color:var(--gold-deep)}
.note{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:16px 18px;margin:20px 0}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#231603;font-weight:800;text-decoration:none;border:0;border-radius:11px;padding:12px 18px;cursor:pointer;font-family:inherit;font-size:1rem}
input,textarea{width:100%;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:12px 14px;font-size:1rem;font-family:inherit;margin-bottom:12px}
label{display:block;font-weight:700;margin-bottom:6px;font-size:.92rem}
.form-msg{margin-top:8px;font-weight:700;min-height:1.2em}.form-msg.ok{color:var(--green)}.form-msg.bad{color:#d1483a}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}
footer .in{max-width:820px;margin:0 auto;padding:22px 20px}
:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(245,166,35,.45);border-radius:8px}