*{box-sizing:border-box}html{scroll-behavior:smooth}body.content-page{margin:0;background:#f7f6f0;color:#20342e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:#176b60}a:hover{color:#0f554b}.site-header{background:#fffdf9;border-bottom:1px solid #e7e9e0}.header-inner{max-width:1120px;margin:0 auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#213a33;font-weight:800;font-size:17px;letter-spacing:-.5px}.brand-mark{width:30px;height:30px;border-radius:10px;background:#176b60;color:white;display:grid;place-items:center;font-size:16px}.brand-dot{color:#f36f52}.header-nav{display:flex;align-items:center;gap:18px}.header-nav a{text-decoration:none;font-size:12px;font-weight:650;color:#66756e}.header-nav a:hover{color:#176b60}.header-cta{border-radius:9px;background:#176b60;color:white!important;padding:9px 12px}.header-cta:hover{background:#12594f;color:white}.ad-slot.everydaily-banner-slot{margin:14px auto!important}.content-wrap{max-width:1120px;margin:0 auto;padding:22px 26px 64px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#8b9891;font-size:11px;margin:10px 0 18px}.breadcrumbs a{color:#71827a;text-decoration:none}.breadcrumbs span{color:#c0c8c1}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:22px;align-items:start}.main-card,.side-card{background:#fffdf9;border:1px solid #e5e8de;border-radius:17px;box-shadow:0 8px 30px rgba(38,57,49,.04)}.main-card{padding:34px 38px}.side-card{padding:19px;margin-bottom:14px}.eyebrow{color:#e67556;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;margin-bottom:8px}.main-card h1{font-size:clamp(29px,4.5vw,44px);line-height:1.09;letter-spacing:-.055em;margin:0 0 13px;color:#1e332c}.lead{font-size:17px;line-height:1.65;color:#64766e;margin:0 0 20px;max-width:780px}.page-meta{font-size:10px;color:#95a199;display:flex;gap:10px;align-items:center;margin:0 0 22px}.article-content h2{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:32px 0 10px;color:#243c34}.article-content h3{font-size:16px;margin:22px 0 7px;color:#2e493e}.article-content p{color:#5d6d66;margin:0 0 15px}.article-content ul,.article-content ol{color:#5d6d66;padding-left:22px;margin:9px 0 18px}.article-content li{padding-left:4px;margin:6px 0}.callout{border-left:3px solid #f36f52;background:#fff4e9;padding:14px 16px;border-radius:0 10px 10px 0;color:#6c6154;margin:20px 0;font-size:13px}.info-box{background:#f0f6ef;border:1px solid #deeadc;border-radius:11px;padding:13px 15px;color:#5f7566;font-size:12px;margin:17px 0}.calculator-card{border:1px solid #e6e9df;border-radius:15px;background:#fdfcf7;padding:20px;margin:22px 0}.calculator-card h2,.calculator-card h3{margin:0 0 5px}.calculator-card .tool-intro{font-size:12px;color:#87948d;margin:0 0 15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:700;color:#52655d}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5dc;border-radius:9px;padding:11px 12px;background:#fff;color:#263a32;font:inherit;font-size:13px;outline:none}.field textarea{min-height:120px;resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:#65a28c;box-shadow:0 0 0 3px #176b6014}.result-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.result-item{background:#fff;border:1px solid #ebeee7;border-radius:11px;padding:12px}.result-item span{display:block;color:#8a9790;font-size:10px;margin-bottom:3px}.result-item strong{font-size:20px;color:#176b60;letter-spacing:-.04em}.result-summary{color:#65756e;font-size:12px;margin-top:10px}.tool-status{font-size:10px;line-height:1.45;color:#77877e;margin:7px 0 0}.search-preview{background:#fff;border:1px solid #e7ebe4;border-radius:12px;padding:15px;margin-top:16px;overflow-wrap:anywhere}.search-preview-url{font-size:12px;color:#3c6b43;line-height:1.4}.search-preview-title{font-size:18px!important;line-height:1.35!important;letter-spacing:0!important;font-weight:500;color:#1a0dab!important;margin:4px 0!important}.search-preview-description{font-size:13px;color:#4d5156;line-height:1.5;margin:0}.tool-flags{padding-left:20px;color:#5d6d66;font-size:12px}.tool-flags li{margin:6px 0}.tool-flags li::marker{color:#e67556}.btn-calculate{border:0;border-radius:9px;padding:10px 14px;background:#176b60;color:white;font-size:12px;font-weight:750;margin-top:12px}.btn-calculate:hover{background:#12594f}.note-small{font-size:10px!important;color:#8c9892!important;line-height:1.55}.checklist{list-style:none!important;padding:0!important}.checklist li{padding:10px 0!important;border-bottom:1px solid #edf0e9;display:flex;gap:9px;align-items:flex-start}.checklist .check-item{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.checklist input{margin-top:5px;accent-color:#176b60;flex:0 0 auto}.side-card h2{font-size:13px;margin:0 0 9px;letter-spacing:-.01em}.side-card p{font-size:11px;line-height:1.55;color:#7f8d86;margin:0}.side-links{display:flex;flex-direction:column;gap:9px}.side-links a{text-decoration:none;color:#54685e;font-size:11px;font-weight:650}.side-links a:hover{text-decoration:underline;color:#176b60}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:25px 0 0}.related-card{border:1px solid #e6e9df;background:#fffdf9;border-radius:11px;padding:13px;text-decoration:none;color:#2b4037}.related-card strong{display:block;font-size:12px;margin-bottom:3px}.related-card span{display:block;color:#839188;font-size:10px;line-height:1.4}.page-footer{background:#203b33;color:#dce8df;padding:30px 20px}.footer-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-inner p{margin:0;font-size:10px;color:#aabdb1}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{font-size:10px;color:#dce8df;text-decoration:none}.footer-links a:hover{text-decoration:underline}.everydaily-native-slot{max-width:1120px;margin:0 auto 24px}.ad-disclosure{color:#87938c;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.seo-link-hub{max-width:1120px;margin:0 auto;padding:26px;color:#73847b;background:#f6f7f1;border-top:1px solid #e5e9e2}.seo-link-hub h2{font-size:13px;margin:0 0 10px;color:#435a50}.seo-link-hub .link-row{display:flex;flex-wrap:wrap;gap:8px 15px}.seo-link-hub a{font-size:10px;color:#597266;text-decoration:none}.seo-link-hub a:hover{text-decoration:underline}.table-wrap{overflow:auto}.simple-table{width:100%;border-collapse:collapse;font-size:12px;margin:15px 0}.simple-table th,.simple-table td{text-align:left;padding:9px 10px;border-bottom:1px solid #e9ece4}.simple-table th{color:#50665c;background:#f2f5ee}.simple-table td{color:#65756e}.faq details{border-top:1px solid #e7ebe4;padding:12px 0}.faq summary{cursor:pointer;color:#304b40;font-size:13px;font-weight:700}.faq details p{margin:8px 0 0;font-size:12px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-box{border:1px solid #e7ebe4;background:#f8faf6;border-radius:11px;padding:14px}.privacy-box h3{margin:0 0 6px!important}.privacy-box p{font-size:11px;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:840px){.content-layout{grid-template-columns:1fr}.content-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.side-card{margin-bottom:0}.header-nav{gap:11px}.main-card{padding:27px}}
@media(max-width:560px){body.content-page{font-size:15px}.header-inner{padding:13px 16px}.header-nav a:not(.header-cta){display:none}.content-wrap{padding:15px 14px 42px}.main-card{padding:22px 18px;border-radius:14px}.main-card h1{font-size:30px}.lead{font-size:15px}.content-sidebar{display:flex;flex-direction:column}.form-grid{grid-template-columns:1fr}.result-panel{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}.privacy-grid{grid-template-columns:1fr}.everydaily-native-slot{margin:0 14px 22px}}
/* ---- Everydaily batch 1 additions ---- */
.brand-mark{background:#f36f52!important;transform:rotate(-7deg);box-shadow:0 5px 14px #f36f5230}
.brand-mark svg{display:block}
.page-footer{padding:40px 20px 26px}
.footer-inner{display:block}
.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:22px}
.footer-col h2{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f5c976;margin:0 0 10px}
.footer-col a{display:block;font-size:12px;color:#dce8df;text-decoration:none;padding:3px 0}
.footer-col a:hover{text-decoration:underline}
.footer-note{border-top:1px solid #ffffff1f;padding-top:16px;font-size:11px!important;color:#aabdb1}
.field-hint{font-size:10px;color:#8a9790;line-height:1.4}

.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{border:1px solid #dfe5dc;background:#fff;color:#33463f;border-radius:999px;padding:7px 13px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.chip:hover{border-color:#65a28c}
.chip.is-on{background:#176b60;border-color:#176b60;color:#fff}
.result-panel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.pct-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid #ebeee7;border-radius:11px;padding:12px;margin:10px 0;font-size:13px;color:#52655d}
.pct-row input{width:110px;border:1px solid #dfe5dc;border-radius:9px;padding:9px 10px;font:inherit;font-size:13px}
.pct-row input:focus{outline:none;border-color:#65a28c;box-shadow:0 0 0 3px #176b6014}
.pct-row strong{font-size:18px;color:#176b60;letter-spacing:-.03em}
.tc-table input{width:100%;min-width:84px;border:1px solid #dfe5dc;border-radius:8px;padding:7px 8px;font:inherit;font-size:12px;background:#fff}
.tc-table th[scope=row]{color:#50665c;background:transparent}
.tc-h{white-space:nowrap;font-weight:650;color:#176b60!important}
.du-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:#fff6df;border:1px solid #f4e4ba;border-radius:12px;padding:14px 16px;margin:6px 0 4px}
.du-big strong{font-size:40px;line-height:1;color:#c2512f;letter-spacing:-.05em}
.du-big span{font-size:13px;color:#6c6154}
.simple-table caption{caption-side:bottom;text-align:left;font-size:11px;color:#8a9790;padding-top:6px}
#ci-table td strong{color:#176b60}
.side-season{background:#fff6df!important;border-color:#f4e4ba!important}
.contact-form{display:grid;gap:12px;margin:8px 0 18px}
.contact-form .btn-calculate{justify-self:start}
@media(max-width:700px){.footer-cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.pct-row input{width:92px}.du-big strong{font-size:34px}}
.content-layout>*{min-width:0}.main-card{min-width:0;overflow-wrap:anywhere}.simple-table td,.simple-table th{overflow-wrap:normal}
.result-item strong{font-size:18px;line-height:1.25;display:block}
@media(max-width:560px){.tc-table{table-layout:fixed;font-size:11px}.tc-table th,.tc-table td{padding:6px 3px}.tc-table th:first-child{width:34px}.tc-table th:nth-child(4){width:50px}.tc-table th:nth-child(5){width:52px}.tc-table input{min-width:0;padding:6px 3px;font-size:11px}.tc-h{white-space:normal;font-size:11px}}
@media(max-width:560px){.tc-table input[type=time]::-webkit-calendar-picker-indicator{display:none}}
/* ---- Everydaily batch 2 ---- */
.footer-cols{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.footer-cols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.footer-cols{grid-template-columns:1fr 1fr}}
.region-pick{display:inline-flex;align-items:center}
.region-select{border:1px solid #dfe5dc;border-radius:999px;background:#fff;color:#33463f;font:inherit;font-size:12px;font-weight:650;padding:6px 26px 6px 10px;max-width:150px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#66756e 50%),linear-gradient(135deg,#66756e 50%,transparent 50%);background-position:calc(100% - 13px) 52%,calc(100% - 9px) 52%;background-size:4px 4px;background-repeat:no-repeat}
.region-select:focus{outline:none;border-color:#65a28c;box-shadow:0 0 0 3px #176b6014}
.region-note{font-size:12px;color:#5f7566;background:#f0f6ef;border:1px solid #deeadc;border-radius:10px;padding:9px 12px;margin:8px 0}
.region-note:empty{display:none}
.region-note[hidden]{display:none}
[hidden]{display:none!important}
.calc-line{font-size:12px;color:#65756e;margin:10px 0 0}
.calc-line:empty{display:none}
.inline-pair{display:flex;gap:6px}.inline-pair input{flex:1 1 60%;min-width:0}.inline-pair select{flex:1 1 40%;min-width:0}
.schedule{margin-top:14px}.schedule summary{cursor:pointer;font-size:12px;font-weight:700;color:#176b60}
/* BMI scale */
.bmi-scale{position:relative;display:grid;grid-template-columns:14fr 26fr 20fr 40fr;height:30px;border-radius:9px;overflow:hidden;margin:16px 0 4px;font-size:10px;font-weight:700;color:#fff}
.bmi-scale span{display:flex;align-items:center;justify-content:center}.s-u{background:#6aa6d6}.s-h{background:#3f9a72}.s-o{background:#e6a23c}.s-b{background:#d9614a}
.bmi-scale i{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:#1e332c;border-radius:2px;left:0;transition:left .25s}
/* unit converter */
.uc-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;margin-top:12px}
.uc-swap{border:1px solid #dfe5dc;background:#fff;border-radius:9px;width:42px;height:42px;font-size:18px;cursor:pointer;color:#176b60}
.uc-swap:hover{border-color:#65a28c}
.uc-result{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:14px 16px;margin-top:14px}
.uc-result strong{font-size:34px;line-height:1.1;color:#176b60;letter-spacing:-.04em;overflow-wrap:anywhere}.uc-result span{font-size:13px;color:#65756e}
/* password */
.pw-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:12px 14px}
.pw-out{flex:1 1 260px;font:600 18px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#1e332c;word-break:break-all;background:none}
.pw-actions{display:flex;gap:6px}.pw-actions .chip{margin:0}
.pw-meter{height:6px;border-radius:9px;background:#e8ece5;margin:12px 0 0;overflow:hidden}.pw-meter i{display:block;height:100%;width:0;border-radius:9px;background:#d9614a;transition:width .25s}
.pw-meter i[data-l=f]{background:#e6a23c}.pw-meter i[data-l=s]{background:#3f9a72}.pw-meter i[data-l=v]{background:#176b60}
.check-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 4px;font-size:13px;color:#52655d}.check-row label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.check-row input{accent-color:#176b60}
input[type=range]{accent-color:#176b60;padding:0!important;border:0!important;box-shadow:none!important}
/* subject line tester */
.sl-wrap{display:grid;grid-template-columns:130px 1fr;gap:14px;margin-top:14px;align-items:start}
.sl-score-box{background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:14px;text-align:center}
.sl-score-box strong{display:block;font-size:42px;line-height:1;letter-spacing:-.05em;color:#176b60}.sl-score-box span{font-size:11px;color:#8a9790}.sl-score-box em{display:block;font-style:normal;font-size:12px;font-weight:700;margin-top:6px;color:#52655d}
form[data-g=c] .sl-score-box strong,form[data-g=c] .rd-big strong{color:#c58b2d}form[data-g=d] .sl-score-box strong,form[data-g=d] .rd-big strong{color:#c2512f}
.sl-tips{list-style:none;margin:0;padding:0;font-size:13px}.sl-tips li{padding:8px 10px 8px 30px;border-radius:9px;margin-bottom:6px;position:relative;background:#fff;border:1px solid #ebeee7;color:#3c5048;line-height:1.45}
.sl-tips li::before{position:absolute;left:10px;top:8px;font-weight:800}
.sl-ok::before{content:"\2713";color:#3f9a72}.sl-warn::before{content:"!";color:#c58b2d}.sl-bad::before{content:"\00d7";color:#c2512f}.sl-info::before{content:"i";color:#5b7fa6}
.inbox-preview{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:14px}
.ip{background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.4;min-width:0}
.ip b{display:block;font-size:13px;color:#1e332c}.ip strong{display:block;font-weight:600;color:#1e332c;overflow-wrap:anywhere}.ip span:not(.ip-label){display:block;color:#7b8a83;font-size:12px;overflow-wrap:anywhere}
.ip-label{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#e67556;margin-bottom:4px}
/* readability */
.rd-head{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-top:12px}
.rd-big{background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:12px 16px;min-width:130px}.rd-big strong{display:block;font-size:34px;line-height:1.05;letter-spacing:-.04em;color:#176b60}.rd-big span{font-size:11px;color:#8a9790}
.rd-label{flex:1 1 180px;align-self:center;font-weight:700;color:#3c5048;margin:0;font-size:14px}
.rd-long h3{font-size:14px;margin:16px 0 6px}.rd-long ol{padding-left:20px;font-size:13px;color:#5d6d66}.rd-long li{margin:6px 0}.rd-n{display:inline-block;background:#fff4e9;color:#c2512f;border-radius:6px;font-size:10px;font-weight:800;padding:1px 6px;margin-right:4px}
.rd-good{font-size:13px;color:#3f9a72;margin:12px 0 0}
/* case converter */
.cc-btns .chip{font-size:12px}
#cc-copy{margin-top:0}
/* guides */
.idea-list{columns:2;column-gap:28px;padding-left:22px!important}.idea-list li{break-inside:avoid;margin:5px 0!important}
.guide-list{display:grid;gap:8px;margin:10px 0 8px}
.guide-row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;border:1px solid #e6e9df;background:#fff;border-radius:12px;padding:12px 14px;text-decoration:none;color:#243c34}
.guide-row:hover{border-color:#65a28c}.gr-meta{grid-column:1;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e67556}.guide-row strong{grid-column:1;font-size:15px;line-height:1.35}
.gr-go{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;font-weight:700;color:#176b60}
@media(max-width:560px){.sl-wrap{grid-template-columns:1fr}.inbox-preview{grid-template-columns:1fr}.idea-list{columns:1}.uc-result strong{font-size:28px}.pw-out{font-size:16px}.region-select{max-width:118px;font-size:11px}}
/* ---- Everydaily batch 3 ---- */
.field textarea{width:100%;border:1px solid #dfe5dc;border-radius:10px;background:#fff;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;color:#1e332c;resize:vertical;min-height:90px;box-sizing:border-box}
.field textarea:focus{outline:none;border-color:#65a28c;box-shadow:0 0 0 3px #176b6014}
.field input[type=color]{height:42px;padding:3px;border:1px solid #dfe5dc;border-radius:10px;background:#fff;width:100%;cursor:pointer}
.toc{background:#fbfaf7;border:1px solid #ebeee7;border-radius:12px;padding:12px 16px;margin:14px 0 18px;font-size:13px}
.toc strong{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e67556;margin-bottom:6px}
.toc ul{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:0;padding:0!important}.toc li{margin:0!important}.toc a{color:#176b60;font-weight:650;text-decoration:none}.toc a:hover{text-decoration:underline}
.msg-list{list-style:none;padding:0!important;margin:10px 0 16px;display:grid;gap:8px}
.msg-list li{background:#fff;border:1px solid #ebeee7;border-left:3px solid #65a28c;border-radius:10px;padding:10px 14px;margin:0!important;line-height:1.55}
.copy-box pre{white-space:pre-wrap;background:#fff;border:1px dashed #cfd9cf;border-radius:12px;padding:14px 16px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#263a32;margin:10px 0}
/* secret santa */
.ss-reveal{text-align:center;border:2px solid #f36f52}
.ss-reveal .ss-name{font-size:38px;font-weight:800;letter-spacing:-.03em;color:#176b60;margin:6px 0 14px;overflow-wrap:anywhere}
.ss-reveal .ss-hi{font-size:18px;margin-bottom:0}.ss-ev{color:#5d6d66}
.ss-out{margin-top:16px;border-top:1px solid #ebeee7;padding-top:14px}
.ss-count{font-weight:700;color:#176b60;margin:0 0 10px}
.ss-links{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.ss-links li{display:grid;grid-template-columns:110px 1fr auto;gap:8px;align-items:center}
.ss-giver{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-links input{min-width:0;border:1px solid #dfe5dc;border-radius:9px;padding:8px 10px;font-size:12px;color:#5d6d66;background:#fbfaf7}
.ss-links .chip{margin:0;white-space:nowrap}
#ss-list-wrap{margin-top:12px}
/* wheel */
.wh-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:8px}
.wh-stage{position:relative;max-width:520px;width:100%;margin:0 auto}
.wh-stage canvas{width:100%;height:auto;display:block;cursor:pointer;border-radius:50%;box-shadow:0 10px 30px #1e332c1f}
.wh-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #1e332c;z-index:2;filter:drop-shadow(0 2px 2px #0003)}
.wh-side .field{margin-bottom:6px}.wh-side .pw-actions{margin:12px 0}.wh-side .btn-calculate{margin:0;padding-left:28px;padding-right:28px}
.wh-result-box{background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:12px 14px}
.wh-result-box span{display:block;font-size:11px;color:#8a9790;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.wh-result-box strong{display:block;font-size:26px;line-height:1.2;color:#1e332c;margin:4px 0 8px;overflow-wrap:anywhere}
.wh-result-box strong.wh-win{color:#f36f52;animation:whpop .4s ease}
@keyframes whpop{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
/* qr */
.qr-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.qr-preview{background:#fff;border:1px solid #ebeee7;border-radius:14px;padding:14px;text-align:center;position:sticky;top:12px}
.qr-preview canvas{width:100%;max-width:280px;height:auto;image-rendering:pixelated;display:block;margin:0 auto}
.qr-preview .pw-actions{justify-content:center;margin-top:8px}
/* time calc */
.tc-row{display:flex;align-items:center;gap:6px;margin:8px 0;flex-wrap:wrap}
.tc-row input{width:76px;border:1px solid #dfe5dc;border-radius:9px;padding:9px 10px;font:inherit;font-size:14px}
.tc-row span{font-size:12px;color:#8a9790;margin-right:4px}
.tc-row select{border:1px solid #dfe5dc;border-radius:9px;padding:8px;font:inherit;background:#fff;width:52px}
.tc-row select[hidden]{display:inline-block!important;visibility:hidden}
/* calorie */
.cal-table{margin-top:12px}.cal-table tr.cal-low td{color:#a54a33}.cal-table tr.cal-low span{font-size:11px;background:#fdece6;border-radius:6px;padding:1px 6px;margin-left:4px}
.dc-amt{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:760px){.wh-wrap,.qr-wrap{grid-template-columns:1fr}.qr-preview{position:static}.ss-links li{grid-template-columns:1fr auto}.ss-links input{grid-column:1/-1;grid-row:2}.dc-amt{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* ===== batch 4: search button, primary result, repeatable rows ===== */
.search-open{display:inline-flex;align-items:center;gap:8px;margin-left:auto;border:1px solid #dfe5dc;background:#fff;color:#4c5e58;border-radius:999px;padding:7px 10px 7px 12px;font:inherit;font-size:13.5px;cursor:pointer;min-width:190px;transition:border-color .15s,box-shadow .15s}
.search-open:hover{border-color:#176b60;box-shadow:0 0 0 3px rgba(23,107,96,.1)}
.search-open svg{color:#176b60}
.search-open kbd{margin-left:auto;border:1px solid #e1e5dc;border-bottom-width:2px;border-radius:5px;padding:0 6px;font:inherit;font-size:11px;color:#8a9790;background:#fafaf6}
.header-inner{gap:14px}
@media(max-width:760px){.search-open{min-width:0;padding:8px;border-radius:10px}.search-open-text,.search-open kbd{display:none}}
/* primary result stands out */
.result-panel>.result-item:first-child{grid-column:1/-1;background:linear-gradient(135deg,#176b60,#1f8a7b);border-color:transparent;padding:16px 18px;box-shadow:0 10px 24px rgba(23,107,96,.18)}
.result-panel>.result-item:first-child span{color:#cfe9e2;font-size:11.5px;font-weight:600;letter-spacing:.02em}
.result-panel>.result-item:first-child strong{color:#fff;font-size:30px}
.result-panel>.result-item:first-child.is-owe,.result-panel>.result-item:first-child:has(.is-owe){background:linear-gradient(135deg,#b2482f,#d8603f)}
.result-item small.ri-sub{display:block;margin-top:4px;color:#cfe9e2;font-size:12px}
/* repeatable rows (GPA, rooms, debts) */
.rows{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}
.row-item{display:grid;gap:8px;align-items:end;background:#fbfbf8;border:1px solid #ebeee7;border-radius:12px;padding:10px}
.row-item label{display:block;font-size:11px;color:#6d7b75;margin-bottom:3px}
.row-item input,.row-item select{width:100%;border:1px solid #dfe5dc;border-radius:9px;padding:9px 10px;font:inherit;font-size:14px;background:#fff;box-sizing:border-box}
.row-del{border:0;background:#f2f1ea;color:#7a6a64;border-radius:9px;width:36px;height:38px;cursor:pointer;font-size:18px;line-height:1}
.row-del:hover{background:#fde4dc;color:#b2482f}
.row-add{border:1px dashed #9cc3b8;background:#f3f9f6;color:#176b60;border-radius:10px;padding:9px 14px;font:inherit;font-weight:650;cursor:pointer;margin-bottom:12px}
.rows-gpa .row-item{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr) 36px}
.rows-sf .row-item{grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,.8fr)) 36px}
.rows-dp .row-item{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) 36px}
.row-item [hidden]{display:block!important;visibility:hidden}
@media(max-width:640px){.rows-gpa .row-item,.rows-dp .row-item{grid-template-columns:1fr 1fr}.rows-sf .row-item{grid-template-columns:1fr 1fr}.row-item .ri-name{grid-column:1/-1}.row-del{justify-self:end;grid-column:-2/-1}}
.dp-order{margin:10px 0 0;padding-left:0;list-style:none}.dp-order li{padding:7px 0;border-bottom:1px solid #eef0ea;font-size:14px}
.sp-list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sp-list li{background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:12px;text-align:center}
.sp-list li strong{display:block;font-size:22px;color:#176b60;letter-spacing:-.03em}
.sp-list li span{font-size:11.5px;color:#7a8a83}
.sp-list li.sp-best{border-color:#9cc3b8;background:#f1f8f5}
.sp-label{margin:14px 0 0;font-weight:700;color:#19312d}
@media(max-width:640px){.sp-list{grid-template-columns:1fr 1fr}}
.mt-now{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:#19312d;color:#fff;border-radius:14px;padding:14px 18px;margin:0 0 14px}
.mt-now strong{font-size:34px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.mt-now span{color:#b9cfc8;font-size:13px}
.ship-table td:first-child{font-weight:650}
.big-answer{background:#f1f8f5;border:1px solid #cfe5dc;border-radius:14px;padding:14px 16px;margin:14px 0;font-size:15.5px}
.big-answer strong{color:#176b60}

/* ===== Everydaily menu bar (tools mega menu + trending) ===== */
.ed-menubar{position:sticky;top:0;z-index:60;background:rgba(255,253,249,.96);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid #e7e9e0;box-shadow:0 6px 18px -14px rgba(25,49,45,.35);font-family:inherit}
.ed-menubar-inner{max-width:1180px;margin:0 auto;padding:8px 26px;display:flex;align-items:center;gap:8px;position:relative}
.ed-dd{position:static;flex:none}
.ed-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #d9e2db;background:#fff;color:#1f3a33;font-family:inherit;font-weight:700;font-size:13px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ed-btn:hover,.ed-btn[aria-expanded="true"]{border-color:#176b60;color:#176b60}
.ed-btn-main{background:#176b60;border-color:#176b60;color:#fff}
.ed-btn-main:hover,.ed-btn-main[aria-expanded="true"]{background:#11574e;color:#fff;border-color:#11574e}
.ed-btn svg{transition:transform .2s}.ed-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.ed-sep{width:1px;height:22px;background:#e2e6dd;margin:0 4px;flex:none}
.ed-trend-label{flex:none;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f36f52}
.ed-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);padding:2px 24px 2px 0;min-width:0}
.ed-pills::-webkit-scrollbar{display:none}
.ed-pill{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:999px;background:#f4f2ea;border:1px solid #ebe7da;color:#33463f;font-size:12.5px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}
.ed-pill:hover{background:#e8f3ef;border-color:#b9d9cf;color:#176b60;transform:translateY(-1px)}
.ed-pill[aria-current="page"]{background:#176b60;border-color:#176b60;color:#fff}
.ed-panel{display:none;position:absolute;left:26px;right:26px;top:calc(100% + 6px);background:#fff;border:1px solid #e3e8e1;border-radius:18px;box-shadow:0 24px 48px -18px rgba(25,49,45,.35);padding:20px 22px 16px;max-height:calc(100vh - 120px);overflow:auto}
.ed-panel.open{display:block;animation:edIn .16s ease-out}
@keyframes edIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ed-panel-grid{display:grid;gap:8px 22px}.ed-g4{grid-template-columns:repeat(4,1fr)}.ed-g3{grid-template-columns:repeat(3,1fr)}
.ed-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.ed-col-h{margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7a8a83}
.ed-col a{display:flex;align-items:center;gap:6px;padding:7px 10px;margin:0 -10px;border-radius:10px;color:#1f3a33;font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}
.ed-col a:hover{background:#eef6f3;color:#176b60}
.ed-col a em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#f36f52;border-radius:6px;padding:2px 5px;flex:none}
.ed-all{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #eef0ea;color:#176b60;font-size:13.5px;font-weight:750;text-decoration:none}
.ed-all:hover{text-decoration:underline}
@media(max-width:900px){.ed-g4{grid-template-columns:repeat(2,1fr)}.ed-g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
 .ed-menubar-inner{padding:7px 12px;gap:6px}
 .ed-btn{height:34px;padding:0 11px;font-size:12.5px}
 .ed-sep,.ed-trend-label{display:none}
 .ed-pill{height:30px;padding:0 10px;font-size:12px}
 .ed-panel{left:8px;right:8px;padding:14px 14px 12px;border-radius:16px;max-height:calc(100vh - 110px)}
 .ed-g4,.ed-g3{grid-template-columns:1fr 1fr;gap:4px 12px}
 .ed-col a{font-size:13px;padding:7px 8px;margin:0 -8px}
}
@media(max-width:380px){.ed-g4,.ed-g3{grid-template-columns:1fr}}
.side-sponsored{background:#fffaf2;border-color:#f3e3c8}
.side-sponsored .sp-label{margin:0 0 8px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a08a63}
.side-sponsored .side-links a{color:#b4532f}

/* batch 10: money cluster, sources, byline, pair callout */
.main-card .page-meta{display:block;line-height:1.7;font-size:12px}
.page-meta a{display:inline;color:inherit;text-decoration:underline;text-underline-offset:2px}
.pair-callout{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:18px 0 6px;padding:12px 16px;border:1px solid #d9e5dd;border-left:4px solid #176b60;border-radius:12px;background:#f3f8f5;font-size:15px}
.pair-callout span{color:#40524a;font-weight:600}
.pair-callout a{color:#176b60;font-weight:700;text-decoration:none}
.pair-callout a:hover{text-decoration:underline}
.sources-box{margin:28px 0 8px;padding:16px 18px;border:1px solid #e5e9e4;border-radius:12px;background:#fbfcfa}
.sources-box h2{margin:0 0 8px;font-size:18px}
.sources-box ul{margin:0 0 10px;padding-left:20px}
.sources-box li{margin:4px 0}
.sources-box p{margin:0;font-size:14px;color:#55635c}
.money-cluster{margin:24px 0 8px;padding:18px;border:1px solid #d9e5dd;border-radius:14px;background:#f7f6f0}
.money-cluster h2{margin:0 0 6px;font-size:20px}
.money-cluster>p{margin:0 0 12px;color:#55635c;font-size:14.5px}
.mc-grid{display:grid;gap:8px}
.mc-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mc-link{display:block;padding:10px 12px;border:1px solid #e1e7e2;border-radius:10px;background:#fff;color:#1d2b25;font-size:14.5px;font-weight:600;text-decoration:none}
a.mc-link:hover{border-color:#176b60;color:#176b60}
.mc-current{background:#176b60;border-color:#176b60;color:#fff}
.money-cluster .mc-foot{margin:12px 0 0;font-size:14px}
.money-cluster .mc-foot a{color:#176b60;font-weight:700}
@media(max-width:600px){.mc-pair{grid-template-columns:1fr}}

/* batch 10: new posts */
.idea-list{columns:2;column-gap:28px}
.idea-list li{break-inside:avoid;margin:3px 0}
@media(max-width:560px){.idea-list{columns:1}}
.timeline{list-style:none;padding:0;margin:12px 0;border-left:3px solid #d9e5dd}
.timeline li{position:relative;padding:4px 0 12px 18px}
.timeline li::before{content:"";position:absolute;left:-8px;top:9px;width:13px;height:13px;border-radius:50%;background:#176b60;border:2px solid #fff}
.timeline strong{display:block;color:#176b60}
.print-row{margin:12px 0}
@media print{.site-header,.ed-menubar,.content-sidebar,.ad-slot,.everydaily-native-slot,.page-footer,.money-cluster,.related-grid,.pair-callout,.print-row,.breadcrumbs,footer{display:none!important}
 .main-card{box-shadow:none!important;border:0!important}.content-layout{display:block!important}body{background:#fff!important}}

/* batch 10: tools v6 */
.ic-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;border:2px dashed #cfd9cf;border-radius:14px;background:#fff;text-align:center;cursor:pointer;color:#52655d;font-size:13px;margin-bottom:12px}
.ic-drop strong{color:#1e332c;font-size:15px}.ic-drop.is-over{border-color:#176b60;background:#f3f8f5}.ic-drop input{position:absolute;opacity:0;width:1px;height:1px}.ic-drop-icon{font-size:28px}
.ic-list{display:grid;gap:8px;margin-top:10px}.ic-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #ebeee7;border-radius:11px;padding:8px}
.ic-thumb{width:56px;height:42px;object-fit:cover;border-radius:7px;background:#eef2ec}.ic-name{font-weight:700;font-size:13px;word-break:break-all;color:#1e332c}.ic-meta{font-size:12px;color:#65756e}.ic-dl{text-decoration:none}
.cp-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-swatch{height:120px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:700 20px ui-monospace,Menlo,Consolas,monospace;border:1px solid #0000001a;margin-bottom:10px}
.field input[type=color]{height:44px;padding:4px;cursor:pointer}
.cp-values{display:grid;gap:6px}.cp-val{display:grid;grid-template-columns:78px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #ebeee7;border-radius:10px;padding:7px 10px}
.cp-val span{font-size:11px;font-weight:700;color:#8a9790;text-transform:uppercase;letter-spacing:.04em}.cp-val code{font-size:13px;color:#1e332c;word-break:break-all}
.cp-shades{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.cp-shade{height:38px;border:1px solid #0000001a;border-radius:8px;cursor:pointer}.cp-shade:hover{transform:translateY(-2px)}
@media(max-width:640px){.cp-wrap{grid-template-columns:1fr}}
.qz-qs{display:grid;gap:12px;margin:10px 0}.qz-q{background:#fff;border:1px solid #ebeee7;border-radius:12px;padding:12px}.qz-qhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.qz-opt{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;margin:6px 0}.qz-opt input[type=radio]{accent-color:#176b60;width:18px;height:18px}
.qz-opt input[type=text]{width:100%;border:1px solid #dfe5dc;border-radius:9px;padding:9px 11px;font:inherit;font-size:13px}.qz-actions{flex-wrap:wrap;gap:8px;align-items:center}
.qz-share{margin-top:10px}.qz-take h2{margin-top:0}.qz-take-q{border:1px solid #ebeee7;border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff}
.qz-take-q legend{font-weight:700;padding:0 4px;color:#1e332c}.qz-take-opt{display:block;padding:7px 10px;border-radius:9px;margin:4px 0;cursor:pointer}.qz-take-opt:hover{background:#f3f8f5}
.qz-take-opt.is-right{background:#e3f4ec;color:#0f5a3f;font-weight:700}.qz-take-opt.is-wrong{background:#fde8e3;color:#9b3a22;text-decoration:line-through}.qz-result{margin:12px 0;font-weight:700;color:#176b60;font-size:16px}

/* batch 10: post images */
.post-hero{margin:4px 0 22px;border-radius:16px;overflow:hidden;background:#eef2ec;aspect-ratio:16/9;box-shadow:0 10px 30px -18px #1e332c66}
.post-hero img{display:block;width:100%;height:100%;object-fit:cover}
.guide-row:has(.gr-thumb){grid-template-columns:120px 1fr auto;align-items:center}
.guide-row .gr-thumb{grid-row:1 / span 2;grid-column:1;width:120px;height:68px;object-fit:cover;border-radius:9px;background:#eef2ec}
.guide-row:has(.gr-thumb) .gr-meta,.guide-row:has(.gr-thumb) strong{grid-column:2}
.guide-row:has(.gr-thumb) .gr-go{grid-column:3;grid-row:1 / span 2}
@media(max-width:560px){.guide-row:has(.gr-thumb){grid-template-columns:88px 1fr}.guide-row .gr-thumb{width:88px;height:50px}.guide-row:has(.gr-thumb) .gr-go{display:none}}

/* batch 10: deal button */
.deal-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 22px}
.deal-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:linear-gradient(135deg,#f36f52,#e8553a);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none!important;box-shadow:0 8px 20px -10px #e8553acc;transition:transform .15s,box-shadow .15s}
.deal-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -10px #e8553acc}
.deal-tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a9790;border:1px solid #dfe5dc;border-radius:6px;padding:2px 7px}
@media print{.deal-row{display:none}}

/* b11 footer */
.footer-cols{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.footer-cols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.footer-cols{grid-template-columns:1fr 1fr}}
.ed-panel-grid.ed-g4{row-gap:18px}
