/* Local, shared visual theme */
:root{--accent:#6554d9;--bg:#f5f5fc;--ink:#19233d}
body{background:radial-gradient(ellipse at 0 0,#e5e7ff,transparent 40%),radial-gradient(ellipse at 100% 20%,#dff7f2,transparent 35%),var(--bg)!important;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(22px,calc((100vw - 1160px)/2));background:#ffffffed;border-bottom:1px solid #e0e6f1;position:relative;z-index:50;box-shadow:0 5px 30px #232a5410}.site-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#24304c;font-size:20px;font-weight:850;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#19a7a0);color:white;font-size:20px;box-shadow:0 5px 12px #6554d930}.site-brand small{display:block;font-size:10px;color:#68748a;font-weight:600;letter-spacing:1px}.site-nav{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:650}.site-nav a{text-decoration:none;color:#465572}.site-menu-button{padding:10px 15px;border:1px solid #d7dcf2;border-radius:10px;background:#f1efff;color:#44389c;font-weight:700;cursor:pointer}.site-menu{max-width:1160px;margin:12px auto;padding:20px;background:white;border:1px solid #e2e6f3;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.site-menu a{padding:12px;border-radius:10px;text-decoration:none;color:#465572;font-size:14px;background:#f8f9fd}.site-menu a[aria-current=page]{color:white;background:var(--accent)}[hidden]{display:none!important}
.hero-panel{padding:32px;border:1px solid #daddf8;border-radius:24px;background:linear-gradient(110deg,#eeebff,#edf8ff 65%,#ddf6ee);margin-bottom:25px}.hero-panel h1{max-width:800px}.hero-panel .intro{max-width:740px}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.hero-chips span{background:#ffffffb0;color:#426078;border:1px solid #fff;padding:6px 10px;border-radius:30px;font-size:11px;font-weight:650}.card{border-radius:20px;border-color:#e0e5f3;box-shadow:0 9px 28px #27346e09}.layout>.card:first-child{border-top:4px solid #8772ee}.comparison-card{border-top:4px solid #13a599}.result{background:linear-gradient(125deg,var(--accent),#31457e 65%,#147c7e);box-shadow:0 10px 25px #574ac52a}.mini{background:#eef1ff}.mini:nth-child(2){background:#e2f7ef;color:#16604e}.calculate{background:linear-gradient(100deg,var(--accent),#4759b4)!important;border:0!important;box-shadow:0 6px 16px #6554d930}.fields label{color:#45516d}.fields input,.fields select{background:#fcfcff;border-color:#dce1ef}.scenario-option{border-radius:14px;border-top:3px solid #8b75ed;background:#f5f1ff}.scenario-option:nth-child(2){background:#edf9f5;border-top-color:#13a58a}.scenario-option:nth-child(3){background:#fff6e9;border-top-color:#efa746}.tool{position:relative;display:block;padding:20px;transition:transform .15s,box-shadow .15s;border-radius:17px;line-height:1.4}.tool:hover{transform:translateY(-3px)}.tool-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffffb0;color:var(--accent);margin-bottom:13px;font-size:19px;font-weight:800}.tool small{line-height:1.5;margin-top:8px}.tool:nth-child(4n+1){background:#eeebff;border-color:#dad4fc}.tool:nth-child(4n+2){background:#e5f7f1;border-color:#c8ebe0}.tool:nth-child(4n+3){background:#fff2dd;border-color:#f5dfb7}.tool:nth-child(4n){background:#fcebf2;border-color:#f2d1e0}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.tool-search{max-width:320px;margin:0;font-size:14px}.theme-swatches{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.theme-swatches button{font-size:12px;padding:8px 12px}.theme-swatches button:nth-child(1){background:#eeebff;color:#5042a7}.theme-swatches button:nth-child(2){background:#e0f6ee;color:#0b705b}.theme-swatches button:nth-child(3){background:#fff0df;color:#8c4e17}.matrix-section{margin-top:25px}.matrix-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px}.table-scroll{overflow:auto;max-height:380px;margin-top:18px;border:1px solid #e1e6f1;border-radius:12px}.table-scroll table{margin:0;min-width:440px}.table-scroll th{position:sticky;top:0;background:#eef0fc;color:#3b4562;font-weight:700}.table-scroll td{background:white}.table-scroll tr:nth-child(even) td{background:#f9faff}.table-scroll tr:last-child{font-weight:400}.chart-pair{display:grid;gap:10px;margin:18px 0}.chart-row{display:grid;grid-template-columns:70px 1fr 90px;align-items:center;gap:10px;font-size:12px}.chart-track{height:10px;background:#edf0f8;border-radius:20px;overflow:hidden}.chart-fill{display:block;height:100%;background:#8a7bea;border-radius:20px}.chart-row:nth-child(2) .chart-fill{background:#12a998}.chart-row strong{text-align:right}.portal-strip{border-left:4px solid #8571df!important;background:#f3f0ff!important}.site-footer{max-width:1160px;margin:35px auto 0;padding:24px;border-top:1px solid #dfe3ef;color:#66718a;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px}.site-footer a{color:var(--accent)}main .rounded-2xl{box-shadow:0 8px 30px #24366b0c}main input,main select{border-radius:11px!important}
@media(max-width:800px){.site-header{flex-wrap:wrap;padding:16px 20px}.site-nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.site-menu{margin:12px 15px;grid-template-columns:1fr 1fr}.hero-panel{padding:22px}.hero-panel h1{font-size:30px}.section-title{align-items:stretch;flex-direction:column;gap:0}.tool-search{max-width:none;margin:8px 0}.site-brand{font-size:18px}.chart-row{grid-template-columns:60px 1fr 85px}}
@media(max-width:400px){.matrix-controls,.tools,.compare{grid-template-columns:1fr}.hero-panel{padding:18px}.site-nav>a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-menu,.site-footer,.hero-chips,.tool-search,.theme-swatches,.matrix-section{display:none!important}body{background:white!important}.hero-panel{padding:0;border:0;background:white}.result{background:white;color:black;box-shadow:none}.chart-fill{print-color-adjust:exact}.card{box-shadow:none}}
/* Content pages and usability details */
.reading-page{max-width:960px;margin:32px auto;padding:32px;background:white;border:1px solid #e0e5f3;border-radius:22px;line-height:1.75}.reading-page h1{font-size:clamp(28px,4vw,40px);line-height:1.2;color:#24304c;margin-bottom:20px}.reading-page h2{font-size:22px;color:#34426a;margin:28px 0 12px}.reading-page p{margin:12px 0;color:#536079}.reading-page .lead{font-size:18px}.reading-page a,.methods-link a{color:var(--accent);text-decoration:underline}.reading-page ul{list-style:disc;padding-left:22px}.directory-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;list-style:none!important;padding:0!important}.directory-list li{padding:18px;background:#f4f5fc;border:1px solid #e3e6f2;border-radius:14px}.directory-list a{font-weight:750}.directory-list p{font-size:14px}.seo-breadcrumb{font-size:12px;line-height:1.6;color:#69758a;margin-bottom:22px;display:flex;gap:5px;flex-wrap:wrap}.seo-breadcrumb a{color:var(--accent)}.methods-link{background:linear-gradient(120deg,#eeebff,#e7f7f2);padding:22px;border-radius:16px;margin:28px 0 16px;border:1px solid #d8deed;font-size:14px}.methods-link p{margin:8px 0}.methods-link strong{color:#354365}.site-nav a[aria-current=page]{color:var(--accent)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #9b8bea;outline-offset:3px}input[aria-invalid=true]{border-color:#bf3546!important;background:#fff7f7!important}.field-status{color:#a42d3b;font-size:12px;margin-top:8px}.jump-top{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--accent);color:white;border:0;border-radius:50%;width:42px;height:42px;box-shadow:0 5px 20px #33446630;font-size:20px;cursor:pointer}
@media(max-width:700px){.reading-page{margin:20px 12px;padding:22px}.directory-list{grid-template-columns:1fr}}
@media print{.jump-top{display:none}.reading-page{border:0;margin:0;padding:0}.methods-link{background:white;break-inside:avoid}}
body{margin:0}.directory-list li:nth-child(4n+2){background:#edf9f5;border-color:#d3eae2}.directory-list li:nth-child(4n+3){background:#fff7eb;border-color:#f0e1c7}.directory-list li:nth-child(4n){background:#fff0f5;border-color:#f0d7e3}