/* Starbelo design system r1 (Oct 22 2026). Layout system modeled on calm dark directory sites: one font, fixed scale, one container, one card/chip/button. Loaded last on every page. */
:root{--ff:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;--head:var(--ff);--body:var(--ff);--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
--fs-12:12px;--fs-14:14px;--fs-15:15px;--fs-18:18px;--fs-22:22px;--fs-28:28px;--fs-40:40px;--fs-56:56px;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
--maxw:1120px;--g:24px;--bg:#050505;--card:rgba(255,255,255,.03);--line:rgba(255,255,255,.1);--muted:rgba(255,255,255,.66);--gold:#FFD54A;--r:16px}
@media(max-width:640px){:root{--g:20px}}
html,body{font-family:var(--ff)}body{font-size:var(--fs-15);line-height:1.55;background:var(--bg)}
button,input,select,textarea,optgroup{font-family:inherit}svg text{font-family:var(--ff)}
code,pre,kbd,.pb pre,.pblock pre{font-family:var(--mono)}
h1,h2,h3,h4{font-family:var(--ff);letter-spacing:-.01em}
main h1{font-size:var(--fs-40);line-height:1.1;margin:0 0 var(--s3)}
main h2{line-height:1.25}main h3{line-height:1.3}
@media(max-width:640px){main h1{font-size:var(--fs-28)}}
h1 a,h2 a,h3 a,h4 a{text-decoration:none!important;color:inherit}
main.wrap,main>.mx,main>.row3,main>.seenx,main>.goals{max-width:var(--maxw)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
main:not(.wrap){padding-left:var(--g);padding-right:var(--g);max-width:var(--maxw);margin:0 auto;box-sizing:border-box}
main:not(.wrap)>*{margin-left:0!important;margin-right:0!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
main .sh,main .row3,main .seenx{margin-left:0!important;margin-right:0!important;text-align:left}
main h1{text-align:left!important}
.btn,.ltoc,.cta{font-family:inherit;font-size:var(--fs-15);font-weight:700;border-radius:10px;min-height:44px;padding:10px 20px;display:inline-flex;align-items:center;gap:var(--s2);box-sizing:border-box}
.btn-primary,.btn.gold,.ltoc{background:var(--gold)!important;color:#111!important;border:0}
.btn-quiet,.btn.ghost,.btn.secondary{background:transparent!important;color:#fff!important;border:1px solid var(--line)!important}
.chip,.ncp,.pill,.tag{font-size:var(--fs-12);border:1px solid var(--line);border-radius:999px;padding:2px 10px;color:var(--muted);background:transparent}
.ic,.nc{border-radius:var(--r)}
.k,.num,.kpi b,.stat b{color:var(--gold)}
main .mx-col,main .row3,main .seenx{margin-left:0!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;max-width:760px!important}
main .sh{margin-left:0!important;max-width:820px}
html body main section.row3{margin-left:0!important;max-width:760px!important;padding-left:0!important}
.cta,a.cta.sm{gap:0!important;word-spacing:normal;justify-content:center;white-space:nowrap}
.uc-toc ol{list-style:none!important;padding-left:0!important;margin-left:0}.uc-toc ol li{margin:0 0 6px}

.ttg .tt .tti{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111}.tti img,.ests,.tuci{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.ttx b .mono{display:inline-grid;vertical-align:middle;margin-right:6px}.emptyst .ests{max-width:480px;height:auto;aspect-ratio:16/9;border-radius:12px;margin:0 auto 12px}.tuc .tuci{width:96px;height:54px;border-radius:8px;flex:none}
/* DS component: search typer (see src/typer.js, injected by build.js) */
input.ds-typer{font-family:var(--ff)}input.ds-typer::placeholder{font-family:var(--ff);color:rgba(255,255,255,.55);opacity:1}