.calc-header[data-astro-cid-bmxcduan]{text-align:center;margin-bottom:var(--sp-10);padding:var(--sp-8) var(--sp-4);position:relative}.calc-header[data-astro-cid-bmxcduan]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--clr-primary),var(--clr-accent));border-radius:2px}.calc-header__icon[data-astro-cid-bmxcduan]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--clr-primary) 0%,var(--clr-primary-dark) 100%);color:#fff;font-size:var(--fs-2xl);margin-bottom:var(--sp-5);box-shadow:0 4px 16px rgba(var(--clr-primary-rgb),.25)}.calc-header__title[data-astro-cid-bmxcduan]{font-size:var(--fs-3xl);color:var(--clr-primary-dark);margin-bottom:var(--sp-3);letter-spacing:-.02em}@media(min-width:768px){.calc-header__title[data-astro-cid-bmxcduan]{font-size:var(--fs-4xl)}}.calc-header__desc[data-astro-cid-bmxcduan]{font-size:var(--fs-md);color:var(--clr-text-muted);max-width:650px;margin-inline:auto;line-height:var(--lh-relaxed);margin-bottom:var(--sp-5)}.calc-header__features[data-astro-cid-bmxcduan]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}.feature-tag[data-astro-cid-bmxcduan]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--clr-primary);background:rgba(var(--clr-primary-rgb),.07);border-radius:var(--radius-sm);border:1px solid rgba(var(--clr-primary-rgb),.12)}.feature-tag[data-astro-cid-bmxcduan] i[data-astro-cid-bmxcduan]{font-size:10px;color:var(--clr-success)}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-10)}@media(max-width:900px){.calculator-grid{grid-template-columns:1fr}}.input-section{background:var(--clr-surface-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-sm)}.input-section h2{font-size:var(--fs-xl);color:var(--clr-primary);margin-bottom:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:2px solid var(--clr-border-light);display:flex;align-items:center;gap:var(--sp-3)}.input-section h2 i{font-size:var(--fs-lg);color:var(--clr-accent)}.input-group{margin-bottom:var(--sp-6);padding-bottom:var(--sp-6);border-bottom:1px solid var(--clr-border-light)}.input-group:last-of-type{border-bottom:none}.input-group h3{font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--clr-text);margin-bottom:var(--sp-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-4)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--clr-text);margin-bottom:var(--sp-2)}.form-group .form-text{display:block;font-size:var(--fs-xs);color:var(--clr-text-muted);margin-top:var(--sp-1)}.form-control{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--ff-mono);font-size:var(--fs-base);color:var(--clr-text);background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);appearance:none}.form-control:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px rgba(var(--clr-primary-rgb),.15)}.form-control::placeholder{color:var(--clr-text-light);font-family:var(--ff-body)}.input-with-unit{display:flex;align-items:center;gap:0}.input-with-unit .form-control{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.input-with-unit .unit-select,.input-with-unit .unit-symbol{padding:var(--sp-3) var(--sp-3);font-family:var(--ff-mono);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--clr-text-muted);background:var(--clr-surface-alt);border:1.5px solid var(--clr-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;min-width:60px;text-align:center;cursor:pointer}.input-with-unit .currency-symbol{padding:var(--sp-3) var(--sp-3);font-family:var(--ff-mono);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--clr-text-muted);background:var(--clr-surface-alt);border:1.5px solid var(--clr-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-with-unit .currency-symbol+.form-control{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.calculate-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;padding:var(--sp-4) var(--sp-8);font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-bold);color:#fff;background:var(--clr-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);margin-top:var(--sp-4)}.calculate-btn:hover{background:var(--clr-accent-dark);box-shadow:0 4px 16px rgba(var(--clr-accent-rgb),.3)}.calculate-btn:active{transform:translateY(0) scale(.98)}.calculate-btn i{font-size:var(--fs-lg)}.results-section{background:var(--clr-surface-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-sm)}.results-section h2{font-size:var(--fs-xl);color:var(--clr-primary);margin-bottom:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:2px solid var(--clr-border-light);display:flex;align-items:center;gap:var(--sp-3)}.results-section h2 i{font-size:var(--fs-lg);color:var(--clr-accent)}.results-placeholder{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--clr-text-light)}.results-placeholder i{font-size:var(--fs-4xl);color:var(--clr-border);margin-bottom:var(--sp-4);display:block}.results-placeholder p{font-size:var(--fs-sm);max-width:300px;margin-inline:auto}.result-value{font-family:var(--ff-mono);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-primary)}.result-label{font-size:var(--fs-sm);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--ff-mono)}.result-unit{font-size:var(--fs-xs);color:var(--clr-text-muted);font-family:var(--ff-mono)}.result-description{font-size:var(--fs-xs);color:var(--clr-text-light);margin-top:var(--sp-1)}.result-card{background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md);padding:var(--sp-5);text-align:center;margin-bottom:var(--sp-4)}.result-card:last-child{margin-bottom:0}.result-card h3{font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--clr-text-muted);margin:0 0 var(--sp-3);display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.result-card h3 i{font-size:var(--fs-sm);color:var(--clr-primary)}.result-card .result-value{font-size:var(--fs-3xl);line-height:1;margin-bottom:var(--sp-1)}.result-card .result-unit{display:block;margin-bottom:var(--sp-1)}.result-card .result-description{font-size:var(--fs-xs);color:var(--clr-text-light);margin-top:var(--sp-2)}.result-card.highlight{background:var(--clr-surface-card);border:2px solid var(--clr-primary)}.result-card.highlight .result-value{color:var(--clr-primary)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}.result-grid .result-card{margin-bottom:0}@media(max-width:600px){.result-grid{grid-template-columns:1fr}}.cost-summary,.product-summary,.material-summary,.equipment-summary,.ductwork-summary,.pressure-breakdown,.cost-breakdown,.hazard-summary,.system-details,.results-grid{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.cost-summary h3,.product-summary h3,.material-summary h3,.equipment-summary h3,.ductwork-summary h3,.pressure-breakdown h3,.cost-breakdown h3,.hazard-summary h3,.system-details h3,.results-grid h3{font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--clr-text);margin:0 0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.summary-item,.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--clr-border-light);font-size:var(--fs-sm)}.summary-item:last-child,.detail-row:last-child{border-bottom:none}.summary-label{color:var(--clr-text-muted)}.summary-value{font-family:var(--ff-mono);font-weight:var(--fw-semi);color:var(--clr-text)}.result-hero{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}.hero-item{text-align:center;padding:var(--sp-5) var(--sp-4);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.hero-item .result-label{display:block;margin-bottom:var(--sp-2)}.hero-item .result-value{font-size:var(--fs-3xl);display:block;line-height:1}.hero-item .result-unit{display:block;margin-top:var(--sp-1);font-size:var(--fs-sm)}.results-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--clr-border-light);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--sp-5)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--clr-border-light);font-size:var(--fs-sm)}.detail-item:nth-child(odd){border-right:1px solid var(--clr-border-light)}.detail-item:nth-last-child(-n+2){border-bottom:none}.detail-label{color:var(--clr-text-muted);font-weight:var(--fw-normal)}.detail-value{font-family:var(--ff-mono);font-weight:var(--fw-semi);color:var(--clr-text)}.results-breakdown{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.results-breakdown h3{color:var(--clr-primary);font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-3);background:var(--clr-surface-card);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.breakdown-item .detail-label{font-weight:var(--fw-semi);color:var(--clr-primary-dark)}.breakdown-item .detail-value{font-weight:var(--fw-bold);color:var(--clr-primary)}.results-formula{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.results-formula h3{color:var(--clr-text);font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.results-formula .formula-text{font-family:var(--ff-mono);font-size:var(--fs-sm);color:var(--clr-text);font-weight:var(--fw-semi);margin-bottom:var(--sp-2)}.results-formula .formula-detail{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:var(--lh-normal)}.results-instructions{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.results-instructions h3{color:var(--clr-text);font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.instruction-step{padding:var(--sp-3);background:var(--clr-surface-card);border-radius:var(--radius-sm);margin-bottom:var(--sp-2)}.instruction-step:last-child{margin-bottom:0}.instruction-step strong{color:var(--clr-primary);display:block;margin-bottom:var(--sp-1);font-size:var(--fs-sm)}.instruction-step p{color:var(--clr-text-muted);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.results-tips{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.results-tips h3{color:var(--clr-text);font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.tip-item{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) 0;font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:var(--lh-normal)}.tip-item i{color:var(--clr-success);margin-top:3px;flex-shrink:0}.results-warnings{margin-top:var(--sp-5)}.warning-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md);margin-bottom:var(--sp-2);font-size:var(--fs-sm);color:var(--clr-text-muted)}.warning-item i{color:var(--clr-warning);margin-top:2px;flex-shrink:0}.error-message{display:flex;align-items:flex-start;gap:var(--sp-4);background:var(--clr-danger-bg);border:1px solid var(--clr-danger);border-radius:var(--radius-md);padding:var(--sp-5)}.error-icon{width:40px;height:40px;background:var(--clr-danger);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fs-lg);flex-shrink:0}.error-content h3{color:var(--clr-danger);font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:var(--sp-2)}.error-content p{color:var(--clr-danger);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}@media(max-width:600px){.result-hero,.results-detail-grid{grid-template-columns:1fr}.detail-item:nth-child(odd){border-right:none}.breakdown-grid{grid-template-columns:1fr}}.important-notes{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-8) 0}.note-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:var(--lh-normal)}.note-item i{flex-shrink:0;font-size:var(--fs-md);margin-top:2px}.note-item.safety-note{background:var(--clr-surface);border:1px solid var(--clr-border-light);color:var(--clr-text-muted)}.note-item.safety-note i{color:var(--clr-text-light)}.note-item.disclaimer-note{background:var(--clr-surface);border:1px solid var(--clr-border-light);color:var(--clr-text-muted)}.note-item.disclaimer-note i{color:var(--clr-text-light)}.detailed-analysis{margin:var(--sp-8) 0}.limitations-section{background:var(--clr-surface-alt);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-8)}.limitations-section h2{font-size:var(--fs-xl);color:var(--clr-text);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3)}.limitations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-6)}.limitation-card{background:var(--clr-surface-card);padding:var(--sp-6);border-radius:var(--radius-md)}.limitation-card h3{font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.add-piece-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--clr-primary);background:transparent;border:1.5px dashed var(--clr-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);margin-top:var(--sp-4)}.add-piece-btn:hover{background:rgba(var(--clr-primary-rgb),.06);color:var(--clr-primary-dark)}.calculator-features{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.feature-tag{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--clr-primary);background:rgba(var(--clr-primary-rgb),.08);border-radius:var(--radius-sm);border:1px solid rgba(var(--clr-primary-rgb),.15)}.type-selector-btn{padding:var(--sp-2);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface-card);cursor:pointer;text-align:center;font-size:var(--fs-xs);font-family:var(--ff-body);color:var(--clr-text);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.type-selector-btn:hover{border-color:var(--clr-primary);background:rgba(var(--clr-primary-rgb),.04)}.type-selector-btn.active{border-color:var(--clr-primary);background:var(--clr-primary);color:#fff}.add-item-btn{width:100%;padding:var(--sp-2);border:2px dashed var(--clr-border);border-radius:var(--radius-md);background:transparent;color:var(--clr-primary);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-semi);font-family:var(--ff-body);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.add-item-btn:hover{border-color:var(--clr-primary);color:var(--clr-primary-dark)}.currency-prefix{font-weight:var(--fw-semi);color:var(--clr-primary)}.form-helper{color:var(--clr-text-light);font-size:var(--fs-xs)}.analysis-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--clr-border-light);font-size:var(--fs-sm)}.analysis-item:last-child{border-bottom:none}.analysis-label{color:var(--clr-text-muted)}.analysis-value{font-family:var(--ff-mono);font-weight:var(--fw-semi);color:var(--clr-text);text-align:right}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--clr-border-light);font-size:var(--fs-sm)}.cost-item:last-child{border-bottom:none}.cost-label{color:var(--clr-text-muted)}.cost-value{font-family:var(--ff-mono);font-weight:var(--fw-semi);color:var(--clr-text)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-3);background:var(--clr-surface);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);font-size:var(--fs-sm)}.spec-item:last-child{margin-bottom:0}.guideline-item{display:flex;gap:var(--sp-3);padding:var(--sp-3);background:var(--clr-surface);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-normal)}.guideline-item:last-child{margin-bottom:0}.guideline-item i{color:var(--clr-primary);flex-shrink:0;margin-top:2px}.recommendations-container,.recommendations-fullwidth{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.recommendations-container h3,.recommendations-fullwidth h3{font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--clr-text);margin:0 0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.recommendation-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--clr-border-light)}.recommendation-item:last-child{border-bottom:none}.recommendation-content{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--clr-text)}.recommendation-item i{color:var(--clr-primary);flex-shrink:0;margin-top:2px}.result-sub{font-size:var(--fs-xs);color:var(--clr-text-light);margin-top:var(--sp-1)}.result-placeholder{color:var(--clr-text-light);font-style:italic;font-size:var(--fs-sm);text-align:center;padding:var(--sp-4)}.results-warnings{margin-top:var(--sp-5);padding:var(--sp-4);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md)}.results-warnings h3{font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--clr-text);margin:0 0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.results-warnings li{font-size:var(--fs-sm);margin-bottom:var(--sp-2);color:var(--clr-text-muted);line-height:var(--lh-normal)}.educational-content{margin:var(--sp-12) 0}.content-article{background:var(--clr-surface-card);border:1px solid var(--clr-border-light);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-10);box-shadow:var(--shadow-sm)}@media(max-width:768px){.content-article{padding:var(--sp-6)}}.article-title{font-size:var(--fs-2xl);color:var(--clr-primary-dark);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:2px solid var(--clr-border-light);display:flex;align-items:center;gap:var(--sp-3)}.article-title i{color:var(--clr-accent)}.article-intro{font-size:var(--fs-md);color:var(--clr-text);line-height:var(--lh-relaxed);margin-bottom:var(--sp-8);padding:var(--sp-5);background:var(--clr-surface);border-radius:var(--radius-md)}.content-section{margin-bottom:var(--sp-8);padding-bottom:var(--sp-8);border-bottom:1px solid var(--clr-border-light)}.content-section:last-child{border-bottom:none;margin-bottom:0}.content-section h3{font-size:var(--fs-xl);color:var(--clr-primary);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.content-section h3 i{color:var(--clr-accent);font-size:var(--fs-lg)}.content-section h4{font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--clr-text);margin-top:var(--sp-6);margin-bottom:var(--sp-3)}.content-section p{color:var(--clr-text);line-height:var(--lh-relaxed)}.content-section a{color:var(--clr-primary);text-decoration:underline;text-decoration-color:rgba(var(--clr-primary-rgb),.3);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.content-section a:hover{text-decoration-color:var(--clr-primary)}.tips-box{margin:var(--sp-6) 0;padding:var(--sp-6);background:var(--clr-surface);border-radius:var(--radius-md);border:1px solid var(--clr-border-light)}.tips-box h4{font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--clr-accent-dark);margin-top:0;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.tips-box h4 i{color:var(--clr-accent)}.tips-box ul{margin:0;padding-left:var(--sp-5)}.tips-box li{margin-bottom:var(--sp-2);line-height:var(--lh-relaxed)}.example-box{margin:var(--sp-6) 0;padding:var(--sp-6);background:var(--clr-surface-warm);border-radius:var(--radius-md);border:1px solid rgba(var(--clr-accent-rgb),.2)}.example-box h4{font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--clr-accent-dark);margin-top:0;margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.example-box h4 i{color:var(--clr-accent)}.example-box p{margin-bottom:var(--sp-2);font-size:var(--fs-sm)}.example-box .example-disclaimer{font-size:var(--fs-xs);color:var(--clr-text-muted);font-style:italic}.styled-list{list-style:none;padding-left:0}.styled-list li{position:relative;padding-left:var(--sp-6);margin-bottom:var(--sp-3);line-height:var(--lh-relaxed)}.styled-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:2px;background:var(--clr-accent);transform:rotate(45deg)}.pro-tips{margin:var(--sp-6) 0;padding:var(--sp-6);background:var(--clr-surface);border-radius:var(--radius-md);border:1px solid var(--clr-border-light)}.pro-tips h3{font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-4)}.instruction-list{counter-reset:instruction;list-style:none;padding-left:0}.instruction-list li{counter-increment:instruction;position:relative;padding-left:var(--sp-10);margin-bottom:var(--sp-5);line-height:var(--lh-relaxed)}.instruction-list li:before{content:counter(instruction);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--clr-primary);color:#fff;font-family:var(--ff-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center}.table-note{font-size:var(--fs-xs);color:var(--clr-text-muted);margin-top:var(--sp-2);margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--clr-surface);border-radius:var(--radius-sm);font-style:italic}.how-to-use-section{margin:var(--sp-8) 0;background:var(--clr-surface-card);border:1px solid var(--clr-border-light);border-radius:var(--radius-lg);padding:var(--sp-8)}.how-to-use-section h2{font-size:var(--fs-xl);color:var(--clr-primary);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3)}.how-to-use-section h2 i{color:var(--clr-accent)}.how-to-content{line-height:var(--lh-relaxed)}.last-updated-badge[data-astro-cid-wkltarji]{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);margin-bottom:var(--sp-4);padding:var(--sp-1) var(--sp-3);background:var(--clr-surface-alt);border-radius:var(--radius-sm);border:1px solid var(--clr-border-light)}.last-updated-badge[data-astro-cid-wkltarji] i[data-astro-cid-wkltarji]{font-size:.7em;color:var(--clr-primary)}