/* Light + dark tokens shared by every page. Dark is the original palette, calmer. */
:root,[data-theme=dark]{--bgd:#0b0c12;--pn:#13141d;--sf:rgba(255,255,255,.04);--ln:rgba(255,255,255,.09);--ink:#ecedf3;--g6:#9a9db0;--g4:#6c6f82;--blue:#8a91ff;--acc:#7f87ff;--acc-ink:#fff;--card:#12131b;--tw-line:rgba(255,255,255,.09)}
[data-theme=light]{color-scheme:light;--bgd:#f7f6f2;--pn:#ffffff;--ow:#ffffff;--sf:rgba(20,22,40,.04);--ln:rgba(20,22,40,.1);--ink:#17181f;--g6:#5d6072;--g4:#8a8c99;--blue:#3d45d6;--vio:#6a3fd6;--lav:rgba(61,69,214,.08);--lav2:rgba(61,69,214,.25);--acc:#3d45d6;--acc-ink:#fff;--card:#ffffff;--ok:#1f8a5b}
[data-theme=light] .tw,[data-theme=light] .tw-mini{--tw-line:rgba(20,22,40,.1)}
body{background:var(--bgd);color:var(--ink);transition:background-color .25s,color .25s}
.bg{display:none!important}
/* theme toggle */
.thm{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--ln);background:transparent;color:var(--ink)}
.thm:hover{background:var(--sf)}
[data-theme=dark] .thm .i-moon,[data-theme=light] .thm .i-sun{display:none}
/* light-mode repairs for shared components */
[data-theme=light] .glass,[data-theme=light] .top{background:rgba(247,246,242,.85);border-color:var(--ln)}
[data-theme=light] .pill,[data-theme=light] .menu{background:#fff}
[data-theme=light] .mx{background:var(--bgd)}
[data-theme=light] .btn:not(.primary){background:#fff;border-color:var(--ln);color:var(--ink)}
[data-theme=light] .flogo img,[data-theme=light] .brand img{filter:none}
[data-theme=light] .band{background:var(--pn)}
[data-theme=light] .sale,[data-theme=light] .card,[data-theme=light] .plan{background:#fff;border-color:var(--ln)}
[data-theme=light] .tw input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--acc),var(--acc)) 0/var(--p,50%) 100% no-repeat,rgba(20,22,40,.12)}
[data-theme=light] .tw input[type=range]::-webkit-slider-thumb{background:#fff;border-color:var(--acc)}
[data-theme=light] .tw-chip{background:#fff}
[data-theme=light] .tw-chip[aria-checked=true]{background:var(--lav);border-color:var(--acc);color:var(--acc)}
/* info popover (i) */
details.ii{display:inline-block;position:relative;vertical-align:middle;margin-left:8px;font-size:15px;line-height:1.5;font-weight:400;letter-spacing:0;text-transform:none}
details.ii>summary{list-style:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--ln);color:var(--g6);font:italic 600 12px/1 Georgia,serif;cursor:pointer;user-select:none;transition:color .2s,border-color .2s}
details.ii>summary::-webkit-details-marker{display:none}
details.ii>summary:hover,details.ii[open]>summary{color:var(--ink);border-color:var(--g6)}
.ii-pop{position:absolute;z-index:40;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(340px,86vw);max-height:60vh;overflow:auto;padding:16px 18px;border-radius:14px;background:var(--pn);border:1px solid var(--ln);box-shadow:0 18px 50px rgba(0,0,0,.25);color:var(--ink);text-align:left;font-size:14px}
details.ii.wide .ii-pop{width:min(440px,88vw)}
.ii-pop p{margin:0 0 10px;color:var(--g6)}
.ii-pop p:last-child{margin-bottom:0}
.ii-pop b{color:var(--ink);font-weight:500}
.ii-pop .ii-k{margin:12px 0 2px;color:var(--ink);font-weight:500}
.ii-pop .ii-k:first-child{margin-top:0}
.ii-pop .ii-src,.ii-pop .small{font-size:12.5px;color:var(--g4)}
.ii-pop ol{margin:6px 0 12px;padding:0;list-style:none;counter-reset:s}
.ii-pop ol li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid var(--ln);color:var(--g6)}
.ii-pop ol li b{font-variant-numeric:tabular-nums}
@media (max-width:640px){.ii-pop,details.ii.wide .ii-pop{position:fixed;left:12px;right:12px;bottom:12px;top:auto;transform:none;width:auto;max-height:70vh}}
/* footer always at the real bottom */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
