:root{--bg:#F6F3EC;--surface:#fff;--ink:#1D2A25;--green:#2F6B4F;--forest:#173C2C;--accent:#C7793A;--sage:#DDE8DF;--sand:#E9E1D3;--border:#DAD5CB;--muted:#6B746F;--success:#287A4B;--warn:#C47B26;--danger:#A53B32;--shadow:0 12px 30px rgba(29,42,37,.08);--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}body.menu-open{overflow:hidden}a{color:var(--forest);text-decoration-thickness:.08em;text-underline-offset:.16em}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;border-radius:10px;z-index:1000}.skip-link:focus{left:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(246,243,236,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(218,213,203,.85)}.nav{display:flex;align-items:center;gap:22px;min-height:76px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;text-decoration:none;color:var(--forest);letter-spacing:-.02em}.brand-mark{width:38px;height:38px}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-links a{text-decoration:none;font-weight:650;color:var(--ink)}.nav-links a:hover,.nav-links a:focus{color:var(--green)}.nav-actions{display:flex;gap:10px;align-items:center}.btn,.btn-ghost,.btn-small{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;font-weight:750;text-decoration:none;transition:.2s ease}.btn{background:var(--forest);color:#fff;padding:13px 19px}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,60,44,.18)}.btn-ghost{border-color:var(--border);background:#fff;color:var(--forest);padding:12px 18px}.btn-small{background:var(--sage);color:var(--forest);padding:9px 13px}.menu-btn{display:none;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px}.hero{padding:76px 0 52px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}.eyebrow{font-size:.83rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--green)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--forest);line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.7rem,6vw,5.3rem);margin:.18em 0}.hero p{font-size:1.12rem;max-width:690px;color:#4c5b54}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.search-box{position:relative;margin-top:26px}.search-box input{width:100%;padding:18px 52px 18px 18px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.search-icon{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--muted)}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-links a{font-size:.9rem;background:var(--sand);padding:7px 11px;border-radius:999px;text-decoration:none}.hero-visual{background:linear-gradient(160deg,#fff 0%,#EFE9DD 100%);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:22px;min-height:430px;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,107,79,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(47,107,79,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent)}.measure-card{position:absolute;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px 14px;box-shadow:0 10px 28px rgba(29,42,37,.08)}.measure-a{left:28px;bottom:34px}.measure-b{right:22px;top:42px}.ruler{position:absolute;left:52px;right:52px;bottom:112px;height:38px;border-top:3px solid var(--accent);background:repeating-linear-gradient(90deg,transparent 0 17px,var(--accent) 18px 19px);opacity:.8}.cursor{position:absolute;width:16px;height:16px;background:var(--green);border-radius:50%;left:12%;bottom:130px;animation:measure 5s ease-in-out infinite}@keyframes measure{0%,100%{left:12%}50%{left:78%}}section{padding:64px 0}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.1rem);margin:0}.section-head p{max-width:620px;color:var(--muted);margin:0}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 6px 18px rgba(29,42,37,.04)}.tool-card{display:flex;flex-direction:column;min-height:225px;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-icon,.category-icon{width:46px;height:46px;border-radius:13px;background:var(--sage);display:grid;place-items:center;font-weight:900;color:var(--green);margin-bottom:16px}.tool-card h3{font-size:1.45rem;margin:.2em 0}.tool-card p{color:var(--muted);margin:.25em 0 1em}.tool-card a{margin-top:auto;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.editorial-panel{background:var(--forest);color:#fff;padding:38px;border-radius:26px}.editorial-panel h2,.editorial-panel h3{color:#fff}.editorial-panel p{color:#dce8e0}.steps{counter-reset:step}.step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;margin:18px 0}.step:before{counter-increment:step;content:counter(step);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}.faq details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 17px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer;color:var(--forest)}.cta{background:var(--forest);border-radius:28px;padding:46px;color:#fff;display:flex;justify-content:space-between;gap:28px;align-items:center}.cta h2{color:#fff;margin:0}.cta p{color:#dce8e0;max-width:650px}.site-footer{margin-top:70px;padding:52px 0 24px;background:#16241e;color:#d8e0dc}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.site-footer h3,.site-footer h4{color:#fff}.site-footer a{color:#d8e0dc;text-decoration:none;display:block;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;font-size:.9rem;color:#b9c4be}.page-hero{padding:56px 0 28px}.page-hero h1{font-size:clamp(2.4rem,5vw,4.3rem)}.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:15px}.breadcrumb a{color:var(--muted)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.prose{background:#fff;border:1px solid var(--border);border-radius:20px;padding:34px}.prose h2{font-size:2rem;margin-top:1.4em}.prose h3{font-size:1.35rem;margin-top:1.3em}.prose p,.prose li{color:#3f4f47}.prose table{width:100%;border-collapse:collapse;margin:20px 0}.prose th,.prose td{border:1px solid var(--border);padding:10px;text-align:left}.sidebar{position:sticky;top:98px;height:max-content}.toc a{display:block;padding:7px 0;text-decoration:none;color:var(--muted)}.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin:8px 0 22px}.calc-shell{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:var(--shadow);margin:24px 0}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:760;color:var(--forest)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:11px;padding:12px 13px;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(47,107,79,.16);border-color:var(--green)}.help{font-size:.84rem;color:var(--muted)}.calc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.result{margin-top:22px;border-radius:18px;background:#EEF5EF;border:1px solid #c8ddcd;padding:20px}.result[hidden]{display:none}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-item{background:#fff;border:1px solid #d7e7da;border-radius:12px;padding:12px}.result-item strong{display:block;font-size:1.25rem;color:var(--forest)}.error{background:#fff0ee;border:1px solid #ecc9c3;color:#7e2d26;border-radius:12px;padding:12px;margin-top:12px}.assumption{background:#FFF7EA;border:1px solid #edd9ba;border-radius:14px;padding:14px;margin-top:18px}.room-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:9px}.remove-row{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px}.checklist-group{margin:16px 0}.check-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e5e3dc}.check-item input{margin-top:6px}.pill{display:inline-flex;border-radius:999px;background:var(--sage);padding:5px 9px;font-size:.82rem;font-weight:700;color:var(--forest)}.guide-card h3{margin:.15em 0;font-size:1.35rem}.guide-card p{color:var(--muted)}.notice{padding:16px;border-left:4px solid var(--accent);background:#fff9ef;border-radius:0 12px 12px 0}.search-panel{position:fixed;inset:0;background:rgba(15,25,21,.58);z-index:100;display:none;padding:7vh 16px}.search-panel.open{display:block}.search-dialog{width:min(760px,100%);margin:auto;background:#fff;border-radius:22px;padding:22px;max-height:82vh;overflow:auto}.search-dialog input{width:100%;padding:15px;border:1px solid var(--border);border-radius:12px}.search-results a{display:block;padding:13px 4px;border-bottom:1px solid var(--border);text-decoration:none}.empty{color:var(--muted);padding:20px 0}.policy-updated{font-size:.9rem;color:var(--muted);margin-bottom:24px}.ad-slot{display:none}.print-only{display:none}@media(max-width:920px){.hero-grid,.split,.content-layout{grid-template-columns:1fr}.hero-visual{min-height:350px}.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.nav-links,.nav-actions .btn-ghost{display:none}.menu-btn{display:block;margin-left:auto}.mobile-menu{display:none;position:fixed;inset:76px 0 auto 0;background:var(--bg);padding:24px;border-bottom:1px solid var(--border);z-index:49}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:12px 0;font-weight:750;text-decoration:none}.footer-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.wrap{width:min(100% - 22px,var(--max))}.hero{padding-top:45px}.hero-actions>.btn,.hero-actions>.btn-ghost{width:100%}.grid-3,.grid-2,.calc-grid,.result-grid{grid-template-columns:1fr}.room-row{grid-template-columns:1fr 1fr}.room-row .field:first-child{grid-column:1/-1}.room-row .remove-row{align-self:end}.footer-grid{grid-template-columns:1fr}.prose,.calc-shell{padding:20px}.section-head{align-items:flex-start;flex-direction:column}.cta{padding:30px}.hero-visual{min-height:300px}.measure-b{right:12px}.measure-a{left:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.site-header,.site-footer,.sidebar,.calc-actions,.breadcrumb,.search-panel{display:none!important}.wrap{width:100%}.calc-shell,.prose{box-shadow:none;border:0}.print-only{display:block}.page-hero{padding:0}body{background:#fff}}


/* Home page hero refresh */
.mobile-menu{display:none}
.hero.hero-photo{position:relative;padding:0;min-height:690px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#102119}
.hero-photo-bg{position:absolute;inset:0;background:url("../images/hero-house.webp") center center/cover no-repeat;transform:scale(1.02)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,18,14,.32) 0%, rgba(8,18,14,.42) 28%, rgba(8,18,14,.56) 100%),linear-gradient(90deg, rgba(11,24,19,.70) 10%, rgba(11,24,19,.40) 52%, rgba(11,24,19,.16) 100%)}
.hero-centered{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:112px 0 120px;max-width:900px}
.hero.hero-photo h1{color:#fff;max-width:880px;margin:.22em auto;font-size:clamp(2.9rem,6vw,5.9rem);text-shadow:0 6px 26px rgba(0,0,0,.22)}
.hero.hero-photo p{color:rgba(255,255,255,.92);max-width:760px;font-size:1.12rem}
.hero-eyebrow{color:#d7efe0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:999px;backdrop-filter:blur(8px)}
.center-actions{justify-content:center}
.hero-ghost{background:rgba(255,255,255,.96);color:var(--forest);border-color:rgba(255,255,255,.88)}
.hero-stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.stat-pill{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-width:148px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.stat-pill strong{font-size:1.45rem;line-height:1}
.stat-pill span{font-size:.92rem;color:rgba(255,255,255,.9)}
.hero-search-section{padding:0 0 30px;position:relative;z-index:3;margin-top:-58px}
.search-card-home{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);padding:28px;border-radius:26px}
.search-card-home h2{font-size:clamp(1.8rem,3.5vw,2.7rem);margin:.15em 0}
.search-card-home p{margin:0;color:var(--muted)}
.search-action-area{display:flex;flex-direction:column;gap:10px}
.search-box-home{margin-top:0}
.search-box-home input{font-size:1rem;padding:18px 52px 18px 18px}
.search-card-home .quick-links{margin-top:0}
.search-card-home .quick-links a{background:var(--sage);color:var(--forest);font-weight:700}
@media(max-width:920px){
  .mobile-menu{display:none}
  .hero.hero-photo{min-height:620px}
  .search-card-home{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hero.hero-photo{min-height:560px}
  .hero-centered{padding:82px 0 100px}
  .hero.hero-photo h1{font-size:clamp(2.25rem,12vw,3.5rem)}
  .hero.hero-photo p{font-size:1rem}
  .hero-stats{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .stat-pill{width:100%}
  .hero-search-section{margin-top:-36px}
  .search-card-home{padding:20px;border-radius:22px}
}

/* Visual project-guide additions */
.visual-guides-section{padding-top:54px}
.visual-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.visual-guide-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 8px 24px rgba(29,42,37,.06)}
.visual-guide-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.visual-guide-body{padding:22px}
.visual-guide-body h3{font-size:1.55rem;margin:.35rem 0 .5rem}
.visual-guide-body p{color:var(--muted);margin:.25rem 0 1rem}
.visual-guide-body a{font-weight:800;text-decoration:none}
.guide-feature{margin:0 0 28px}
.guide-feature img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--border)}
.guide-feature figcaption{font-size:.84rem;color:var(--muted);margin-top:8px;line-height:1.45}
.guide-card-media{overflow:hidden;padding-top:0}
.guide-card-media img{width:calc(100% + 44px);max-width:none;margin:0 -22px 18px;aspect-ratio:16/9;object-fit:cover;display:block}
@media(max-width:760px){.visual-guide-grid{grid-template-columns:1fr}.visual-guide-body{padding:18px}.guide-card-media img{width:calc(100% + 44px)}}

/* Reference-match homepage and global header polish */
.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e7e3da;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.site-header .nav{min-height:64px}
.site-header .brand{gap:10px}
.site-header .brand-mark{width:42px;height:42px}
.site-header .brand span{font-size:1.08rem;line-height:1.08;display:flex;flex-direction:column;white-space:nowrap}
.site-header .brand span::after{content:"Practical Tools for Better Home Projects.";font-family:Arial,sans-serif;font-size:.58rem;font-weight:500;letter-spacing:0;color:#5d6762;margin-top:3px}
.site-header .nav-links{gap:25px}
.site-header .nav-links a{font-size:.92rem}
.site-header .nav-actions{gap:12px}
.site-header .nav-actions .open-search{font-size:0;width:40px;height:40px;padding:0;border:0;background:transparent;box-shadow:none}
.site-header .nav-actions .open-search::before{content:"⌕";font-size:2rem;font-weight:400;color:#111;line-height:1}
.site-header .nav-actions .open-search span{display:none}
.site-header .nav-actions>.btn{padding:12px 18px;border-radius:11px}
.menu-btn{font-size:1.35rem;line-height:1}

.home-page{background:#fbfaf7}
.hero-reference{position:relative;min-height:455px;padding:0;display:flex;align-items:center;overflow:hidden;background:#12261d}
.hero-reference .hero-photo-bg{position:absolute;inset:0;background:url("../images/hero-house.webp") center 58%/cover no-repeat;filter:saturate(.92) brightness(.82) sepia(.08);transform:scale(1.015)}
.hero-reference .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,13,.18),rgba(8,17,13,.35) 50%,rgba(8,17,13,.5)),linear-gradient(90deg,rgba(8,17,13,.18),rgba(8,17,13,.1),rgba(8,17,13,.24))}
.hero-reference-inner{position:relative;z-index:2;text-align:center;color:#fff;padding:88px 20px 118px}
.hero-reference h1{font-size:clamp(3rem,5.7vw,5.15rem);color:#fff;max-width:820px;margin:0 auto 14px;text-shadow:0 4px 22px rgba(0,0,0,.28)}
.hero-reference p{font-size:1.12rem;max-width:690px;margin:0 auto;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.hero-reference .hero-actions{justify-content:center;margin-top:24px}
.hero-reference .hero-actions .btn,.hero-reference .hero-actions .btn-ghost{min-width:190px;padding:13px 22px}
.hero-reference .hero-ghost{background:#fff;color:#162c22;border-color:#fff}

.reference-search-wrap{position:relative;z-index:5;margin-top:-31px;padding:0 0 8px}
.reference-search-card{width:min(970px,100%);margin:0 auto;background:#fffdf9;border:1px solid #e4ded4;border-radius:18px;box-shadow:0 10px 28px rgba(29,42,37,.08);padding:17px 30px 16px}
.reference-search-card h2{font-size:1.2rem;text-align:center;margin:0 0 12px;color:#173c2c;letter-spacing:-.01em}
.reference-search-card h2 span{font-family:Arial,sans-serif;font-size:1.7rem;vertical-align:-2px;margin-right:5px}
.reference-search-row{display:grid;grid-template-columns:1fr 106px;gap:0;border:1px solid #ded9d0;border-radius:10px;overflow:hidden;background:#fff}
.reference-search-row input{border:0;padding:14px 15px;font-size:.95rem;min-width:0;background:#fff;color:#26342e;outline:none}
.reference-search-row .btn{border-radius:0;padding:11px 18px;border:0}
.reference-popular{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:11px;font-size:.78rem}
.reference-popular strong{font-size:.77rem;color:#2b332f}
.reference-popular a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#1f2f27;background:#fff;border:1px solid #e3ded5;border-radius:999px;padding:7px 13px;font-weight:650;white-space:nowrap}

.reference-section{padding:25px 0 7px}
.reference-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px}
.reference-title-row h2{font-size:2.1rem;margin:0}
.reference-title-row>a{font-size:.82rem;text-decoration:none;font-weight:750;color:#205e45;white-space:nowrap}
.reference-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.reference-tool-card{display:block;background:#fff;border:1px solid #e7e2d9;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 5px 14px rgba(29,42,37,.045);transition:.18s ease}
.reference-tool-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(29,42,37,.08)}
.reference-tool-card>img{width:100%;aspect-ratio:1.78/1;object-fit:cover;display:block}
.reference-tool-card>div{position:relative;padding:10px 34px 11px 10px;min-height:99px}
.reference-tool-card h3{font-family:Arial,sans-serif;font-size:.86rem;letter-spacing:0;margin:0 0 6px;color:#1e2c25}
.reference-tool-card p{font-size:.72rem;line-height:1.45;margin:0;color:#68716c}
.round-arrow{position:absolute;right:9px;bottom:13px;width:25px;height:25px;border:1px solid #ddd8cf;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;line-height:1;color:#254c3a;background:#fff}

.planners-section{padding-top:17px}
.planner-heading{align-items:end}
.planner-heading h2{font-size:1.6rem}
.planner-heading p{margin:2px 0 0;color:#657069;font-size:.85rem}
.planner-grid-reference{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.planner-card-reference{display:block;background:#fff;border:1px solid #e7e2d9;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 12px rgba(29,42,37,.04)}
.planner-card-reference>img{width:100%;aspect-ratio:2.6/1;object-fit:cover;display:block}
.planner-card-reference>div{position:relative;padding:9px 35px 11px 10px;min-height:68px}
.planner-card-reference h3{font-family:Arial,sans-serif;font-size:.79rem;margin:0 0 4px;color:#1e2c25;letter-spacing:0}
.planner-card-reference p{font-size:.67rem;line-height:1.38;margin:0;color:#68716c}
.planner-card-reference .round-arrow{bottom:11px}

.benefit-strip-section{padding:16px 0 31px}
.benefit-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #e5e0d7;border-radius:8px;overflow:hidden}
.benefit-strip>div{display:flex;align-items:center;gap:12px;padding:15px 15px;border-right:1px solid #ece8df}
.benefit-strip>div:last-child{border-right:0}
.benefit-icon{color:#1f6948;font-size:1.55rem;min-width:28px;text-align:center}
.benefit-strip p{display:flex;flex-direction:column;margin:0;line-height:1.3}
.benefit-strip strong{font-size:.77rem;color:#203129}
.benefit-strip small{font-size:.66rem;color:#707873;margin-top:3px}

@media(max-width:1120px){
  .site-header .nav-links{gap:16px}
  .site-header .nav-links a{font-size:.85rem}
  .reference-tool-grid{grid-template-columns:repeat(3,1fr)}
  .planner-grid-reference{grid-template-columns:repeat(2,1fr)}
  .benefit-strip{grid-template-columns:repeat(3,1fr)}
  .benefit-strip>div:nth-child(3){border-right:0}.benefit-strip>div:nth-child(-n+3){border-bottom:1px solid #ece8df}
}

@media(max-width:920px){
  .site-header .brand span::after{font-size:.54rem}
  .site-header .nav-actions{display:none}
  .hero-reference{min-height:480px}
  .hero-reference-inner{padding:88px 14px 110px}
  .reference-search-card{width:min(94%,970px)}
}

@media(max-width:640px){
  .site-header .nav{min-height:65px}
  .site-header .brand-mark{width:35px;height:35px}
  .site-header .brand span{font-size:.92rem}
  .site-header .brand span::after{font-size:.47rem;max-width:180px;overflow:hidden;text-overflow:ellipsis}
  .menu-btn{border:0;background:transparent;padding:8px}
  .hero-reference{min-height:340px}
  .hero-reference .hero-photo-bg{background-position:62% center}
  .hero-reference-inner{padding:70px 11px 64px}
  .hero-reference h1{font-size:clamp(2.05rem,10.6vw,3.1rem);line-height:1.04}
  .hero-reference p{font-size:.94rem;line-height:1.48;max-width:350px}
  .hero-reference .hero-actions{display:grid;width:100%;gap:9px;margin-top:18px}
  .hero-reference .hero-actions .btn,.hero-reference .hero-actions .btn-ghost{width:min(100%,330px);margin:0 auto;padding:12px 15px}
  .reference-search-wrap{margin-top:0;background:#fbfaf7;padding-top:0}
  .reference-search-card{width:100%;border-radius:0 0 18px 18px;border-left:0;border-right:0;padding:20px 14px 18px;box-shadow:0 7px 18px rgba(29,42,37,.05)}
  .reference-search-card h2{text-align:left;font-size:1.05rem;margin-bottom:12px}
  .reference-search-row{grid-template-columns:1fr auto}
  .reference-search-row input{font-size:.83rem;padding:12px}
  .reference-search-row .btn{font-size:.78rem;padding:10px 14px}
  .reference-popular{justify-content:flex-start;gap:8px;font-size:.7rem}
  .reference-popular strong{flex-basis:100%;font-size:.7rem}
  .reference-popular a{font-size:.7rem;padding:7px 10px}
  .reference-section{padding:18px 0 2px}
  .reference-title-row h2{font-size:1.55rem}
  .reference-title-row>a{font-size:.72rem}
  .reference-tool-grid{grid-template-columns:1fr;gap:7px}
  .reference-tool-card{display:grid;grid-template-columns:72px 1fr;min-height:70px;border-radius:8px}
  .reference-tool-card>img{width:72px;height:100%;aspect-ratio:auto;object-fit:cover}
  .reference-tool-card>div{padding:10px 38px 9px 10px;min-height:70px;display:flex;flex-direction:column;justify-content:center}
  .reference-tool-card h3{font-size:.82rem;margin-bottom:3px}
  .reference-tool-card p{font-size:.68rem;line-height:1.35;max-width:230px}
  .reference-tool-card .round-arrow{right:8px;bottom:50%;transform:translateY(50%)}
  .planner-heading{align-items:end}.planner-heading p{font-size:.73rem;max-width:240px}
  .planner-grid-reference{grid-template-columns:1fr 1fr;gap:8px}
  .planner-card-reference>img{aspect-ratio:1.9/1}
  .planner-card-reference>div{min-height:83px;padding:8px 28px 9px 8px}
  .planner-card-reference h3{font-size:.72rem}.planner-card-reference p{font-size:.62rem}
  .planner-card-reference .round-arrow{width:22px;height:22px;right:6px;bottom:9px}
  .benefit-strip-section{padding:14px 0 24px}
  .benefit-strip{grid-template-columns:1fr;border-radius:8px}
  .benefit-strip>div{border-right:0;border-bottom:1px solid #ece8df!important;padding:12px 14px}
  .benefit-strip>div:last-child{border-bottom:0!important}
}
.tool-card .tool-thumb{display:block;width:calc(100% + 44px);max-width:none;margin:-22px -22px 16px;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0}
@media(max-width:640px){.tool-card .tool-thumb{width:calc(100% + 40px);margin:-20px -20px 14px}}