:root{--bg:#f6f8fb;--card:#fff;--text:#1d2433;--muted:#5b667a;--brand:#2f6fed;--brand2:#1e4fb8;--line:#e3e8f0}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
header.site{background:var(--card);border-bottom:1px solid var(--line)}
.wrap{max-width:980px;margin:0 auto;padding:0 18px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;flex-wrap:wrap;gap:10px}
.logo{font-weight:800;font-size:1.35rem;color:var(--text)}.logo span{color:var(--brand)}
.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.nav li a{color:var(--muted);font-weight:600;font-size:.95rem}
main{padding:28px 0 50px}
h1{font-size:2rem;line-height:1.25;margin:.2em 0 .3em}
h2{font-size:1.4rem;margin:1.6em 0 .5em}
h3{font-size:1.1rem;margin:1.2em 0 .3em}
.lead{color:var(--muted);font-size:1.08rem;margin-bottom:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 1px 3px rgba(20,30,60,.04)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.tool-card{display:block;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;transition:.15s}
.tool-card:hover{border-color:var(--brand);transform:translateY(-2px);text-decoration:none;box-shadow:0 6px 18px rgba(47,111,237,.12)}
.tool-card .ico{font-size:1.8rem}.tool-card h3{margin:.4em 0 .2em}.tool-card p{margin:0;color:var(--muted);font-size:.93rem}
label{display:block;font-weight:600;margin:12px 0 5px;font-size:.93rem}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cdd5e2;border-radius:9px;font-size:1rem;font-family:inherit;background:#fff;color:var(--text)}
textarea{min-height:170px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid #bcd0fb;border-color:var(--brand)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.row{grid-template-columns:1fr}h1{font-size:1.6rem}}
button,.btn{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:11px 20px;font-size:1rem;font-weight:600;cursor:pointer;margin:10px 8px 0 0}
button:hover{background:var(--brand2)}button.sec{background:#e8eefc;color:var(--brand2)}
.result{margin-top:16px;padding:16px;background:#f0f5ff;border:1px solid #d5e2fb;border-radius:10px;font-size:1.1rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.stat{background:#f0f5ff;border:1px solid #d5e2fb;border-radius:10px;padding:12px;text-align:center}
.stat b{display:block;font-size:1.5rem;color:var(--brand2)}.stat span{font-size:.82rem;color:var(--muted)}
.ad{margin:22px 0;min-height:90px;text-align:center}
.article p,.article li{color:#2b3447}
details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0;background:#fff}
summary{cursor:pointer;font-weight:600}
footer.site{background:#fff;border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.92rem}
footer.site ul{list-style:none;padding:0;display:flex;gap:18px;flex-wrap:wrap;margin:0 0 10px}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:8px}
#cookie{position:fixed;bottom:0;left:0;right:0;background:#1d2433;color:#fff;padding:14px 18px;display:none;z-index:99;font-size:.9rem}
#cookie .in{max-width:980px;margin:0 auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}
#cookie a{color:#9cc0ff}#cookie button{margin:0}
.pw-out{font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all;font-size:1.2rem}

.wrap{max-width:1120px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
@media(max-width:880px){.layout{grid-template-columns:1fr}}
.side .card{padding:16px;margin-top:0}.side h3{margin:0 0 8px;font-size:1rem}
.side ul{list-style:none;margin:0;padding:0}.side li a{display:block;padding:7px 0;border-bottom:1px solid var(--line);font-size:.93rem}
.side li:last-child a{border-bottom:0}
.hero{background:linear-gradient(135deg,#2f6fed,#1e4fb8);color:#fff;border-radius:16px;padding:36px 22px;margin-bottom:26px;text-align:center}
.hero h1{color:#fff;margin:0 0 8px}.hero p{margin:0 0 18px;opacity:.93}
.search{position:relative}.search input{padding:12px 16px;border-radius:30px;border:1px solid #cdd5e2}
.sr{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:6px;z-index:60;text-align:left;display:none;box-shadow:0 8px 24px rgba(0,0,0,.14);max-height:340px;overflow:auto}
.sr a{display:block;padding:10px 14px;color:var(--text);border-bottom:1px solid var(--line);font-size:.95rem}.sr a:hover{background:#f0f5ff;text-decoration:none}
.sr small{color:var(--muted);display:block}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:10px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.cat h2{margin:0 0 8px;font-size:1.12rem}.cat ul{list-style:none;padding:0;margin:0}.cat li a{display:block;padding:5px 0;font-size:.96rem}
.more{font-size:.9rem;font-weight:600;display:inline-block;margin-top:6px}
.nav{padding:14px 18px}.nav ul{gap:16px}
.ad{min-height:0;margin:8px 0}
#sc_in{font-size:1.45rem;text-align:right;font-family:ui-monospace,Menlo,Consolas,monospace;padding:14px}
#sc_out{font-size:1.9rem;text-align:right;font-weight:700;color:#1e4fb8;min-height:2.6rem;margin-top:8px;word-break:break-all}
.sci{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}
.sci button{margin:0;padding:13px 2px;font-size:1.02rem;background:#eef2fb;color:#1d2433;border:1px solid #dbe3f3;border-radius:9px}
.sci button:hover{background:#dde7fb}.sci button.op{background:#e0e9fd;color:#1e4fb8}
.sci button.ac{background:#fde8e8;color:#b3261e}.sci button.eq{background:var(--brand);color:#fff;grid-column:span 2}
@media(max-width:600px){.sci{gap:6px}.sci button{padding:12px 0;font-size:.95rem}}
:root{color-scheme:light dark}
header.site{position:sticky;top:0;z-index:40}
.btn:hover{text-decoration:none;background:var(--brand2)}
.bigbtn{display:inline-block;padding:14px 32px;font-size:1.05rem;border-radius:10px;margin:8px 0}
.tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.tbl th,.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl th{color:var(--muted);font-weight:600}
.hero2{display:grid;grid-template-columns:minmax(0,500px) 1fr;gap:30px;align-items:start;margin-bottom:34px}
@media(max-width:900px){.hero2{grid-template-columns:1fr}}
.hero2 h1{font-size:2.2rem;margin-top:0}
.sci-home{margin:0;padding:18px}
.chips{margin-top:16px;font-size:.93rem}
.chips a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:20px;margin:4px 6px 4px 0;background:var(--card);color:var(--text)}
.chips a:hover{border-color:var(--brand);text-decoration:none}
.ticks{padding-left:20px;color:var(--muted);margin-top:18px}.ticks li{margin:6px 0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:26px;margin:20px 0 26px}
.catcol h2{font-size:1.2rem;margin:.7em 0 .4em}
.catcol ul{list-style:none;padding:0;margin:0}.catcol li a{display:block;padding:5px 0;font-size:.97rem}
.cat-ico{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#e6efff,#c9dcff);display:flex;align-items:center;justify-content:center;font-size:2rem}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]){--bg:#0f1524;--card:#172033;--text:#e6ebf5;--muted:#9eaac2;--brand:#6c9cff;--brand2:#8fb3ff;--line:#2a3550}
:root:not([data-theme="light"]) input,:root:not([data-theme="light"]) select,:root:not([data-theme="light"]) textarea{background:#0f1729;color:var(--text);border-color:#344262}
:root:not([data-theme="light"]) .stat,:root:not([data-theme="light"]) .result{background:#1b2a4a;border-color:#2c4170}
:root:not([data-theme="light"]) button.sec{background:#26365a;color:#a9c3ff}
:root:not([data-theme="light"]) details,:root:not([data-theme="light"]) footer.site,:root:not([data-theme="light"]) .sr{background:var(--card)}
:root:not([data-theme="light"]) .sr a:hover{background:#1f2c49}
:root:not([data-theme="light"]) .article p,:root:not([data-theme="light"]) .article li{color:#d5dcec}
:root:not([data-theme="light"]) .sci button{background:#222e4a;color:#e6ebf5;border-color:#33405f}
:root:not([data-theme="light"]) .sci button:hover{background:#2c3b5e}
:root:not([data-theme="light"]) .sci button.op{background:#2a3a66;color:#a9c3ff}
:root:not([data-theme="light"]) .sci button.ac{background:#4a2530;color:#ff9aa5}
:root:not([data-theme="light"]) .sci button.eq{background:var(--brand);color:#0f1524}
:root:not([data-theme="light"]) #sc_out{color:#8fb3ff}
:root:not([data-theme="light"]) .cat-ico{background:linear-gradient(135deg,#25365e,#1b2a4a)}
:root:not([data-theme="light"]) .tool-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.35)}
}


.gr-box{margin:10px 0 6px;border:1px solid #dbe3f3;border-radius:10px;overflow:hidden;background:#fff}
#gr_cv{display:block;width:100%;height:340px;touch-action:none;cursor:crosshair;color:#1d2433}
.gr-read{min-height:1.8em;font-size:.88rem;word-break:break-word}
.gr-btns{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.gr-btns button{margin:0;padding:8px 12px;font-size:.85rem;background:#eef2fb;color:#1d2433;border:1px solid #dbe3f3;border-radius:8px;cursor:pointer}
.gbtn{margin-top:8px;width:100%}
[hidden]{display:none!important}
.scw{max-width:100%;min-width:0}
.layout>*,.hero2>*{min-width:0}
.article .tbl td,.article .tbl th{white-space:normal;text-align:left;vertical-align:top;word-break:break-word}
@media(max-width:880px){.layout,.hero2{grid-template-columns:minmax(0,1fr)}}
.sc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.sc-stat{display:flex;gap:6px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);align-items:center}
.sc-stat b{padding:1px 8px;border-radius:10px;background:#fff0cc;color:#8a5a00}.sc-stat b.al{background:#fde0f1;color:#a3206b}
.sc-stat button{padding:1px 9px;margin:0;font-size:.78rem;background:#e8eefc;color:var(--brand2);border-radius:10px}
.sc-nav{display:flex;gap:4px}.sc-nav button{margin:0;padding:3px 10px;font-size:.8rem;background:#e8eefc;color:var(--brand2)}
#sc_alt{font-size:1.05rem;color:var(--muted);text-align:right;min-height:1.4rem;word-break:break-all}
#sc_err{color:#b3261e;min-height:1.2em;text-align:right;font-size:.9rem}
.sci{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.sci button{position:relative;padding:16px 1px 6px;font-size:.98rem;line-height:1.1;border-radius:8px;min-height:46px}
.sci button .sh{position:absolute;top:2px;left:0;right:0;text-align:center;font-size:.58rem;font-weight:700;color:#b36b00;pointer-events:none;line-height:1.1}
.sci.shifted button .sh{color:#fff;background:#e8a317;border-radius:3px;margin:1px 2px}
.sci button.md{font-size:.72rem;background:#e0e9fd;color:#1e4fb8;padding-top:10px}
.sci button.shiftk.on{background:#f4b73d;color:#3d2a00}.sci button.alphak.on{background:#e57bb4;color:#fff}
.sc-panel{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.vgrid,.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}
.vgrid button,.ogrid button{margin:0;padding:9px 4px;font-size:.9rem;background:#eef2fb;color:#1d2433;border:1px solid #dbe3f3;border-radius:8px}
.vb small{display:block;font-size:.62rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.sc-hint{font-size:.82rem;color:var(--muted);margin:.7em 0 0}
.sc-hist{color:var(--muted);font-size:.9rem;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
.sc-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1rem;line-height:1.8}
.eqrow{display:flex;gap:6px;align-items:center;margin:6px 0;flex-wrap:wrap}.eqrow input{width:84px}
.calcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:10px 0}.calcgrid label{font-weight:600}
@media(max-width:600px){.sci{gap:4px}.sci button{font-size:.9rem;padding:15px 0 5px}.sci button.md{font-size:.66rem}}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) .sc-stat b{background:#4a3a14;color:#ffd27a}
:root:not([data-theme="light"]) .sc-stat b.al{background:#4a2040;color:#ffb3dc}
:root:not([data-theme="light"]) .sc-stat button,:root:not([data-theme="light"]) .sc-nav button{background:#26365a;color:#a9c3ff}
:root:not([data-theme="light"]) .sci button .sh{color:#ffc15a}
:root:not([data-theme="light"]) .sci.shifted button .sh{color:#1a1200;background:#f4b73d}
:root:not([data-theme="light"]) .sci button.md{background:#26365a;color:#a9c3ff}
:root:not([data-theme="light"]) .sci button.shiftk.on{background:#f4b73d;color:#3d2a00}
:root:not([data-theme="light"]) .sci button.alphak.on{background:#e57bb4;color:#fff}
:root:not([data-theme="light"]) .vgrid button,:root:not([data-theme="light"]) .ogrid button{background:#222e4a;color:#e6ebf5;border-color:#33405f}
:root:not([data-theme="light"]) .gr-box{background:#18223a;border-color:#33405f}
:root:not([data-theme="light"]) #gr_cv{color:#e6ebf5}
:root:not([data-theme="light"]) .gr-btns button{background:#222e4a;color:#e6ebf5;border-color:#33405f}
}

/* ===== Modern theme ===== */
:root{--bg:#f4f7fa;--card:#fff;--text:#0f1b2d;--muted:#5a6678;--brand:#0a7f70;--brand2:#075f54;--line:#e1e7ee;--tint:#e4f4f1;--onbrand:#fff;
--shadow:0 1px 2px rgba(15,27,45,.05),0 8px 24px -12px rgba(15,27,45,.12);--k:#0a7f70;--kt:#e4f4f1}
html{scroll-behavior:smooth}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.005em;
background:var(--bg) radial-gradient(900px 420px at 85% -120px,rgba(10,127,112,.11),transparent 70%) no-repeat;color:var(--text);line-height:1.65}
h1,h2,h3{letter-spacing:-.025em;font-weight:800;line-height:1.2}
h1{font-size:clamp(1.8rem,3.4vw,2.5rem)}h2{font-size:1.45rem}
a{color:var(--brand)}a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;padding:0 22px}
main{padding:30px 0 64px}

/* header */
header.site{background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.nav{padding:12px 22px;gap:14px 22px}
.logo{display:flex;align-items:center;gap:0;font-weight:800;font-size:1.18rem;letter-spacing:-.03em;color:var(--text);text-decoration:none!important}
.logo::before{content:"ƒ";margin-right:10px;flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#0fa593,#075f54);color:#fff;font:italic 700 1.15rem Georgia,serif}
.logo span{color:var(--brand)}
.nav nav{margin-left:auto}.nav ul{gap:4px}
.nav li a{display:block;padding:7px 12px;border-radius:10px;color:var(--muted);font-weight:600;font-size:.92rem}
.nav li a:hover{background:var(--tint);color:var(--brand2);text-decoration:none}
.search input{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:11px 16px 11px 42px;font-size:.97rem;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235a6678' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px 50%}
.search input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px rgba(10,127,112,.15);background-color:var(--card)}
.sr{border-radius:14px;box-shadow:0 20px 40px -12px rgba(15,27,45,.25);border-color:var(--line)}
.sr a:hover{background:var(--tint)}

/* cards & controls */
.card{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px}
input,select,textarea{border-radius:12px;border:1px solid #cfd8e3;padding:12px 14px;background:var(--card)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px rgba(10,127,112,.15)}
label{font-weight:700;font-size:.88rem;color:var(--text)}
button,.btn{background:var(--brand);color:var(--onbrand);border-radius:12px;padding:12px 22px;font-weight:700;transition:background .15s,transform .1s}
button:hover,.btn:hover{background:var(--brand2)}button:active{transform:translateY(1px)}
button.sec{background:var(--tint);color:var(--brand2)}button.sec:hover{background:#d2ece7}
.bigbtn{border-radius:14px;padding:15px 32px}
.result{background:var(--tint);border:1px solid #c9e7e1;border-radius:14px;color:var(--text)}
.stat{background:var(--tint);border:1px solid #c9e7e1;border-radius:14px}.stat b{color:var(--brand2)}
details{border-radius:14px;background:var(--card);padding:0;overflow:hidden}
details summary{padding:15px 18px;list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--brand);font-weight:500}
details[open] summary::after{content:"−"}details[open] summary{border-bottom:1px solid var(--line)}
details p{padding:12px 18px 16px;margin:0}
.tbl th{font-size:.8rem}.tbl{border-radius:12px}
.article{line-height:1.78}.article p,.article li{color:var(--text);opacity:.92}.article h2{margin-top:1.8em}
.crumbs{font-size:.85rem}.crumbs a{color:var(--muted)}
.lead{font-size:1.1rem;max-width:68ch}

/* category colours */
.k-financial,.catcol.financial{--k:#0a7f70;--kt:#e0f3ef}
.k-health,.catcol.health{--k:#c42a63;--kt:#fde6ee}
.k-math,.catcol.math{--k:#4a43d8;--kt:#e6e6fc}
.k-everyday,.catcol.everyday{--k:#a86408;--kt:#fcefd4}
.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tool-card{border-radius:18px;padding:18px 18px 20px;border:1px solid var(--line);box-shadow:none;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}
.tool-card .ico{width:46px;height:46px;border-radius:13px;background:var(--kt);display:grid;place-items:center;font-size:1.45rem;margin-bottom:12px}
.tool-card h3{font-size:1.03rem;margin:0 0 4px}.tool-card p{font-size:.88rem;line-height:1.5}
.tool-card:hover{border-color:var(--k);transform:translateY(-2px);box-shadow:0 14px 30px -16px var(--k)}

/* home */
.hero2{gap:34px;grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center;margin-bottom:44px}
.hero2 h1{font-size:clamp(2.3rem,4.6vw,3.4rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 14px}
.hero2 .lead{font-size:1.12rem}
.hero2 .search input{padding:16px 18px 16px 48px;font-size:1.02rem;border-radius:16px;background-color:var(--card);box-shadow:var(--shadow);background-position:17px 50%}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}.chips b{margin-right:4px;font-size:.9rem;color:var(--muted)}
.chips a{margin:0;border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:600;background:var(--card);transition:.15s}
.chips a:hover{background:var(--brand);border-color:var(--brand);color:var(--onbrand)}
.ticks{list-style:none;padding:0;display:grid;gap:8px;margin-top:22px}
.ticks li{padding-left:28px;position:relative;margin:0;font-size:.95rem}
.ticks li::before{content:"";position:absolute;left:0;top:.28em;width:18px;height:18px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%230a7f70' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9.5 2.7 2.7L13 6.5'/%3E%3C/svg%3E") center/18px no-repeat}
.cols{gap:16px;margin:10px 0 30px}
.catcol{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 20px 14px;box-shadow:var(--shadow);border-top:4px solid var(--k)}
.cat-ico{width:50px;height:50px;border-radius:14px;background:var(--kt);font-size:1.5rem}
.catcol h2{font-size:1.1rem;margin:.8em 0 .4em}.catcol h2 a{color:var(--text)}
.catcol li a{padding:6px 0;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line)}
.catcol li:last-child a{border:0}.catcol li a:hover{color:var(--k);text-decoration:none;padding-left:4px;transition:padding .12s}

@media(max-width:900px){.hero2{grid-template-columns:minmax(0,1fr);gap:28px}.hero2>div:not(.card){order:-1}}
@media(max-width:700px){.nav nav{margin-left:0;width:100%;order:3;overflow-x:auto}.nav ul{flex-wrap:nowrap}.nav li a{white-space:nowrap;padding:6px 10px}.nav{padding:10px 18px;gap:10px}.logo{font-size:1.08rem}.search{flex:1 1 100%!important;max-width:none!important}}
@media(max-width:880px){.layout{grid-template-columns:minmax(0,1fr)}}
/* sidebar */
.layout{grid-template-columns:minmax(0,1fr) 290px;gap:28px}
.side{align-self:start}
.side .card{padding:18px;border-radius:18px;margin:0 0 14px;box-shadow:none}
.side h3{font-size:.95rem;margin-bottom:6px}
.side li a{border-bottom:1px solid var(--line);padding:9px 6px;color:var(--text);border-radius:6px;font-weight:500}
.side li a:hover{background:var(--tint);color:var(--brand2);text-decoration:none}
@media(max-width:880px){.side{position:static}}

/* footer */
footer.site{background:#0d1727;color:#9fb0c6;border-top:0;padding:38px 0;margin-top:20px}
footer.site a{color:#d4deec}footer.site a:hover{color:#fff}
footer.site ul{gap:8px 22px;margin-bottom:14px}

/* ===== Calculator device (dark in both themes) ===== */
.scw{background:#0d1727;color:#e8eef7;border-radius:22px;padding:16px;box-shadow:0 24px 48px -24px rgba(8,16,30,.55);border:1px solid #1e2d45}
.sci-home{background:transparent;border:0;box-shadow:none;padding:0}
.card:has(>.scw){padding:10px;background:transparent;border:0;box-shadow:none}
:root:root .scw #sc_in{background:#08111f;color:#e8eef7;border:1px solid #22324d;border-radius:14px;box-shadow:none}
:root:root .scw #sc_in:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.2)}
:root:root .scw #sc_out{color:#5eead4}
:root:root .scw #sc_alt,:root:root .scw .sc-stat,:root:root .scw .sc-hint,:root:root .scw .vb small,:root:root .scw .sc-hist{color:#8ea2bd}
:root:root .scw #sc_err{color:#ff8a8a}
:root:root .scw .sc-stat b{background:#3a2d0c;color:#ffd27a}:root:root .scw .sc-stat b.al{background:#4a2040;color:#ffb3dc}
:root:root .scw .sc-stat button,:root:root .scw .sc-nav button{background:#1a2a44;color:#9fe9dd;border-radius:10px}
:root:root .scw .sci button{background:#1a2a44;color:#e8eef7;border:1px solid #27395a;border-radius:11px;box-shadow:0 2px 0 #0a1424;transition:background .12s}
:root:root .scw .sci button:hover{background:#243756}
:root:root .scw .sci button:active{transform:translateY(2px);box-shadow:none}
:root:root .scw .sci button.op{background:#16243b;color:#9fe9dd}:root:root .scw .sci button.op:hover{background:#1e3050}
:root:root .scw .sci button.md{background:#101d33;color:#8ea2bd}:root:root .scw .sci button.md:hover{background:#1a2a44}
:root:root .scw .sci button.ac{background:#3b1f2b;color:#ff9fb1;border-color:#522a3a}
:root:root .scw .sci button.eq{background:#14b8a6;color:#03201c;border-color:#14b8a6;box-shadow:0 2px 0 #0b7a6d}:root:root .scw .sci button.eq:hover{background:#2dd4bf}
:root:root .scw .sci button .sh{color:#f4b73d}
:root:root .scw .sci.shifted button .sh{background:#f4b73d;color:#241800}
:root:root .scw .sci button.shiftk.on{background:#f4b73d;color:#241800}:root:root .scw .sci button.alphak.on{background:#e57bb4;color:#fff}
:root:root .scw .sc-panel{background:#101d33;border-color:#22324d;color:#e8eef7}
:root:root .scw .vgrid button,:root:root .scw .ogrid button,:root:root .scw .gr-btns button{background:#1a2a44;color:#e8eef7;border:1px solid #27395a;box-shadow:none}
:root:root .scw label,:root:root .scw h3,:root:root .scw .sc-mono{color:#e8eef7}
:root:root .scw input,:root:root .scw select,:root:root .scw textarea{background:#08111f;color:#e8eef7;border-color:#22324d}
:root:root .scw .result{background:#101d33;border-color:#22324d;color:#e8eef7}
:root:root .scw button.sec{background:#1a2a44;color:#9fe9dd}
:root:root .scw .tbl th,:root:root .scw .tbl td{border-color:#22324d;color:#e8eef7}
:root:root .scw .gr-box{background:#08111f;border-color:#22324d}:root:root .scw #gr_cv{color:#e8eef7}
:root:root .scw .gbtn{background:#1a2a44;color:#9fe9dd;border:1px solid #27395a;width:100%}
:root:root .scw hr{border-color:#22324d}

/* ===== Dark mode ===== */
@media(prefers-color-scheme:dark){
:root:root:not([data-theme="light"]){--bg:#0a1220;--card:#111c2f;--text:#e8eef7;--muted:#93a1b8;--brand:#2dd4bf;--brand2:#5eead4;--line:#22324a;--tint:#12312f;--onbrand:#03201c;
--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -12px rgba(0,0,0,.5)}
:root:not([data-theme="light"]) body{background:var(--bg) radial-gradient(900px 420px at 85% -120px,rgba(45,212,191,.12),transparent 70%) no-repeat}
:root:not([data-theme="light"]) header.site{background:rgba(10,18,32,.8)}
:root:not([data-theme="light"]) .logo::before{background:linear-gradient(135deg,#2dd4bf,#0f8f7f);color:#03201c}
:root:not([data-theme="light"]) .search input,:root:not([data-theme="light"]) .hero2 .search input{background-color:#0e1829;border-color:#22324a;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2393a1b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px 50%}
:root:not([data-theme="light"]) .hero2 .search input{background-position:17px 50%}
:root:not([data-theme="light"]) input,:root:not([data-theme="light"]) select,:root:not([data-theme="light"]) textarea{background-color:#0c1626;border-color:#2a3b57;color:var(--text)}
:root:not([data-theme="light"]) .result,:root:not([data-theme="light"]) .stat{background:#10282b;border-color:#1c4a47}
:root:not([data-theme="light"]) button.sec{background:#12312f;color:#5eead4}:root:not([data-theme="light"]) button.sec:hover{background:#18403d}
:root:not([data-theme="light"]) .article p,:root:not([data-theme="light"]) .article li{color:var(--text)}
:root:not([data-theme="light"]) .k-financial,:root:not([data-theme="light"]) .catcol.financial{--k:#2dd4bf;--kt:#10302d}
:root:not([data-theme="light"]) .k-health,:root:not([data-theme="light"]) .catcol.health{--k:#ff7aa8;--kt:#3a1826}
:root:not([data-theme="light"]) .k-math,:root:not([data-theme="light"]) .catcol.math{--k:#9a97ff;--kt:#1f1e4a}
:root:not([data-theme="light"]) .k-everyday,:root:not([data-theme="light"]) .catcol.everyday{--k:#f4b73d;--kt:#3a2d10}
:root:not([data-theme="light"]) .cat-ico{background:var(--kt)}
:root:not([data-theme="light"]) .tool-card:hover{box-shadow:0 14px 30px -18px var(--k)}
:root:not([data-theme="light"]) .side li a:hover{background:var(--tint)}
:root:not([data-theme="light"]) .chips a:hover{color:var(--onbrand)}
:root:not([data-theme="light"]) footer.site{background:#070d19}
:root:not([data-theme="light"]) .scw{border-color:#22324a;background:#0b1424}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}