:root{--ink:#183534;--muted:#627675;--line:#dbe6e3;--paper:#fffefa;--soft:#f5f8f6;--teal:#147d70;--coral:#e77c68;--yellow:#e6b957;--blue:#5e9fc5;--radius:8px}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei",Arial,sans-serif;line-height:1.5}
.site-shell{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{height:76px;background:#fffefa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.header-inner{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:800;font-size:19px}
.brand small{display:block;font:600 8px Arial;letter-spacing:1.4px;color:var(--teal)}
.brand-mark{width:31px;height:31px;background:var(--teal);border-radius:8px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px}
.brand-mark i{width:3px;background:#fff;border-radius:3px}
.brand-mark i:nth-child(1){height:9px}
.brand-mark i:nth-child(2){height:15px}
.brand-mark i:nth-child(3){height:6px}
.main-nav{display:flex;gap:24px;margin-left:auto}
.main-nav a,.header-action{font-size:14px;color:#4b6360;text-decoration:none}
.main-nav .active{color:var(--teal);font-weight:bold}
.header-action{border:1px solid var(--line);padding:8px 12px;border-radius:5px}
.nav-toggle{display:none;min-width:72px;height:42px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#fffefa;align-items:center;justify-content:center;flex-direction:row;gap:7px;cursor:pointer;color:var(--teal);font:700 12px inherit}
.nav-toggle-icon{display:block;position:relative;width:16px;height:2px;border-radius:2px;background:var(--teal)}
.nav-toggle-icon::before,.nav-toggle-icon::after{content:"";position:absolute;left:0;width:16px;height:2px;border-radius:2px;background:var(--teal)}
.nav-toggle-icon::before{top:-5px}.nav-toggle-icon::after{top:5px}
.nav-toggle-text{width:auto!important;height:auto!important;background:transparent!important;line-height:1}
.hero-section{background:#e6f2ed}
.hero-grid{min-height:465px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.eyebrow{color:var(--teal);font-weight:bold;font-size:12px;letter-spacing:.5px}
.hero-copy h1{font-size:44px;line-height:1.22;margin:0}
.hero-copy h1 em{color:var(--teal);font-style:normal}
.hero-description{color:var(--muted);font-size:16px}
.hero-search{max-width:535px;padding:6px;display:flex;background:#fff;border:1px solid #b6d3ca;border-radius:var(--radius)}
.hero-search input{flex:1;border:0;padding:0 12px;font:14px inherit}
.hero-search button,.primary-link{border:0;background:var(--teal);color:#fff;border-radius:5px;padding:11px 17px;font-weight:bold;text-decoration:none}
.search-results{max-height:min(360px,50vh);overflow-y:auto;margin-top:12px;padding:4px 12px;border:1px solid var(--line);border-radius:6px;background:#fffefa;box-shadow:0 8px 20px rgba(38,83,73,.08)}
.search-results a{display:grid;grid-template-columns:max-content 1fr;gap:2px 8px;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.search-results a:first-child{border-top:0}.search-results a span{grid-row:span 2;background:#e2f2ec;color:var(--teal);font-size:10px;padding:3px 5px;border-radius:3px;height:max-content}.search-results a b{font-size:13px}.search-results a small{font-size:11px;color:var(--muted)}
.global-search__results{max-height:min(390px,56vh);overflow-y:auto;padding-right:5px}
.hero-visual{height:330px;position:relative}
.measure-board{position:absolute;inset:18px 20px 0 65px;background:#fffefb;border:2px solid #98c6bb;border-radius:15px;box-shadow:10px 11px #c9e3db}
.window-shape{position:absolute;left:28%;top:29%;width:43%;height:43%;border:8px solid #70a9c3;background:#d9eff2;display:flex}
.window-shape i{flex:1;border-right:4px solid #70a9c3}
.ruler{position:absolute;background:#e9ba58}
.ruler-x{left:27%;top:20%;width:47%;height:8px}
.ruler-y{top:28%;left:20%;height:48%;width:8px}
.measure-label{position:absolute;font-size:11px;color:#52736d}
.label-top{top:12%;left:36%}
.label-side{left:4%;top:50%;writing-mode:vertical-rl}
.plant-pot{position:absolute;right:12%;bottom:13%;width:45px;height:35px;background:var(--coral);border-radius:5px 5px 13px 13px}
.tape-roll{position:absolute;left:8%;bottom:15%;width:42px;height:42px;border:9px solid var(--coral);border-radius:50%}
.float-tag{position:absolute;padding:7px 10px;border-radius:20px;background:#fff;font-size:12px;font-weight:bold}
.tag-orange{right:0;top:7%;color:#b65c4d}
.tag-blue{left:1%;bottom:1%;color:#39799d}
.quick-section,.category-section,.tool-section{padding:76px 0}
.quick-section{background:#fffdf9}
.category-section{background:var(--soft)}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}
.section-heading h2,.guide-banner h2{margin:0;font-size:29px}
.text-link,.tool-card b,.category-card b{color:var(--teal);font-size:13px;font-weight:bold;text-decoration:none}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.quick-card,.category-card,.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-decoration:none;padding:17px}
.quick-card{min-height:145px}
.card-symbol,.category-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-weight:bold;background:#e2f2ec;color:var(--teal);margin-bottom:14px}
.yellow .card-symbol{background:#f8edcb;color:#a77b20}
.blue .card-symbol{background:#dbeaf3;color:#397b9e}
.green .card-symbol{background:#deeee1;color:#498458}
.quick-card strong{display:block}
.quick-card small,.category-card p,.tool-card p{color:var(--muted);font-size:12px}
.category-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.category-card{display:flex;gap:13px;min-height:145px}
.category-card h3,.tool-card h3{margin:0;font-size:16px}
.category-icon{border-radius:50%;flex:none}
.tool-filter{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}
.filter-search{display:flex;width:390px;border:1px solid var(--line);border-radius:5px;padding:0 10px}
.filter-search input{width:100%;border:0;padding:10px;font:13px inherit}
.filter-tabs{display:flex;gap:6px}
.filter-tabs button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:4px}
.filter-tabs .active{background:#e7f4ef;color:var(--teal);border-color:var(--teal)}
.tool-card{min-height:185px}
.tool-type{display:inline-block;background:#e2f2ec;color:var(--teal);padding:3px 6px;border-radius:3px;font-size:10px;font-weight:bold}
.guide-section{padding-bottom:76px}
.guide-banner{padding:40px 46px;border-radius:var(--radius);display:flex;justify-content:space-between;gap:34px;align-items:center;background:#f7e5a8}
.guide-banner p:not(.eyebrow){color:#6d5d36;font-size:14px}
.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-width:350px}
.guide-steps span{border-top:2px solid #ac913d;padding-top:8px;font-size:12px}
.site-footer{background:#1d4640;color:#dcebe6;padding:44px 0 17px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.footer-brand{color:#fff}
.footer-grid a:not(.brand){display:block;color:#c2d8d1;text-decoration:none;font-size:12px;margin:8px 0}
.footer-bottom{display:flex;justify-content:space-between;margin-top:32px;padding-top:17px;border-top:1px solid #ffffff33;font-size:11px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden}
@media(max-width:820px){.site-shell{width:min(100% - 32px,680px)}
.nav-toggle{display:flex;margin-left:auto}
.main-nav{display:none}
.main-nav.open{display:grid;position:absolute;top:76px;left:0;right:0;padding:15px;background:#fff;box-shadow:0 8px 18px rgba(38,83,73,.12)}
.hero-grid{grid-template-columns:1fr;padding:50px 0}
.quick-grid,.category-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){.hero-copy h1{font-size:31px}
.hero-search{display:block;background:transparent;border:0;padding:0}
.hero-search input{height:45px;width:100%;border:1px solid #b6d3ca;border-radius:5px}
.hero-search button{width:100%;margin-top:8px}
.hero-visual{height:220px}
.quick-section,.category-section,.tool-section{padding:52px 0}
.quick-grid,.category-grid,.tool-grid{grid-template-columns:1fr}
.tool-filter,.section-heading{display:block}
.filter-search{width:100%;margin-bottom:10px}
.filter-tabs{overflow:auto}
.guide-banner{display:block;padding:25px}
.guide-steps{min-width:0;margin-top:25px}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{display:block}
}

.page-hero{padding:46px 0;background:#e6f2ed}.page-hero h1{margin:8px 0;font-size:34px}.page-hero>div>p:last-child{color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs a{color:var(--teal);text-decoration:none}.tool-page{padding:42px 0 76px}.tool-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.tool-workbench,.content-card,.notice-card,.related-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;margin-bottom:16px}.workbench-head{display:flex;justify-content:space-between;gap:14px}.workbench-head h2,.content-card h2,.related-card h2{font-size:18px;margin:0}.workbench-head p,.content-card p,.notice-card p{font-size:13px;color:var(--muted)}.status-chip{height:max-content;background:#fff0bb;color:#8a6514;padding:4px 7px;border-radius:3px;font-size:11px;font-weight:bold}.placeholder-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.placeholder-fields div{padding:13px;background:#f5f8f6;border-radius:5px}.placeholder-fields label{font-size:11px;color:var(--teal);font-weight:bold}.placeholder-fields p{font-size:12px;margin:5px 0 0}.tool-workbench button{border:0;border-radius:5px;padding:10px 14px;background:#bdcfca;color:#fff;font:inherit}.related-card a{display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;text-decoration:none}.related-card a span{font-size:10px;color:var(--teal)}.related-card a b{margin-left:auto;color:var(--teal)}@media(max-width:820px){.tool-page-grid{grid-template-columns:1fr}.page-hero h1{font-size:29px}}@media(max-width:540px){.placeholder-fields{grid-template-columns:1fr}.workbench-head{display:block}.status-chip{display:inline-block;margin-top:10px}}

/* Brighter category palette for the friendly, Taiwan lifestyle-oriented visual direction. */
.c-teal .category-icon{background:#b9f0e2;color:#08776b}.c-coral .category-icon,.coral .card-symbol{background:#ffd0c7;color:#bd4e3a}.c-blue .category-icon,.blue .card-symbol{background:#c9edff;color:#237aa5}.c-yellow .category-icon,.yellow .card-symbol{background:#ffed9d;color:#976500}.c-lilac .category-icon{background:#e2d8ff;color:#6750a4}.c-green .category-icon,.green .card-symbol{background:#ccefc7;color:#357643}.quick-card{border-width:2px}.quick-card.coral{background:#fff8f5}.quick-card.yellow{background:#fffdf1}.quick-card.blue{background:#f5fbff}.quick-card.green{background:#f7fff5}.category-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(38,83,73,.12)}

.calculator-shell{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;margin-bottom:16px}.ready-chip{height:max-content;background:#d8f3df;color:#28733d;padding:4px 7px;border-radius:3px;font-size:11px;font-weight:bold}.calculator-form{margin-top:22px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-grid label{display:grid;gap:6px;font-size:13px;font-weight:bold}.input-grid label span{font-weight:normal;color:var(--muted);font-size:11px}.input-grid input{height:42px;border:1px solid #b9ccc6;border-radius:5px;padding:0 10px;font:14px inherit;color:var(--ink)}.input-grid input:focus{outline:2px solid #b9e5d8;border-color:var(--teal)}.check-field{display:block;margin:18px 0 12px;font-size:13px}.check-field input{accent-color:var(--teal);margin-right:6px}.field-error{margin:13px 0;color:#b74231;font-size:13px}.calculate-button,.reset-button{border-radius:5px;padding:10px 15px;font:700 13px inherit;cursor:pointer}.calculate-button{border:0;background:var(--teal);color:#fff}.reset-button{margin-left:7px;border:1px solid var(--line);background:#fff;color:var(--ink)}.area-result{margin-top:23px;padding:19px;border-radius:6px;background:#e8f6ef}.area-result>p{margin:0;color:#4e6c64;font-size:12px}.area-result>strong{display:block;margin:3px 0;font-size:34px;color:var(--teal)}.area-result>span{display:block;margin-bottom:15px;font-size:14px;color:#3e625a}.area-result>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #cce4da;font-size:12px}.area-result small{display:block;margin-top:12px;color:#5e746e;font-size:11px;line-height:1.6}@media(max-width:540px){.calculator-shell{padding:18px}.input-grid{grid-template-columns:1fr}.area-result>strong{font-size:30px}}

.area-table-head,.area-row{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr 34px;gap:8px;align-items:center}.area-table-head{margin:22px 0 7px;padding:0 3px;font-size:11px;color:var(--muted)}.area-row{margin-bottom:8px}.area-row input,.area-row select{width:100%;height:40px;border:1px solid #b9ccc6;border-radius:5px;padding:0 9px;background:#fff;font:13px inherit}.area-row select{color:var(--ink)}.remove-row{height:34px;width:34px;border:0;border-radius:50%;background:#ffe3dc;color:#b64d3a;font-size:20px;cursor:pointer}.remove-row:disabled{background:#edf2f0;color:#9eadaa;cursor:not-allowed}.add-row{margin-top:6px;border:1px dashed #7cad9f;border-radius:5px;background:#f4fbf8;color:var(--teal);padding:9px 11px;font:700 12px inherit;cursor:pointer}.calculator-actions{margin-top:18px}.final-area-result{display:grid;grid-template-columns:1fr .9fr;margin-top:24px;overflow:hidden;border-radius:7px;background:#e8f6ef}.final-area-result>div:first-child{padding:22px}.final-area-result p{margin:0;font-size:12px;color:#4e6c64}.final-area-result strong{display:block;font-size:36px;color:var(--teal);line-height:1.25}.final-area-result>div:first-child>span{font-size:14px;color:#3e625a}.result-summary{padding:15px 20px;background:#d9eee5}.result-summary p{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #c1ddd1}.result-summary p:last-child{border:0}.result-summary b{color:var(--ink)}.result-note,.result-actions{grid-column:1/-1}.result-note{padding:13px 22px;border-top:1px solid #c4dfd4;color:#5e746e;font-size:11px}.result-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#fff}.result-actions button{border:1px solid var(--line);border-radius:4px;background:#fff;padding:7px 9px;font:12px inherit;cursor:pointer}.result-actions a{font-size:12px;font-weight:bold;color:var(--teal);text-decoration:none}@media(max-width:680px){.area-table-head{display:none}.area-row{grid-template-columns:1fr 1fr 34px;padding:12px;border:1px solid var(--line);border-radius:6px}.area-row .area-name{grid-column:1/3}.area-row .area-kind{grid-column:1/3}.remove-row{grid-column:3;grid-row:1}.final-area-result{grid-template-columns:1fr}.result-note,.result-actions{grid-column:auto}}

.example-row{margin:6px 0 0 6px;border:0;background:transparent;color:var(--teal);font:12px inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.area-breakdown{grid-column:1/-1;padding:0 22px 13px}.area-breakdown p{display:flex;justify-content:space-between;margin:0;padding:6px 0;border-top:1px solid #c4dfd4;color:#4e6c64;font-size:12px}.calculation-basis{grid-column:1/-1;margin:0 22px 13px;padding:10px 12px;border-left:3px solid #70a997;background:#f5fbf8;color:#45645d;font-size:12px;line-height:1.6}

.site-search-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;position:relative}.site-search-button span:before{content:"";position:absolute;width:11px;height:11px;border:2px solid var(--teal);border-radius:50%;left:11px;top:10px}.site-search-button span:after{content:"";position:absolute;width:8px;height:2px;background:var(--teal);transform:rotate(45deg);left:22px;top:24px}.global-search{position:fixed;inset:0;z-index:40;background:rgba(24,53,52,.48);padding:90px 20px 20px}.global-search__panel{width:min(680px,100%);margin:auto;background:#fffefa;border-radius:8px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.global-search__head{display:flex;justify-content:space-between;align-items:center}.global-search__head h2{margin:0;font-size:20px}.global-search__head button{border:0;background:transparent;font-size:28px;color:var(--muted);cursor:pointer}.global-search input{width:100%;height:46px;margin:15px 0 10px;border:1px solid #9fc7bb;border-radius:5px;padding:0 12px;font:14px inherit}.global-search__results{max-height:min(390px,56vh);overflow-y:auto;padding-right:5px}.global-search__results>p{font-size:13px;color:var(--muted)}.global-search__results a{display:grid;grid-template-columns:max-content 1fr;gap:2px 8px;padding:11px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.global-search__results a span{grid-row:span 2;background:#e2f2ec;color:var(--teal);font-size:10px;padding:3px 5px;border-radius:3px;height:max-content}.global-search__results a b{font-size:14px}.global-search__results a small{font-size:11px;color:var(--muted)}.search-open{overflow:hidden}.next-tool-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.next-tool-links a{border:1px solid var(--line);padding:11px;border-radius:5px;text-decoration:none;color:var(--ink)}.next-tool-links b,.next-tool-links span{display:block}.next-tool-links b{font-size:13px;color:var(--teal)}.next-tool-links span{margin-top:3px;color:var(--muted);font-size:11px}.faq-card details{padding:12px 0;border-top:1px solid var(--line)}.faq-card summary{font-size:14px;font-weight:bold;cursor:pointer}.faq-card details p{font-size:13px;color:var(--muted)}@media(max-width:540px){.header-action{display:none}.next-tool-links{grid-template-columns:1fr}.global-search{padding:70px 12px 12px}.global-search__panel{padding:16px}}

.action-toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 14px;border-radius:5px;background:#183534;color:#fff;font-size:13px;box-shadow:0 8px 22px rgba(0,0,0,.2)}

/* Keep the directory headers compact so the tool list starts above the fold. */
.page-hero.catalog-page-hero{padding:18px 0}.page-hero.catalog-page-hero h1{margin:3px 0;font-size:28px;line-height:1.25}.page-hero.catalog-page-hero>div>p:last-child{margin:0;font-size:13px;line-height:1.5}.page-hero.catalog-page-hero .breadcrumbs{font-size:14px;line-height:1.4}.page-hero.catalog-page-hero .breadcrumbs a{display:inline-block;padding:2px 0}
@media(max-width:540px){.page-hero.catalog-page-hero{padding:14px 0}.page-hero.catalog-page-hero h1{font-size:24px}.page-hero.catalog-page-hero .breadcrumbs{font-size:13px}}
.legal-page{max-width:860px}.legal-page ol{padding-left:22px;color:var(--muted);font-size:14px;line-height:1.8}.legal-updated{font-size:12px!important;color:var(--muted)}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.scenario-card{display:flex;flex-direction:column;min-height:180px;padding:18px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-decoration:none}.scenario-card h2{margin:0 0 8px;font-size:19px}.scenario-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.scenario-card small{margin-top:10px;color:var(--teal);font-size:11px}.scenario-card b{margin-top:auto;padding-top:14px;color:var(--teal);font-size:13px}.scenario-section-title{margin:28px 0 12px;font-size:22px}@media(max-width:820px){.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:150px}}
.category-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-index-card{display:flex;flex-direction:column;min-height:130px;padding:17px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-decoration:none}.category-index-card h2{margin:0;font-size:17px}.category-index-card p{margin:7px 0;color:var(--muted);font-size:12px}.category-index-card b{margin-top:auto;color:var(--teal);font-size:13px}@media(max-width:820px){.category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.category-index-grid{grid-template-columns:1fr}}

/* Homepage keeps the first tool entries visible without scrolling through decoration. */
.hero-grid{min-height:0;display:block;padding:48px 0}.hero-copy{max-width:680px}.quick-section,.category-section,.tool-section{padding:42px 0}.quick-card{min-height:120px}.category-card{min-height:118px}.card-symbol{width:auto;min-width:52px;height:32px;margin-bottom:12px;padding:0 8px;border-radius:8px;font-size:12px}
.guide-feature-section{padding:34px 0;background:#fff5d7}.guide-feature-section .section-heading{margin-bottom:15px}.guide-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-home-card{display:flex;flex-direction:column;min-height:142px;padding:15px;border:1px solid #ecdca7;border-radius:7px;background:#fffdf4;color:var(--ink);text-decoration:none}.guide-home-card>span{width:max-content;padding:3px 6px;border-radius:3px;background:#e7f4ef;color:var(--teal);font-size:10px;font-weight:700}.guide-home-card h3{margin:9px 0 4px;font-size:15px;line-height:1.4}.guide-home-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.guide-home-card b{margin-top:auto;padding-top:10px;color:var(--teal);font-size:12px}
@media(max-width:820px){.guide-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.hero-grid{padding:32px 0}.quick-section,.category-section,.tool-section{padding:32px 0}.guide-feature-section{padding:28px 0}.guide-home-grid{grid-template-columns:1fr}.guide-home-card{min-height:118px}}

/* Compact homepage rhythm: keep the first actionable cards close to the search. */
.hero-grid{padding:30px 0}.hero-copy h1{font-size:36px;line-height:1.2}.hero-description{margin:10px 0 16px;font-size:14px}.quick-section,.category-section,.tool-section{padding:28px 0}.section-heading{margin-bottom:15px}.section-heading h2{font-size:24px}.quick-card{min-height:100px;padding:14px}.category-card{min-height:98px;padding:14px}.category-card p{margin:4px 0 8px}.guide-feature-section{padding:26px 0}.guide-home-card{min-height:126px;padding:13px}
@media(max-width:540px){.hero-grid{padding:22px 0}.hero-copy h1{font-size:29px}.hero-description{margin:8px 0 13px;font-size:14px}.quick-section,.category-section,.tool-section{padding:24px 0}.section-heading h2{font-size:22px}.quick-card{min-height:92px}.category-card{min-height:90px}.guide-feature-section{padding:22px 0}.guide-home-card{min-height:112px}}

@media(min-width:821px){.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);column-gap:26px;align-items:center}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-description{grid-column:1}.hero-copy .hero-search,.hero-copy .search-results{grid-column:2}.hero-copy .hero-search{grid-row:1 / span 3;width:100%;align-self:center}.hero-copy .search-results{grid-row:4;width:100%;margin-top:0}.quick-card{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.quick-card .card-symbol{grid-row:span 2;margin:0}.quick-card strong,.quick-card small{grid-column:2}.quick-card strong{align-self:end}.quick-card small{align-self:start}}
@media(max-width:540px){.hero-copy{display:block}.quick-card{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.quick-card .card-symbol{grid-row:span 2;margin:0}.quick-card strong,.quick-card small{grid-column:2}}

.result-actions{flex-wrap:wrap;gap:8px}
.result-actions>div{display:flex;flex-wrap:wrap;gap:8px}
.final-area-result[hidden],.planner-result[hidden],.converter-result[hidden],.batch-result[hidden]{display:none!important}
.field-legend{margin:13px 0 0;color:var(--muted);font-size:12px}.field-status{display:inline-block;width:max-content;margin-left:5px;padding:1px 5px;border-radius:3px;font-size:11px;font-style:normal;font-weight:700;line-height:1.5}.field-status.required{background:#ffe4dd;color:#a44534}.field-status.optional{background:#e7f2ee;color:#397065}.field-status.conditional{background:#fff0c8;color:#88630d}.quick-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.quick-options:before{content:"常見包裝面積：";width:100%;font-size:11px;color:var(--muted);font-weight:normal}.quick-options button{border:1px solid #a9ccc1;border-radius:4px;background:#f4fbf8;color:var(--teal);padding:3px 7px;font:12px inherit;cursor:pointer}
.converter-grid label:has(input[required])::after{content:"必填";display:inline-block;width:max-content;margin-top:2px;padding:1px 5px;border-radius:3px;background:#ffe4dd;color:#a44534;font-size:11px;font-weight:700}

.batch-tool-shell{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;margin-bottom:16px}.batch-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.batch-fields label{display:grid;gap:5px;font-size:13px;font-weight:bold}.batch-fields label span{font-size:11px;color:var(--muted);font-weight:normal}.batch-fields input{height:42px;min-width:0;border:1px solid #b9ccc6;border-radius:5px;padding:0 10px;font:14px inherit}.batch-result{margin-top:22px;border-radius:7px;overflow:hidden;background:#e8f6ef}.batch-result>p,.batch-result>strong{display:block;margin:0;padding:16px 20px 0}.batch-result>p{font-size:12px;color:#4e6c64}.batch-result>strong{padding-top:3px;padding-bottom:15px;color:var(--teal);font-size:28px}.batch-result [data-batch-details]{padding:8px 20px;background:#d9eee5}.batch-result [data-batch-details] p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}.batch-result .result-actions{display:flex;padding:12px 20px;background:#fff}@media(max-width:540px){.batch-tool-shell{padding:18px}.batch-fields{grid-template-columns:1fr}}
.batch-tool-shell{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;margin-bottom:16px}.batch-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.batch-fields label{display:grid;gap:5px;font-size:13px;font-weight:bold}.batch-fields label span{font-size:11px;color:var(--muted);font-weight:normal}.batch-fields input,.batch-fields select,.advanced-options input{height:42px;min-width:0;border:1px solid #b9ccc6;border-radius:5px;padding:0 10px;background:#fff;font:14px inherit;color:var(--ink)}.batch-result{margin-top:22px;border-radius:7px;overflow:hidden;background:#e8f6ef}.batch-result>p,.batch-result>strong{display:block;margin:0;padding:16px 20px 0}.batch-result>p{font-size:12px;color:#4e6c64}.batch-result>strong{padding-top:3px;padding-bottom:15px;color:var(--teal);font-size:28px}.batch-result [data-batch-details],.batch-result [data-floor-details]{padding:8px 20px;background:#d9eee5}.batch-result [data-batch-details] p,.batch-result [data-floor-details] p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}.advanced-options{margin-top:16px;border:1px solid #d4e5df;border-radius:5px;padding:10px 12px;background:#f7fbf9}.advanced-options summary{cursor:pointer;color:var(--teal);font-weight:bold;font-size:13px}.advanced-options label{display:grid;max-width:260px;gap:5px;margin-top:12px;font-size:13px;font-weight:bold}.advanced-options label span,.advanced-options p{font-size:11px;color:var(--muted);font-weight:normal}.advanced-options p{margin:8px 0 0}.assumption-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:12px}.assumption-table th,.assumption-table td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top}.assumption-table th{background:#e7f4ef;color:#285c52;font-size:11px}.batch-result .result-actions{display:flex;padding:12px 20px;background:#fff}@media(max-width:540px){.batch-tool-shell{padding:18px}.batch-fields{grid-template-columns:1fr}.assumption-table{font-size:11px}.assumption-table th,.assumption-table td{padding:8px}}

@media(max-width:680px){.converter-grid label{min-width:0}.converter-grid input,.converter-grid select{min-width:0}}

@media(max-width:820px){.tool-page-grid>div,.tool-page-grid>aside{min-width:0}}

@media print{.site-header,.site-footer,.page-hero,.tool-page aside,.area-form,.planner-form,.converter-form,.batch-form,.content-card,.result-actions,.action-toast{display:none!important}.tool-page{padding:0}.tool-page-grid{display:block}.calculator-shell,.planner-shell,.compare-shell,.batch-tool-shell{border:0;padding:0}.final-area-result,.planner-result,.converter-result,.batch-result{display:grid!important;border:1px solid #9fbab1}.final-area-result[hidden],.planner-result[hidden],.batch-result[hidden]{display:none!important}}

.planner-shell{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;margin-bottom:16px}.planner-form h3{margin:24px 0 10px;font-size:15px}.planner-result{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;overflow:hidden;border-radius:7px;background:#e8f6ef}.planner-result__lead{padding:21px}.planner-result__lead p{margin:0;font-size:12px;color:#4e6c64}.planner-result__lead strong{display:block;font-size:28px;color:var(--teal);line-height:1.3}.planner-result__lead span{display:block;margin-top:4px;color:#45645d;font-size:12px}.planner-checklist{padding:13px 19px;background:#d9eee5}.planner-checklist p{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}.planner-checklist small{grid-column:1/-1;color:#657873}.planner-checklist .check-pass b{color:#28733d}.planner-checklist .check-review b{color:#9a6e08}.planner-checklist .check-fail b{color:#b64d3a}.planner-result .result-note,.planner-result .result-actions{grid-column:1/-1}.planner-result[data-status="fail"]{background:#fff0ed}.planner-result[data-status="fail"] .planner-checklist{background:#ffe1da}.planner-result[data-status="review"]{background:#fff7dc}.planner-result[data-status="review"] .planner-checklist{background:#f9eab5}@media(max-width:680px){.planner-result{grid-template-columns:1fr}.planner-result .result-note,.planner-result .result-actions{grid-column:auto}.planner-shell{padding:18px}}

.compare-shell{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;margin-bottom:16px}.converter-form{margin-top:20px}.converter-form>label{display:grid;max-width:260px;gap:5px;font-size:13px;font-weight:bold}.converter-form select,.converter-form input{height:41px;border:1px solid #b9ccc6;border-radius:5px;padding:0 9px;background:#fff;font:13px inherit;color:var(--ink)}.converter-grid{display:grid;grid-template-columns:1fr 1fr 38px 1fr;gap:10px;align-items:end;margin-top:15px}.converter-grid label{display:grid;gap:5px;font-size:12px;font-weight:bold}.swap-units{height:38px;border:1px solid #97beb3;border-radius:50%;background:#e7f4ef;color:var(--teal);font-size:18px;cursor:pointer}.converter-result{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;overflow:hidden;border-radius:7px;background:#e8f6ef}.converter-result>p,.converter-result>strong{grid-column:1/-1;margin:0;padding:0 21px}.converter-result>p{padding-top:18px;font-size:12px;color:#4e6c64}.converter-result>strong{padding-bottom:18px;color:var(--teal);font-size:26px}.unit-reference{padding:14px 21px;background:#d9eee5}.unit-reference span{display:block;padding:6px 0;border-bottom:1px solid #c1ddd1;color:#4e6c64;font-size:11px}.unit-reference span:last-child{border:0}.converter-result .result-note,.converter-result .result-actions{grid-column:1/-1}.unit-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px}.unit-table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.unit-table th,.unit-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.unit-table th{background:#e7f4ef;color:#285c52;font-size:11px}.unit-table td:first-child{font-weight:bold;color:var(--teal)}@media(max-width:680px){.compare-shell{padding:18px}.converter-grid{grid-template-columns:1fr 34px 1fr}.converter-grid label:first-child{grid-column:1/-1}.converter-result{grid-template-columns:1fr}.converter-result .result-note,.converter-result .result-actions{grid-column:auto}}

/* Keep field state inside the control so it does not disrupt the form rhythm. */
.input-grid label,.batch-fields label,.advanced-options label,.converter-grid label{position:relative}
.input-grid input,.batch-fields input,.batch-fields select,.advanced-options input,.converter-grid input{padding-right:88px!important}
.field-status{position:absolute;right:9px;bottom:10px;z-index:1;margin:0;padding:2px 6px;border:0;border-radius:999px;background:#dff3e7;color:#28734b;font-size:10px;line-height:1.3;pointer-events:none}
.field-status.required,.field-status.optional,.field-status.conditional{background:#dff3e7;color:#28734b}
.field-status.conditional{font-size:9px}
.batch-fields label:has(.quick-options) .field-status{bottom:45px}
.batch-fields label:not(:has(.quick-options)) .field-status{bottom:11px;transform:translateY(50%)}
.batch-fields label:has(.quick-options) .field-status{bottom:49px;transform:translateY(50%)}
.converter-grid label:has(input[required])::after{position:absolute;right:9px;bottom:10px;margin:0;padding:2px 6px;border:0;border-radius:999px;background:#dff3e7;color:#28734b;font-size:10px;line-height:1.3}
.batch-fields .control-with-status{position:relative;display:block;width:100%;height:42px}
.batch-fields .control-with-status input,.batch-fields .control-with-status select{width:100%;height:42px;padding-right:88px!important}
.batch-fields .control-with-status .field-status{top:50%;right:9px;bottom:auto;transform:translateY(-50%)}
.batch-fields label:has(.control-with-status)>.field-status{position:static;display:none}
.batch-fields label:has(.control-with-status)>.quick-options{margin-top:3px}
.batch-fields .control-with-status{display:grid!important;position:relative;height:42px}
.batch-fields .control-with-status>input,.batch-fields .control-with-status>select{grid-area:1/1;width:100%;height:42px}
.batch-fields .control-with-status>.field-status{grid-area:1/1;position:static!important;align-self:center;justify-self:end;transform:none!important;margin:0 9px 0 0;z-index:2}
.batch-fields .custom-paint-field{display:block}
.custom-paint-field .control-with-status{display:grid;position:relative;width:100%;height:42px}
.custom-paint-field .control-with-status>input,.custom-paint-field .control-with-status>select{grid-area:1/1;width:100%;height:42px;padding-right:88px!important;border:1px solid #b9ccc6;border-radius:5px;background:#fff;font:14px inherit;color:var(--ink)}
.custom-paint-field .control-with-status>.field-status{grid-area:1/1;position:static;align-self:center;justify-self:end;transform:none;margin:0 9px 0 0;z-index:2}
.custom-pair-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.custom-pair-fields .control-with-status{min-width:0}
.input-grid .custom-paint-field{display:block}
.batch-fields .control-with-status:has(>select)>.field-status{margin-right:32px}
.batch-fields>label{align-content:start}
.input-grid .control-with-status,.planner-form .control-with-status,.converter-form .control-with-status{display:grid;position:relative;width:100%;height:42px;min-width:0}
.input-grid .control-with-status>input,.input-grid .control-with-status>select,.planner-form .control-with-status>input,.planner-form .control-with-status>select,.converter-form .control-with-status>input,.converter-form .control-with-status>select{grid-area:1/1;width:100%;height:42px;padding-right:88px!important}
.input-grid .control-with-status>.field-status,.planner-form .control-with-status>.field-status,.converter-form .control-with-status>.field-status{grid-area:1/1;position:static!important;align-self:center;justify-self:end;transform:none!important;margin:0 9px 0 0;z-index:2}
.input-grid .control-with-status:has(>select)>.field-status,.planner-form .control-with-status:has(>select)>.field-status,.converter-form .control-with-status:has(>select)>.field-status{margin-right:32px}
.batch-fields>label>span:first-of-type{display:block;min-height:34px}
.check-field{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:9px 11px;border:1px solid #d6e5df;border-radius:6px;background:#f8fcfa;cursor:pointer;font-size:13px;line-height:1.4}
.switch-control{position:relative;display:inline-flex;flex:none;width:44px;height:26px}
.switch-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.switch-slider{display:block;width:100%;height:100%;border-radius:999px;background:#c8d8d3;box-shadow:inset 0 0 0 1px #aabeb7;transition:background .18s ease}
.switch-slider::after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(24,53,52,.24);transition:transform .18s ease}
.switch-control input:checked + .switch-slider{background:#39a77d;box-shadow:none}
.switch-control input:checked + .switch-slider::after{transform:translateX(18px)}
.switch-control input:focus-visible + .switch-slider{outline:2px solid #1e8a70;outline-offset:2px}
@media(max-width:540px){.check-field{padding:10px 11px}.field-status{right:8px}}

/* Readable Traditional Chinese support text on both desktop and mobile. */
.area-table-head,.input-grid label span,.batch-fields label span,.advanced-options label span,.advanced-options p,.next-tool-links span,.unit-reference span,.unit-table th,.assumption-table th{font-size:12px}
.result-note,.calculation-basis{font-size:13px}
.result-actions button,.result-actions a{font-size:13px}
@media(max-width:540px){.assumption-table,.assumption-table th,.assumption-table td{font-size:12px}}

.batch-result [data-container-details],.batch-result [data-wood-details],.batch-result [data-paint-details],.batch-result [data-tile-details],.batch-result [data-curtain-details],.batch-result [data-appliance-details],.batch-result [data-edge-details],.batch-result [data-masonry-details],.batch-result [data-brick-details],.batch-result [data-sheet-details],.batch-result [data-cabinet-details],.batch-result [data-ceiling-details],.batch-result [data-wood-framing-details],.batch-result [data-window-covering-details]{padding:8px 20px;background:#d9eee5}
.batch-result [data-container-details] p,.batch-result [data-wood-details] p,.batch-result [data-paint-details] p,.batch-result [data-tile-details] p,.batch-result [data-curtain-details] p,.batch-result [data-appliance-details] p,.batch-result [data-edge-details] p,.batch-result [data-masonry-details] p,.batch-result [data-brick-details] p,.batch-result [data-sheet-details] p,.batch-result [data-cabinet-details] p,.batch-result [data-ceiling-details] p,.batch-result [data-wood-framing-details] p,.batch-result [data-window-covering-details] p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}
.planner-result [data-cabinet-hardware-details],.planner-result [data-storage-interior-details]{min-width:0}
.planner-result [data-irregular-area-details],.planner-result [data-storage-planner-details],.planner-result [data-shelf-spacing-details],.planner-result [data-wall-cabinet-height-details]{min-width:0}
.batch-result [data-irregular-area-details],.converter-result [data-compression-bag-details]{padding:8px 20px;background:#d9eee5}
.batch-result [data-next-details]{padding:8px 20px;background:#d9eee5}
.batch-result [data-next-details] p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}
.batch-result [data-plant-media-details]{padding:8px 20px;background:#d9eee5}.batch-result [data-plant-media-details] p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}
.batch-result [data-irregular-area-details] p,.converter-result [data-compression-bag-details] span{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}
.planner-result [data-storage-planner-details],.planner-result [data-shelf-spacing-details],.planner-result [data-wall-cabinet-height-details]{padding:8px 19px;background:#d9eee5}
.planner-result [data-storage-planner-details] p,.planner-result [data-shelf-spacing-details] p,.planner-result [data-wall-cabinet-height-details] p{display:grid;grid-template-columns:1fr auto;gap:4px;margin:0;padding:8px 0;border-bottom:1px solid #c1ddd1;font-size:12px}
.converter-form .custom-paint-field{display:block;margin-top:6px}.converter-form .custom-paint-field .control-with-status{display:grid;position:relative;height:42px}.converter-form .custom-paint-field input{grid-area:1/1;width:100%;padding-right:88px}.converter-form .custom-paint-field .field-status{grid-area:1/1;position:static;align-self:center;justify-self:end;margin-right:9px;z-index:2}
.custom-paint-field[hidden]{display:none!important}
.input-grid>label,.converter-grid>label{min-width:0;align-content:start}
.input-grid>label>.custom-paint-field,.converter-grid>label>.custom-paint-field{width:100%;min-height:0;color:inherit;font:inherit}
.input-grid>label>.custom-paint-field>.control-with-status,.converter-grid>label>.custom-paint-field>.control-with-status{width:100%;min-width:0}
.input-grid>label>.custom-paint-field input,.converter-grid>label>.custom-paint-field input{box-sizing:border-box;min-width:0;width:100%}
[data-compression-bag-tool] .converter-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
[data-compression-bag-tool] .converter-grid>label{min-width:0}
[data-compression-bag-tool] .custom-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
[data-compression-bag-tool] .custom-dimensions label{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:normal}
[data-compression-bag-tool] .custom-dimensions input{width:100%;padding:0 8px!important}
[data-compression-bag-tool] .custom-dimensions label::after{content:none!important}
[data-compression-bag-tool] .custom-dimensions .control-with-status{display:grid;position:relative;height:42px}
[data-compression-bag-tool] .custom-dimensions .control-with-status>input{grid-area:1/1;height:42px;padding-right:50px!important}
[data-compression-bag-tool] .custom-dimensions .control-with-status>.field-status{grid-area:1/1;position:static;align-self:center;justify-self:end;margin:0 8px 0 0;z-index:2}
[data-compression-bag-tool] .custom-paint-field>.field-status{display:none}
[data-compression-bag-tool] .custom-paint-field>.field-status{display:block;position:static;margin:6px 0 0;width:max-content}
.batch-result[data-status="fail"]{background:#fff0ed}
.batch-result[data-status="fail"] [data-next-details]{background:#ffe1da}
[data-compression-bag-tool] .converter-result{grid-template-columns:1fr}
[data-compression-bag-tool] .converter-result .unit-reference{grid-column:1/-1;width:100%}
@media(max-width:680px){[data-compression-bag-tool] .converter-grid{grid-template-columns:1fr}}
@media(max-width:540px){[data-compression-bag-tool] .custom-dimensions{grid-template-columns:1fr}}
.batch-tool-shell[data-ceiling-grid-tool] [data-custom-for="module"] .custom-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.batch-tool-shell[data-ceiling-grid-tool] [data-custom-for="module"] .custom-dimensions>span{display:grid;gap:4px}.batch-tool-shell[data-ceiling-grid-tool] [data-custom-for="module"] .custom-dimensions em{font-size:11px;color:var(--muted);font-style:normal}.batch-tool-shell[data-ceiling-grid-tool] [data-custom-for="module"] input{width:100%;padding-right:10px!important}
.input-grid select{height:42px;border:1px solid #b9ccc6;border-radius:5px;padding:0 10px;background:#fff;font:14px inherit;color:var(--ink)}
.batch-form>.custom-paint-field{max-width:calc(50% - 7px);margin-top:-8px}
@media(max-width:540px){.batch-form>.custom-paint-field{max-width:none}}
.calculator-actions .example-row{margin:0 0 0 7px;border:1px solid #d49a28;border-radius:5px;background:#fff1bd;color:#765006;padding:10px 13px;font:700 13px inherit;text-decoration:none;cursor:pointer}
.calculator-actions .example-row:hover{border-color:#a96f08;background:#ffe49b}
.calculator-actions .example-row:focus-visible{outline:2px solid #b8790f;outline-offset:2px}
@media(max-width:540px){.calculator-actions .example-row{margin:7px 0 0}}
.example-row{border:1px solid #d49a28;border-radius:5px;background:#fff1bd;color:#765006;padding:10px 13px;font:700 13px inherit;text-decoration:none;cursor:pointer}
.example-row:hover{border-color:#a96f08;background:#ffe49b}
.example-row:focus-visible{outline:2px solid #b8790f;outline-offset:2px}
@media(max-width:540px){.calculator-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calculator-actions .calculate-button,.calculator-actions .reset-button{width:100%;margin:0}.calculator-actions .example-row{grid-column:1/-1;width:100%;margin:0;white-space:nowrap}}

/* Standalone guides use a reading and field-checking layout, not a calculator shell. */
.guide-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.guide-share-button,.guide-print-button{min-height:38px;border:1px solid #84b7a9;border-radius:5px;background:#fffefa;color:var(--teal);padding:8px 12px;font:700 13px inherit;cursor:pointer}.guide-print-button{border-color:#d7a53e;background:#fff7df;color:#765006}.guide-share-button:hover{border-color:var(--teal);background:#e7f4ef}.guide-print-button:hover{border-color:#b77b12;background:#ffedb0}.guide-share-button:focus-visible,.guide-print-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media(max-width:540px){.guide-share-button,.guide-print-button{width:100%;max-width:280px}}
.guide-page{padding:28px 0 68px;background:#f7faf9}.guide-page-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}.guide-page-nav{position:sticky;top:82px;display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.guide-page-nav p{margin:0 0 5px;padding:0 8px;color:var(--teal);font-size:12px;font-weight:700}.guide-page-nav a{padding:8px;color:#49645e;text-decoration:none;font-size:13px;border-radius:4px}.guide-page-nav a:hover{color:var(--teal);background:#edf8f4}.guide-page-content{display:grid;gap:16px;min-width:0}.guide-card{padding:24px;border:1px solid var(--line);border-radius:7px;background:#fff}.guide-card h2{margin:0 0 9px;font-size:22px;line-height:1.35}.guide-card h3{margin:0 0 8px;font-size:15px}.guide-card>p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.guide-kicker{margin:0 0 6px!important;color:var(--teal)!important;font-size:12px!important;font-weight:700}.guide-steps-list{display:grid;gap:12px;margin:19px 0 0;padding:0;list-style:none;counter-reset:guide-step}.guide-steps-list li{display:grid;grid-template-columns:34px 1fr;gap:3px 10px;counter-increment:guide-step}.guide-steps-list li::before{content:counter(guide-step);grid-row:span 2;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#dff1eb;color:var(--teal);font-size:12px;font-weight:800}.guide-steps-list b{font-size:14px}.guide-steps-list span{color:var(--muted);font-size:13px;line-height:1.65}.guide-section-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.guide-tool-link{padding:7px 9px;border:1px solid #abd1c5;border-radius:4px;color:var(--teal);font-size:12px;text-decoration:none;white-space:nowrap}.guide-reference-grid,.guide-split-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px}.guide-split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-reference-grid article,.guide-split-grid article{padding:14px;border:1px solid #dce8e4;border-radius:5px;background:#fbfefd}.guide-reference-grid b{display:block;margin-bottom:6px;color:var(--teal);font-size:15px}.guide-reference-grid p,.guide-split-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.guide-formula{margin-top:17px;padding:12px 14px;border-left:3px solid #e5a331;background:#fff7df;color:#685222;font-size:13px;line-height:1.75}.guide-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.guide-check-grid label{display:flex;gap:10px;padding:12px;border:1px solid #dce8e4;border-radius:5px;background:#fbfefd;color:var(--muted);font-size:12px;line-height:1.6}.guide-check-grid input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--teal);flex:none}.guide-check-grid b{display:block;color:var(--ink);font-size:13px}.guide-warning{margin-top:15px!important;padding:11px 13px;border-left:3px solid #d59a28;background:#fff8e9;color:#6b5220!important;font-size:12px!important}.guide-table{width:100%;margin-top:17px;border-collapse:collapse;font-size:13px}.guide-table th,.guide-table td{padding:11px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}.guide-table th{background:#e9f5f1;color:#275a50;font-size:12px}.guide-card.faq-card details:first-of-type{border-top:0}.guide-related{padding-bottom:22px}@media(max-width:820px){.guide-page-layout{grid-template-columns:1fr}.guide-page-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-page-nav p{grid-column:1/-1}.guide-reference-grid{grid-template-columns:1fr}.guide-section-head{display:block}.guide-tool-link{display:inline-block;margin-top:10px}}@media(max-width:540px){.guide-page{padding:16px 0 42px}.guide-card{padding:18px}.guide-card h2{font-size:19px}.guide-page-nav{grid-template-columns:1fr}.guide-check-grid,.guide-split-grid{grid-template-columns:1fr}.guide-table{font-size:12px;display:block;overflow:auto;min-width:0}.guide-table thead,.guide-table tbody{min-width:580px;display:table;width:580px}.guide-table th,.guide-table td{padding:9px}.guide-page-hero p{font-size:14px}}

.index-hero{background:#e6f2ed}.catalog-index{padding:42px 0 76px;background:#f7faf9}.catalog-index-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.catalog-index-head h2{margin:0;font-size:26px}.catalog-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.catalog-toolbar .filter-search{width:min(440px,100%)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-card,.guide-index-card{display:flex;flex-direction:column;min-height:190px;padding:17px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-decoration:none}.catalog-card:hover,.guide-index-card:hover{border-color:#87bcae;box-shadow:0 8px 18px rgba(38,83,73,.1);transform:translateY(-2px)}.catalog-card h3,.guide-index-card h3{margin:10px 0 5px;font-size:17px}.catalog-card p,.guide-index-card p{margin:0;color:var(--muted);font-size:13px}.catalog-card small,.guide-index-card small{margin-top:8px;color:var(--muted);font-size:11px}.catalog-card b,.guide-index-card b{margin-top:auto;padding-top:14px;color:var(--teal);font-size:13px}.catalog-empty{padding:30px;text-align:center;color:var(--muted)}.home-index-link{display:inline-block;margin-top:18px}.guide-index-grid{display:grid;gap:28px}.guide-group>h2{margin:0 0 12px;font-size:21px}.guide-index-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-index-card{min-height:175px}.guide-index-card>span{width:max-content;padding:3px 6px;border-radius:3px;background:#e7f4ef;color:var(--teal);font-size:10px;font-weight:700}@media(max-width:820px){.catalog-grid,.guide-index-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{display:block}.catalog-toolbar .filter-search{margin-bottom:10px}}@media(max-width:540px){.catalog-index{padding:30px 0 50px}.catalog-index-head{display:block}.catalog-index-head .text-link{display:block;margin-top:8px}.catalog-grid,.guide-index-cards{grid-template-columns:1fr}.catalog-card,.guide-index-card{min-height:165px}}

@media print{@page{margin:12mm}body.guide-printing .site-header,body.guide-printing .site-footer,body.guide-printing .guide-page-nav,body.guide-printing .guide-hero-actions,body.guide-printing .guide-page-content>.faq-card,body.guide-printing .guide-page-content>.guide-related,body.guide-printing .action-toast{display:none!important}body.guide-printing .page-hero.guide-page-hero{display:block!important;padding:0 0 7mm!important;background:#fff!important}body.guide-printing .guide-page-hero .breadcrumbs,body.guide-printing .guide-page-hero .eyebrow{display:none!important}body.guide-printing .guide-page-hero h1{margin:0 0 3mm;font-size:23pt}body.guide-printing .guide-page-hero h1+ p{max-width:none;color:#334b45;font-size:11pt;line-height:1.65}body.guide-printing .guide-page{display:block!important;padding:0!important;background:#fff!important}body.guide-printing .guide-page-layout{display:block!important}body.guide-printing .guide-page-content>.guide-card{display:none!important}body.guide-printing .guide-page-content>.guide-card:not(.faq-card):not(.guide-related){display:block!important;margin:0 0 5mm!important;padding:0 0 5mm!important;border:0!important;border-bottom:1px solid #b7c9c2!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}body.guide-printing .guide-page-content>.guide-card h2{font-size:16pt}body.guide-printing .guide-page-content>.guide-card:last-of-type{border-bottom:0!important}body.guide-printing .guide-check-grid label,body.guide-printing .guide-reference-grid article,body.guide-printing .guide-split-grid article{background:#fff!important;break-inside:avoid}body.guide-printing .guide-check-grid input{print-color-adjust:exact;-webkit-print-color-adjust:exact}}