@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172235;--muted:#68758a;--line:#e6eaf0;--blue:#2563eb;--bg:#f7f9fc}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1160px)/2));border-bottom:1px solid var(--line)}.brand{font:800 21px Manrope,sans-serif;display:inline-flex;align-items:center;gap:9px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--blue);color:white}.site-header nav,.site-footer>div{display:flex;gap:22px;color:#566176;font-size:14px}.hero{padding:65px 22px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#eaf1ff 0,transparent 60%),#fbfcff}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--blue);margin:0 0 10px}.hero h1,.calc-page-hero h1{font:800 clamp(34px,5vw,54px)/1.12 Manrope,sans-serif;letter-spacing:-1.8px;margin:0}.hero h1 span{color:var(--blue)}.hero-copy{max-width:650px;margin:18px auto 24px;color:var(--muted)}.search-wrap{max-width:560px;margin:auto;display:flex;align-items:center;gap:12px;padding:0 18px;height:54px;border:1px solid #dbe2ee;border-radius:12px;background:#fff}.search-wrap input{border:0;outline:0;flex:1;min-width:0;font:inherit}.hero-tags{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#66748a}.content-section{max-width:1200px;margin:auto;padding:55px 22px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}.section-heading h2{font:700 26px Manrope,sans-serif;margin:0;letter-spacing:-.6px}.muted{font-size:13px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:45px}.category-card{padding:21px;border:1px solid var(--line);border-radius:14px}.category-card h3{font:700 18px Manrope,sans-serif;margin:5px 0 15px}.category-count,.tool-category{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#7a8799;text-transform:uppercase}.category-section{padding-top:20px;margin-top:25px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:14px;transition:.18s}.tool-card:hover{transform:translateY(-2px);border-color:#bfd0f4;box-shadow:0 8px 24px #1d33510c}.tool-card[hidden],.category-section[hidden]{display:none}.tool-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-weight:700;font-size:19px;margin-bottom:12px}.blue{background:#eaf1ff;color:#2563eb}.orange{background:#fff2e5;color:#c56a11}.green{background:#e5f7ef;color:#16845b}.purple{background:#f1eaff;color:#7647c7}.tool-card h3{font:700 15px Manrope,sans-serif;margin:5px 0}.tool-card p{font-size:12px;color:var(--muted);margin:0 0 14px}.card-link{font-size:12px;color:var(--blue);font-weight:700;margin-top:auto}.breadcrumbs{max-width:1050px;margin:25px auto 8px;padding:0 22px;display:flex;gap:10px;color:var(--muted);font-size:12px}.calc-page-hero{max-width:900px;margin:25px auto;padding:15px 22px}.calc-page-hero h1{font-size:clamp(30px,4vw,43px)}.calc-page-hero>p:last-child{color:var(--muted)}.calculator-layout.single{max-width:900px;margin:auto;padding:0 22px}.calc-panel{border:1px solid var(--line);border-radius:16px;padding:26px}.calc-panel h2,.guide-content h2{font:700 21px Manrope,sans-serif;margin:0 0 14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#3b485b}.field input{height:44px;border:1px solid #dbe2eb;border-radius:9px;padding:0 12px;font:inherit;color:var(--ink)}.field input:focus{outline:2px solid #c5d7ff}.calc-actions{display:flex;gap:10px;margin-top:20px;align-items:center}.primary-btn,.secondary-btn{display:inline-block;border:0;border-radius:9px;padding:12px 17px;font:700 13px "DM Sans",sans-serif;cursor:pointer}.primary-btn{background:var(--blue);color:white}.secondary-btn{background:#f0f3f8;color:#46546a}.result-box{margin-top:20px;padding:17px;border:1px solid #bdebd6;border-radius:12px;background:#f0fbf6}.result-box.error,.notice{border:1px solid #f1d8a9;background:#fffaf0;border-radius:12px;padding:16px;color:#704b0a}.result-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#35745a;font-weight:700}.result-value{font:800 26px Manrope,sans-serif;color:#126b49;overflow-wrap:anywhere}.result-detail,.calc-note{font-size:13px;color:#4d6b5d}.calc-note{margin-top:22px;color:#7a8799;font-size:12px}.guide-content{max-width:900px;margin:35px auto 60px;padding:0 22px}.guide-content h2{margin-top:26px}.guide-content p,.guide-content li{color:#4f5d70}.guide-content a{color:var(--blue);text-decoration:underline}.related-links{columns:2}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.site-footer{padding:26px max(22px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line)}.site-footer .brand{font-size:17px}.site-footer>p{width:100%;margin:0;color:#8993a3;font-size:11px}.empty-state{text-align:center;color:var(--muted)}@media(max-width:850px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.site-header{height:64px;padding:0 14px}.site-header nav{gap:10px;font-size:12px}.brand{font-size:17px}.hero{padding:50px 16px}.content-section{padding:40px 14px}.tool-grid,.category-grid,.form-grid{grid-template-columns:1fr}.tool-card{min-height:170px}.calc-panel{padding:18px}.calculator-layout.single,.calc-page-hero,.guide-content{padding-left:16px;padding-right:16px}.related-links{columns:1}.site-footer{padding:22px 16px}}

/* EverydayCalc UI refresh */
:root{--ink:#18263b;--muted:#718096;--line:#e4eaf2;--blue:#315eea;--bg:#f6f8fc;--surface:#fff;--surface-soft:#f8faff;--shadow:0 14px 38px rgba(26,48,89,.07)}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--surface);color:var(--ink);transition:background .2s,color .2s}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);height:76px}.site-header nav{align-items:center}.site-header nav>a{padding:9px 2px;transition:color .2s}.site-header nav>a:hover{color:var(--blue)}.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:17px}.announcement{height:37px;display:flex;justify-content:center;align-items:center;gap:9px;background:#f0f5ff;color:#3b5284;font-size:12px;font-weight:600}.announcement-dot{width:7px;height:7px;background:#2dbb85;border-radius:50%;box-shadow:0 0 0 4px #2dbb851a}.announcement-divider{opacity:.5}.hero-modern{position:relative;overflow:hidden;padding:70px 22px 0;background:radial-gradient(ellipse at 50% 0%,#e8efff 0,transparent 59%),linear-gradient(180deg,#fbfcff,#f7f9ff);isolation:isolate}.hero-content{position:relative;z-index:2;max-width:800px;margin:auto}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px}.eyebrow-line{width:23px;height:2px;background:var(--blue);border-radius:4px}.hero h1{font-size:clamp(42px,6.3vw,72px);line-height:1.03;letter-spacing:-3px}.hero h1 span{background:linear-gradient(95deg,#315eea,#7a50df);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:17px;line-height:1.75;max-width:590px;margin:22px auto 27px}.search-modern{height:64px;border-radius:17px;padding:0 15px 0 20px;box-shadow:0 12px 36px #315eea12;border-color:#dce4f5;gap:13px}.search-symbol{font-size:28px;line-height:1;color:#7284a6;transform:rotate(-20deg)}.search-wrap input{font-size:15px;color:var(--ink);background:transparent}.search-wrap kbd{font:600 11px inherit;color:#8692a5;background:#f2f4f9;border:1px solid #e3e7ef;border-radius:5px;padding:3px 6px}.search-wrap button{border:0;background:#f0f3f9;color:#63718a;border-radius:8px;font-size:20px;width:29px;height:29px;cursor:pointer}.search-hint{font-size:11px;color:#8b96a8;margin:9px 0 0}.search-hint span{font-weight:800}.hero-tags{gap:24px;margin-top:21px}.hero-tags span{display:flex;gap:6px;align-items:center}.hero-tags b{color:#20a879;font-weight:800}.hero-stats{position:relative;z-index:2;max-width:650px;margin:42px auto 0;padding:23px 20px;display:flex;align-items:center;justify-content:center;gap:35px;border-top:1px solid #e3e9f6}.hero-stats div{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-stats strong{font:800 25px Manrope,sans-serif;letter-spacing:-.8px}.hero-stats span{font-size:11px;color:var(--muted)}.hero-stats i{height:32px;width:1px;background:#dce3f0}.hero-orb{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(1px)}.orb-one{width:280px;height:280px;left:-170px;top:70px;background:radial-gradient(circle,#dbe7ff 0,transparent 70%)}.orb-two{width:320px;height:320px;right:-170px;top:0;background:radial-gradient(circle,#e9ddff 0,transparent 70%)}.home-content{max-width:1240px;padding-top:55px}.section-heading{align-items:end}.section-heading h2{font-size:25px}.section-heading .eyebrow{margin-bottom:6px}.category-grid-modern{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:52px}.category-card-modern{position:relative;overflow:hidden;display:grid;grid-template-columns:43px 1fr;column-gap:12px;align-items:center;padding:18px;border-radius:17px;background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s}.category-card-modern:hover{transform:translateY(-3px);border-color:#bdcdfa;box-shadow:var(--shadow)}.category-symbol{grid-row:span 2;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:21px;font-weight:700}.category-card-modern .category-count{grid-column:2;grid-row:1;font-size:10px;letter-spacing:.6px}.category-card-modern h3{grid-column:2;grid-row:2;font-size:15px;margin:2px 0 7px}.category-card-modern .card-link{grid-column:2;grid-row:3}.card-link span{display:inline-block;transition:transform .2s}.category-card:hover .card-link span,.tool-card:hover .card-link span{transform:translate(2px,-2px)}.popular-section{margin-bottom:55px}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.popular-card{position:relative;display:flex;align-items:flex-start;gap:11px;min-height:104px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s}.popular-card:hover{transform:translateY(-2px);border-color:#c6d3f8;box-shadow:var(--shadow)}.popular-icon{flex:none;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:17px;font-weight:800}.popular-text{display:flex;flex-direction:column;gap:5px;min-width:0;padding-right:6px}.popular-text strong{font:700 13px Manrope,sans-serif;line-height:1.35}.popular-text small{font-size:11px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-arrow{position:absolute;right:11px;top:12px;color:#9ba7ba;font-size:13px}.all-tools-section{scroll-margin-top:95px}.tools-heading{margin-bottom:18px}.section-subtitle{margin:4px 0 0;font-size:12px;color:var(--muted)}.results-pill{padding:7px 11px;border:1px solid var(--line);background:var(--surface-soft);border-radius:30px;font-size:12px;color:var(--muted);white-space:nowrap}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 25px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:9px;background:transparent;color:#65738a;padding:8px 10px;font:600 11px "DM Sans",sans-serif;cursor:pointer;transition:all .15s}.filter-chip span{font-size:10px;opacity:.7}.filter-chip:hover{background:var(--surface);border-color:var(--line)}.filter-chip.active{background:var(--blue);color:#fff;box-shadow:0 4px 10px #315eea26}.sort-control{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}.sort-control select{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px;border-radius:8px;font:inherit}.category-section{margin-top:29px;padding-top:5px}.category-title-row{margin-bottom:14px}.category-title-row h2{font-size:20px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{position:relative;min-height:215px;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.tool-card:hover{transform:translateY(-3px);border-color:#c4d2f8;box-shadow:var(--shadow)}.tool-card[hidden],.category-section[hidden]{display:none}.tool-card-main{display:flex;flex-direction:column;align-items:flex-start;min-height:100%;height:100%;padding:18px 18px 15px}.tool-icon{width:38px;height:38px;border-radius:12px;margin-bottom:12px}.tool-category{font-size:9px;letter-spacing:.8px}.tool-card h3{font-size:14px;line-height:1.4;margin:6px 28px 5px 0}.tool-card p{font-size:11px;line-height:1.55;margin:0 0 15px;max-width:95%}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto}.card-link{font-size:11px}.tool-status{font-size:9px;line-height:1;padding:6px 7px;border-radius:6px;font-weight:700;white-space:nowrap}.status-ready{color:#137c58;background:#e9f8f0}.status-planned{color:#8a6b20;background:#fff6de}.favorite-btn{position:absolute;top:13px;right:13px;z-index:2;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#7e8ba1;font-size:19px;line-height:1;cursor:pointer;transition:all .15s}.favorite-btn:hover,.favorite-btn.is-favorite{border-color:#f2c5d4;background:#fff0f5;color:#d7356c}.favorite-page{position:static;display:flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:7px 11px;height:36px;font-size:13px}.favorite-page span{font-size:11px;font-weight:700}.empty-state{padding:55px 15px;border:1px dashed var(--line);border-radius:16px;background:var(--surface-soft)}.empty-state h3{font:700 19px Manrope,sans-serif;margin:10px 0 3px}.empty-state p{font-size:13px;color:var(--muted)}.empty-icon{font-size:30px;color:#91a2c2}.breadcrumbs{max-width:1040px}.calc-page-hero{max-width:950px;margin:28px auto 24px;padding:18px 22px 5px}.calc-title-top{display:flex;justify-content:space-between;align-items:center}.calc-page-hero h1{letter-spacing:-1.6px}.calc-page-hero>p:last-of-type{font-size:15px;line-height:1.7;max-width:760px}.calc-trust-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:17px}.calc-trust-row span:first-child{color:#16845b}.calculator-layout.single{max-width:950px}.calc-panel{border-radius:19px;padding:28px;background:var(--surface);box-shadow:0 10px 32px rgba(28,48,88,.035)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-heading .eyebrow{margin-bottom:4px}.panel-heading h2{margin:0;font-size:21px}.panel-help{font-size:12px;color:var(--muted);margin:5px 0 0}.panel-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#edf2ff;color:var(--blue);font-size:20px}.form-grid{gap:18px}.field{gap:8px;font-size:12px}.field input{height:48px;border-radius:11px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:0;border-color:#7192f4;box-shadow:0 0 0 3px #315eea1a}.primary-btn,.secondary-btn{padding:13px 17px;border-radius:10px;transition:transform .15s,box-shadow .15s}.primary-btn{background:linear-gradient(100deg,#315eea,#4b6ef0);box-shadow:0 6px 14px #315eea26}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #315eea36}.secondary-btn{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink)}.result-box{background:#effaf5;border-color:#c6eedb}.result-value{font-size:clamp(25px,4vw,34px)}.progress-note{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--line);font-size:13px;color:var(--muted)}.progress-note>span:first-child{font-size:19px;color:var(--blue)}.article-intro{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:13px;background:var(--surface-soft);border:1px solid var(--line)}.article-intro p{margin:0;font-size:13px}.article-mark{flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf0ff;color:var(--blue);font-weight:800}.guide-content h2{font-size:20px}.site-footer{background:var(--surface-soft);margin-top:70px}.site-footer .footer-disclaimer{margin-top:-9px}.pink{background:#fff0f5;color:#cb3e76}
html[data-theme="dark"]{color-scheme:dark;--ink:#e8edf7;--muted:#9caac0;--line:#28354a;--blue:#7c9bff;--bg:#111827;--surface:#151e2e;--surface-soft:#101827;--shadow:0 14px 38px rgba(0,0,0,.2)}html[data-theme="dark"] body{background:var(--surface);color:var(--ink)}html[data-theme="dark"] .site-header{background:rgba(21,30,46,.92)}html[data-theme="dark"] .announcement{background:#1c2941;color:#c1d0f3}html[data-theme="dark"] .hero-modern{background:radial-gradient(ellipse at 50% 0%,#24375c 0,transparent 62%),linear-gradient(180deg,#151e2e,#101827)}html[data-theme="dark"] .hero h1 span{background:linear-gradient(95deg,#8eabff,#c0a2ff);-webkit-background-clip:text;background-clip:text}html[data-theme="dark"] .search-wrap,html[data-theme="dark"] .search-wrap kbd{background:#101827;border-color:#2a3850;color:var(--ink)}html[data-theme="dark"] .search-wrap input{color:var(--ink)}html[data-theme="dark"] .hero-stats{border-color:#2a3850}html[data-theme="dark"] .hero-stats i{background:#2a3850}html[data-theme="dark"] .result-box{background:#142c27;border-color:#245b49}html[data-theme="dark"] .result-value{color:#8ce0bc}html[data-theme="dark"] .result-label,html[data-theme="dark"] .result-detail{color:#9ed9c0}html[data-theme="dark"] .status-ready{background:#18392f;color:#8ce0bc}html[data-theme="dark"] .status-planned{background:#3b321c;color:#f0d68b}html[data-theme="dark"] .favorite-btn.is-favorite,html[data-theme="dark"] .favorite-btn:hover{background:#3a1e2b;color:#ff8ab0;border-color:#6b3047}html[data-theme="dark"] .notice{background:#352c1a;color:#f0d68b;border-color:#5c4a24}html[data-theme="dark"] .field{color:#c7d1e2}html[data-theme="dark"] .field input{color:var(--ink);border-color:#33415a}html[data-theme="dark"] .panel-icon,html[data-theme="dark"] .article-mark{background:#24375c;color:#a8bcff}html[data-theme="dark"] .primary-btn{color:#fff}html[data-theme="dark"] .site-footer{border-color:var(--line)}
@media(max-width:950px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-toolbar{align-items:flex-start;flex-direction:column}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-header{height:64px}.site-header nav{gap:12px}.site-header nav>a{font-size:12px}.theme-toggle{width:32px;height:32px}.announcement{font-size:10px}.hero-modern{padding:48px 15px 0}.hero h1{letter-spacing:-2px;font-size:clamp(39px,11vw,55px)}.hero-copy{font-size:14px}.search-modern{height:57px;padding:0 10px 0 14px;gap:9px}.search-wrap input{font-size:13px}.search-wrap kbd{display:none}.hero-tags{gap:10px;font-size:10px}.hero-stats{gap:17px;padding:19px 5px;margin-top:30px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:9px;z-index: -1;}.home-content{padding:37px 14px}.section-heading h2{font-size:21px}.section-heading .muted{font-size:10px}.category-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card-modern{grid-template-columns:34px 1fr;gap:8px;padding:12px;border-radius:13px;}.category-symbol{width:34px;height:34px;border-radius:10px;font-size:17px}.category-card-modern h3{font-size:12px}.category-card-modern .category-count{font-size:8px}.category-card-modern .card-link{font-size:10px}.popular-grid{grid-template-columns:1fr}.popular-card{min-height:82px}.filter-toolbar{padding:9px}.filter-chips{gap:4px}.filter-chip{padding:7px 8px;font-size:10px}.tool-grid{grid-template-columns:1fr;gap:9px}.tool-card{min-height:180px}.tool-card-main{padding:16px}.calc-page-hero{padding:14px 16px;margin-top:18px}.calc-page-hero h1{font-size:34px}.calc-panel{padding:18px}.panel-heading h2{font-size:18px}.form-grid{grid-template-columns:1fr;gap:13px}.calc-actions{flex-wrap:wrap}.site-footer{margin-top:45px}.site-footer>div{gap:14px}.related-links{columns:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.category-card-modern {z-index: -1;}
.hero-stats {z-index: -1;}
/* Search autocomplete dropdown: accessible, responsive and touch-friendly. */
.search-modern{position:relative;z-index:30;overflow:visible;text-align:left}
.search-modern:focus-within{border-color:#9bb4fa;box-shadow:0 0 0 4px rgba(49,94,234,.10)}
.search-modern input{font-size:16px;min-height:44px}
.search-modern #clear-search{flex:none;border:0;border-radius:8px;background:var(--surface-soft,#f3f6fb);color:var(--muted);font-size:22px;line-height:1;width:32px;height:32px;cursor:pointer}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 9px);z-index:1000;max-height:min(430px,60vh);overflow-y:auto;overscroll-behavior:contain;background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px rgba(24,39,75,.18);padding:7px;text-align:left}
.search-suggestions[hidden]{display:none}
.search-suggestion{display:flex;align-items:center;gap:11px;min-height:62px;padding:10px;border-radius:11px;color:var(--ink);text-decoration:none;transition:background .12s}
.search-suggestion:hover,.search-suggestion.is-active,.search-suggestion:focus-visible{outline:none;background:var(--surface-soft,#f5f7fb)}
.suggestion-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-weight:800}
.suggestion-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.suggestion-copy strong{font-size:13px;line-height:1.35;font-weight:750;color:var(--ink)}
.suggestion-copy small{font-size:11px;line-height:1.4;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggestion-arrow{flex:none;color:var(--muted);font-size:15px;padding:0 3px}
.search-suggestion-footer{border-top:1px solid var(--line);margin:5px 5px 0;padding:10px 7px 5px;font-size:11px;color:var(--muted);line-height:1.4}
.search-suggestion-empty{padding:19px 13px;font-size:13px;color:var(--muted);text-align:center}
.search-hint{position:relative;z-index:1}
@media(max-width:620px){.search-modern{width:100%;max-width:none;border-radius:14px;padding-left:12px;padding-right:9px;gap:8px}.search-modern input{font-size:16px;min-width:0}.search-modern .search-symbol{font-size:22px;flex:none}.search-suggestions{position:absolute;left:-1px;right:-1px;top:calc(100% + 7px);max-height:55vh;border-radius:14px;padding:6px}.search-suggestion{min-height:64px;gap:10px;padding:10px 8px}.suggestion-icon{width:36px;height:36px}.suggestion-copy strong{font-size:13px}.suggestion-copy small{font-size:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-suggestion-footer{font-size:10px}.search-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.search-suggestion{transition:none}}
html[data-theme="dark"] .search-suggestions{background:#151e2e;border-color:#2a3850;box-shadow:0 18px 48px rgba(0,0,0,.4)}
html[data-theme="dark"] .search-suggestion:hover,html[data-theme="dark"] .search-suggestion.is-active,html[data-theme="dark"] .search-suggestion:focus-visible{background:#202c40}

/* Viewport-aware search dropdown: prevents clipping by the hero and allows full scrolling. */
.search-suggestions{position:fixed;z-index:99999;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable;padding-bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px)}
.search-suggestions[hidden]{display:none!important}
.search-suggestion:last-of-type{margin-bottom:2px}
.search-suggestion-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:620px){.search-suggestions{border-radius:13px;padding:6px;box-shadow:0 12px 32px rgba(24,39,75,.22)}.search-suggestion{min-height:60px}.search-suggestion-footer{padding-bottom:12px}}