﻿:root{--brand:#253b70;--ink:#182b46;--muted:#4f6075;--paper:#f7f8fb;--line:#d7deea;--gold:#c3a05c;--radius:12px;--space:24px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,'Malgun Gothic',sans-serif}body .hacks-portal.hacks-portal{--green:var(--brand);--ink:#182b46;--muted:#4f6075;--line:#d7deea;--paper:#f7f8fb;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75}body .hacks-portal.hacks-portal h1,body .hacks-portal.hacks-portal h2,body .hacks-portal.hacks-portal h3{color:var(--ink)}body .hacks-portal.hacks-portal p,body .hacks-portal.hacks-portal label,body .hacks-portal.hacks-portal input,body .hacks-portal.hacks-portal select,body .hacks-portal.hacks-portal textarea{font-size:16px}a{color:var(--brand);text-underline-offset:4px}body .hacks-portal.hacks-portal .site-header{background:#fff;border-bottom:1px solid var(--line);padding-top:18px;padding-bottom:18px}body .hacks-portal.hacks-portal .brand,body .hacks-portal.hacks-portal .brand span{color:var(--brand)}body .hacks-portal.hacks-portal main{padding-top:24px;padding-bottom:40px}body .hacks-portal.hacks-portal .hero{padding:8px 0 20px;background:none}body .hacks-portal.hacks-portal .m8-hero{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--radius);padding:32px;gap:24px;min-height:0;margin:8px 0 28px}body .hacks-portal.hacks-portal .m8-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.25;max-width:720px}body .hacks-portal.hacks-portal .m8-hero-note{background:var(--paper);border:0;border-left:2px solid var(--gold);border-radius:0;padding:20px}body .hacks-portal.hacks-portal .m8-orbit{display:none}body .hacks-portal.hacks-portal .m8-intro{font-size:17px;color:var(--muted)}body .hacks-portal.hacks-portal .m8-actions{display:flex;flex-wrap:wrap;gap:10px}body button,body .hacks-portal.hacks-portal button,body .hacks-portal.hacks-portal .primary,body .hacks-portal.hacks-portal .m8-cta,body .hacks-portal.hacks-portal .button.primary{min-height:46px;border:1px solid var(--gold);border-radius:8px;background:var(--brand);color:#fff;padding:10px 16px;font:inherit;cursor:pointer;text-decoration:none}body button:hover,body .hacks-portal.hacks-portal button:hover,body .hacks-portal.hacks-portal .m8-cta:hover{background:#17294f;color:white;border-color:#9b7839}body button:active,body .hacks-portal.hacks-portal button:active{background:#12213e}body button:disabled{opacity:.6;cursor:default}body :focus-visible,body .hacks-portal.hacks-portal :focus-visible{outline:3px solid #815b18;outline-offset:3px}body input,body select,body textarea,body .hacks-portal.hacks-portal input,body .hacks-portal.hacks-portal select,body .hacks-portal.hacks-portal textarea{border:1px solid #76869e;background:white;color:var(--ink);border-radius:6px;min-height:46px;font:inherit;max-width:100%;padding:10px}body input[type=checkbox],body input[type=radio]{min-height:20px;width:20px}body .hacks-portal.hacks-portal .m8-tool,body .hacks-portal.hacks-portal .m8-category,body .hacks-portal.hacks-portal .panel,body .hacks-portal.hacks-portal .tool-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--ink)}body .hacks-portal.hacks-portal .m8-tool{border-top:2px solid var(--line);padding:22px}body .hacks-portal.hacks-portal .m8-tool:hover,body .hacks-portal.hacks-portal .m8-category:hover{border-color:var(--brand);background:#f0f3fa;transform:none}body .hacks-portal.hacks-portal .m8-tool span,body .hacks-portal.hacks-portal .m8-kicker,body .hacks-portal.hacks-portal .m8-tool strong{color:var(--brand)}body .hacks-portal.hacks-portal .m8-group{padding:28px 0;border-top:1px solid var(--line)}body .hacks-portal.hacks-portal .m8-category-grid{gap:12px}body .hacks-portal.hacks-portal .result,body .hacks-portal.hacks-portal .summary>div{background:#edf1f8;border-color:var(--line)}body .hacks-portal.hacks-portal .reading{max-width:800px;font-size:16px}.editorial{max-width:800px;margin:40px auto 24px;padding:28px 0;border-top:2px solid var(--gold);line-height:1.85}.editorial h2{font-size:26px;margin-top:0}.editorial h3{font-size:19px;margin-top:28px}.editorial li{margin:10px 0}.editorial details{border-bottom:1px solid var(--line);margin:0;padding:8px 0}.editorial summary{cursor:pointer;font-weight:650;min-height:44px;padding:8px 0}.direct-answer{max-width:780px;font-size:17px;line-height:1.8;color:var(--muted)}.guide-toc,.editorial-next,.core-nav{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0}.core-shell{max-width:800px;margin:auto;padding:24px 20px}.core-shell h1{font-size:36px;line-height:1.3}.core-shell .breadcrumb{display:flex;gap:12px;flex-wrap:wrap}.core-shell section{border:1px solid var(--line);border-radius:var(--radius)}.core-shell .editorial{border:0;border-top:2px solid var(--gold);background:none;border-radius:0;padding:28px 0}.core-shell .keys button{padding:8px;min-height:48px}.core-shell #display{background:#edf1f8;border-radius:8px;font-variant-numeric:tabular-nums}body .hacks-portal.hacks-portal .site-footer{background:#fff;color:var(--muted)}@media(max-width:600px){body .hacks-portal.hacks-portal .m8-hero{padding:22px;grid-template-columns:1fr}body .hacks-portal.hacks-portal .m8-hero-note{display:none}body .hacks-portal.hacks-portal main{padding-left:16px;padding-right:16px}body .hacks-portal.hacks-portal .m8-tools{grid-template-columns:1fr}body .hacks-portal.hacks-portal .m8-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial{padding:24px 0}.core-shell{padding:18px 16px}.core-shell h1{font-size:30px}}

body .hacks-portal .skip{position:fixed;left:16px;top:-100px;z-index:50}body .hacks-portal .skip:focus{top:8px;background:white;padding:12px;border:1px solid var(--brand)}body .hacks-portal[data-tool=home] .m8-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .hacks-portal[data-tool=home] .m8-hero .m8-kicker{color:var(--brand);font-size:12px}body .hacks-portal[data-tool=home] .m8-hero-note p,body .hacks-portal[data-tool=home] .m8-hero-note a,body .hacks-portal[data-tool=home] .m8-text-link{color:var(--brand);font-size:16px}body .hacks-portal[data-tool=home] .m8-category strong{font-size:16px}body .hacks-portal[data-tool=home] .m8-category small{font-size:14px;color:var(--muted)}body .hacks-portal[data-tool=home] .m8-tool>span{font-size:16px}body .hacks-portal[data-tool=home] .m8-actions{display:flex;gap:10px}body .hacks-portal[data-tool=home] .m8-cta{width:auto;font-size:16px;min-height:46px;margin:0}body .hacks-portal .site-header .brand{color:var(--brand)}body .hacks-portal .reading.tool-help{margin-top:24px}body .hacks-portal .editorial h3{font-size:19px;margin-top:28px}@media(max-width:600px){body .hacks-portal[data-tool=home] .m8-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .hacks-portal[data-tool=home] .m8-hero{padding:22px}body .hacks-portal[data-tool=home] .m8-hero h1{font-size:30px}body .hacks-portal[data-tool=home] .m8-hero-note{display:none}body .hacks-portal[data-tool=home] .m8-intro{font-size:16px}body .hacks-portal[data-tool=home] .m8-cta{flex:1 1 42%;justify-content:center}body .hacks-portal[data-tool=home] .m8-text-link{width:100%}}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:"›";margin-right:16px;color:var(--muted)}
body .hacks-portal[data-tool=home] .m8-hero h1{color:var(--ink)}body .hacks-portal[data-tool=home] .m8-hero-note strong{color:var(--ink)}/* R3: warm paper, ink typography, restrained brass accents. No external assets. */
:root{--brand:#1a2745;--ink:#1a2745;--muted:#535c69;--paper:#faf9f6;--line:#deded8;--gold:#c2a36b;--radius:5px}
body .hacks-portal.hacks-portal{--green:#1a2745;--ink:#1a2745;--muted:#535c69;--line:#deded8;--paper:#faf9f6}
body{letter-spacing:-.015em}h1,h2,h3{letter-spacing:-.035em}body .hacks-portal.hacks-portal .site-header{padding-top:16px;padding-bottom:16px;background:#faf9f6}body .hacks-portal.hacks-portal .site-header nav a{color:#394355;font-size:14px}
body .hacks-portal.hacks-portal main{max-width:1200px;padding-top:28px}body .hacks-portal.hacks-portal .m8-hero{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:34px 0 42px;grid-template-columns:minmax(0,1fr) 260px;gap:48px;margin:0 0 24px}body .hacks-portal[data-tool=home] .m8-hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:750;line-height:1.22;letter-spacing:-.055em;margin:16px 0 20px}body .hacks-portal[data-tool=home] .m8-hero .m8-kicker{font-size:12px;letter-spacing:.12em;color:#626976}body .hacks-portal.hacks-portal .m8-hero-note{background:transparent;border-left:1px solid var(--gold);padding:0 0 0 26px;align-self:center}body .hacks-portal[data-tool=home] .m8-hero-note strong{font-size:23px;font-weight:650}body .hacks-portal[data-tool=home] .m8-hero-note p{font-size:16px;color:var(--muted)}body .hacks-portal.hacks-portal .m8-intro{color:var(--muted);line-height:1.8}
body button,body .hacks-portal.hacks-portal button{border-radius:5px;background:#fff;color:var(--brand);border:1px solid #737d90}body button:hover,body .hacks-portal.hacks-portal button:hover{background:#eef0f3;color:var(--brand);border-color:var(--brand)}body button[type=submit],body .hacks-portal.hacks-portal button.primary-cta,body .hacks-portal.hacks-portal button.primary,body .hacks-portal.hacks-portal .m8-cta,body button[data-key="="],body button#start{background:var(--brand);color:#fff;border:1px solid var(--gold)}body .hacks-portal[data-tool=home] .m8-cta{padding:12px 20px;border-radius:5px}body .hacks-portal[data-tool=home] .m8-cta:nth-child(n+3){background:#fff;color:var(--brand);border-color:#737d90}body .hacks-portal.hacks-portal .m8-text-link{align-self:center}
body .hacks-portal.hacks-portal .m8-category{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 4px;min-height:78px}body .hacks-portal.hacks-portal .m8-tool{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 6px;box-shadow:none}body .hacks-portal.hacks-portal .m8-tool:hover,body .hacks-portal.hacks-portal .m8-category:hover{background:#f0efeb;border-color:#a9adb4}body .hacks-portal.hacks-portal .m8-tool strong{font-size:20px;color:var(--ink)}body .hacks-portal.hacks-portal .m8-tool p{color:var(--muted)}body .hacks-portal.hacks-portal .m8-tool>span{font-size:14px;color:#414e66}body .hacks-portal.hacks-portal .m8-tools{gap:10px 28px}body .hacks-portal.hacks-portal .m8-group{padding:28px 0}body .hacks-portal.hacks-portal .m8-group .m8-tools .m8-tool{border-top:1px solid var(--line)}body .hacks-portal.hacks-portal .m8-category-grid{gap:0 24px}
body .hacks-portal.hacks-portal .tool-heading{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}body .hacks-portal.hacks-portal .tool-heading h1{margin:8px 0 12px;font-size:clamp(28px,3vw,38px);line-height:1.3}body .hacks-portal.hacks-portal .tool-heading>p:last-child:not(.direct-answer):not(.eyebrow){display:none}body .hacks-portal.hacks-portal .panel{border-radius:5px;box-shadow:none;padding:22px}body .hacks-portal.hacks-portal .tool-heading+.panel:has(>a:only-child){border:0;background:none;padding:0;margin:12px 0}body .hacks-portal.hacks-portal .notice{background:#f0f0eb;border-color:#deded8;border-radius:3px;color:#414955}body input,body select,body textarea{border-color:#7d8593;border-radius:4px}body .hacks-portal.hacks-portal .result,body .hacks-portal.hacks-portal .summary>div,body .hacks-portal.hacks-portal .metrics{background:#f1f2f4;border-color:#dcdfe4;color:var(--ink)}.direct-answer{font-size:16px;line-height:1.75;margin:12px 0}.editorial{max-width:760px;border-top:1px solid var(--gold);margin-top:48px}.editorial p{color:#454e5b}.editorial h2{font-weight:700}.editorial-next,.guide-toc{font-size:16px}.core-shell{max-width:800px;padding-top:28px}.core-shell h1{margin:20px 0 12px}.core-shell section{border-radius:5px;padding:22px}.core-shell .keys button{background:#fff;color:var(--ink);border-color:#b7bdc7;font-size:19px}.core-shell .keys button[data-key="="],.core-shell #copy{background:var(--brand);color:#fff;border-color:var(--gold)}.core-shell .keys button[data-key="+"],.core-shell .keys button[data-key="-"],.core-shell .keys button[data-key="*"],.core-shell .keys button[data-key="/"]{background:#e9ecf1}.core-shell #display{background:#f1f2f4;border-radius:3px;padding:16px;font-size:32px}.local-safety{font-size:12px!important;letter-spacing:.04em;color:#535c69;border-left:2px solid var(--gold);padding-left:10px;margin:12px 0}body .hacks-portal.hacks-portal .site-footer{background:#f0efeb;border-top:1px solid var(--line)}body .hacks-portal .site-footer nav a{color:#394355}a:hover{text-decoration-thickness:2px}body :focus-visible,body .hacks-portal.hacks-portal :focus-visible{outline:3px solid #825e22;outline-offset:3px}
@media(max-width:800px){body .hacks-portal.hacks-portal .m8-hero{grid-template-columns:1fr}.m8-hero-note{display:none}}
@media(max-width:600px){body .hacks-portal.hacks-portal main{padding-top:18px}body .hacks-portal.hacks-portal .m8-hero,body .hacks-portal[data-tool=home] .m8-hero{padding:16px 0 26px;gap:0}body .hacks-portal[data-tool=home] .m8-hero h1{font-size:36px;margin:14px 0 18px}body .hacks-portal[data-tool=home] .m8-actions{gap:8px}body .hacks-portal[data-tool=home] .m8-cta{padding:10px 12px;flex:1 1 42%}body .hacks-portal[data-tool=home] .m8-cta:nth-child(n+3){flex:1 1 25%}body .hacks-portal[data-tool=home] .m8-text-link{padding:8px 0}body .hacks-portal.hacks-portal .m8-tool{padding:20px 4px}body .hacks-portal.hacks-portal .panel{padding:18px}body .hacks-portal.hacks-portal .tool-heading{margin-bottom:14px;padding-bottom:12px}body .hacks-portal.hacks-portal .tool-heading h1{font-size:28px}body .hacks-portal.hacks-portal .breadcrumb{margin-bottom:16px}.core-shell{padding-top:20px}.core-shell h1{font-size:30px}.core-shell section{padding:18px}.editorial h2{font-size:24px}}
