/* Tended Stars shared styles for inner pages: blue top band with nav, quiet content, same tokens as the homepage. */
:root{
  --blue:#1747FF;--blue-ink:#0B2BB8;--star:#FFB703;--bg:#F6F8FF;--surface:#FFFFFF;--fg:#0E1430;--muted:#59617F;--line:#DDE3F5;
  --on-blue:#FFFFFF;--on-blue-soft:#C9D5FF;--ok:#14A44D;--bad:#E5484D;--tint:#EAF0FF;
  --f-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --blue:#3D6BFF;--blue-ink:#9DB4FF;--bg:#080C1F;--surface:#111735;--fg:#EEF1FF;--muted:#A3ABCB;--line:#232B52;
  --on-blue:#FFFFFF;--on-blue-soft:#D3DDFF;--ok:#3DD47A;--bad:#FF6B70;--tint:#16204A;color-scheme:dark}}
:root[data-theme="dark"]{
  --blue:#3D6BFF;--blue-ink:#9DB4FF;--bg:#080C1F;--surface:#111735;--fg:#EEF1FF;--muted:#A3ABCB;--line:#232B52;
  --on-blue:#FFFFFF;--on-blue-soft:#D3DDFF;--ok:#3DD47A;--bad:#FF6B70;--tint:#16204A;color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);line-height:1.08;text-wrap:balance;margin:0}
h2{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em}
h3{font-size:20px;font-weight:700}
p{margin:0}
a{color:inherit}
.eyebrow{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 16px var(--f-body);padding:14px 22px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--star);outline-offset:2px}
.btn-blue{background:var(--blue);color:var(--on-blue)}
.btn-light{background:var(--on-blue);color:#0B2BB8}
.btn-line{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 2px var(--line)}
.band{background:var(--blue);color:var(--on-blue)}
nav.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}
.mark{display:flex;align-items:center;gap:10px;font:800 22px var(--f-display);letter-spacing:-.01em;text-decoration:none;color:inherit}
.mark svg{width:28px;height:28px}
.navr{display:flex;align-items:center;gap:22px}
.links{display:flex;gap:20px;font-weight:500;font-size:15px}
.links a{text-decoration:none;color:var(--on-blue-soft)}
.links a:hover,.links a[aria-current="page"]{color:var(--on-blue)}
.links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--star);text-decoration-thickness:2px}
.lang{display:flex;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--on-blue-soft);padding:3px}
.lang button{font:600 13px var(--f-mono);letter-spacing:.06em;border:0;background:transparent;color:var(--on-blue-soft);padding:6px 11px;border-radius:999px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--on-blue);color:#0B2BB8}
.mlinks{display:none}
.page-head{padding-block:28px 56px;display:grid;gap:14px;max-width:760px}
.page-head h1{font-size:clamp(36px,5.6vw,60px);font-weight:800;letter-spacing:-.03em}
.page-head p{color:var(--on-blue-soft);font-size:19px;max-width:56ch}
.page-head .eyebrow{color:var(--on-blue-soft)}
section.block{padding-block:72px}
footer{padding-block:40px 56px;color:var(--muted);font-size:14px}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:24px}
footer nav{display:flex;flex-wrap:wrap;gap:16px}
footer a{color:var(--muted)}
@media (max-width:860px){
  .links{display:none}
  .mlinks{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;margin-top:-6px;scrollbar-width:none}
  .mlinks::-webkit-scrollbar{display:none}
  .mlinks a{flex:none;font-size:14px;font-weight:600;text-decoration:none;color:var(--on-blue);box-shadow:inset 0 0 0 1.5px var(--on-blue-soft);padding:7px 13px;border-radius:999px}
  .mlinks a[aria-current="page"]{background:var(--on-blue);color:#0B2BB8}
  section.block{padding-block:56px}
}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}