/* Seasoned Firewood Storage Calculator ------------------------------------
 * v1.0.2 - full-width template and visual language aligned with the
 * Seasoned Firewood About / FAQ pages.
 */
.sf-fsc{
    --fsc-orange: var(--sf-orange, #ed5b0b);
    --fsc-orange-dark: var(--sf-orange-dark, #c94500);
    --fsc-green: var(--sf-green, #274b2b);
    --fsc-green-dark: var(--sf-green-dark, #17331d);
    --fsc-charcoal: var(--sf-charcoal, #1c221d);
    --fsc-muted: var(--sf-muted, #687067);
    --fsc-line: var(--sf-line, #e5e8e3);
    --fsc-cream: var(--sf-cream, #f7f4ed);
    --fsc-radius: var(--sf-radius, 14px);
    --fsc-radius-lg: var(--sf-radius-lg, 22px);
    --fsc-shadow: var(--sf-shadow, 0 10px 35px rgba(20,35,24,.10));
    background:#fff;
    color:var(--sf-text,#252b26);
    overflow:hidden;
}
.sf-fsc *{box-sizing:border-box}
.sf-fsc-shell{width:min(calc(100% - 40px),var(--sf-container,1280px));margin-inline:auto}
.sf-fsc-template-main{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;overflow:visible!important}

/* Hero - intentionally mirrors About / FAQ. */
.sf-fsc-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background-color:#192d1f;
    background-image:var(--sf-fsc-hero,none);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.sf-fsc-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,25,16,.95) 0%,rgba(11,25,16,.83) 54%,rgba(11,25,16,.34) 84%,rgba(11,25,16,.18) 100%)}
.sf-fsc-hero__inner{position:relative;z-index:1;padding-block:76px}
.sf-fsc-hero__copy{max-width:790px;color:#fff}
.sf-fsc-hero h1{max-width:780px;margin:0 0 18px;color:#fff;font-size:clamp(2.65rem,5.8vw,4.9rem);line-height:.98;letter-spacing:-.035em;text-shadow:0 2px 20px rgba(0,0,0,.23)}
.sf-fsc-hero__lead{max-width:720px;margin:0;color:rgba(255,255,255,.9);font-size:clamp(1.05rem,2vw,1.23rem);line-height:1.65}
.sf-fsc-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sf-fsc-theme-button{text-decoration:none!important}

/* Overlapping quick-facts strip - same visual treatment as FAQ. */
.sf-fsc-facts{position:relative;z-index:3;margin-top:-42px}
.sf-fsc-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--fsc-line);border-radius:var(--fsc-radius-lg);background:#fff;box-shadow:0 16px 42px rgba(19,34,23,.12)}
.sf-fsc-facts__grid>div{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;padding:22px 24px}
.sf-fsc-facts__grid>div+div{border-left:1px solid var(--fsc-line)}
.sf-fsc-facts__grid>div>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(237,91,11,.10);color:var(--fsc-orange);font-size:1.2rem;font-weight:900}
.sf-fsc-facts__grid small{align-self:end;color:var(--fsc-muted);font-size:.69rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.sf-fsc-facts__grid strong{min-width:0;color:var(--fsc-green-dark);font-size:.96rem;line-height:1.25}

/* Main calculator section. */
.sf-fsc-section{padding:92px 0 88px;background:#fff;scroll-margin-top:100px}
.sf-fsc-section-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:50px;align-items:end;margin-bottom:30px}
.sf-fsc-section-heading h2{margin:7px 0 0;color:var(--fsc-charcoal);font-size:clamp(2.15rem,4.3vw,3.55rem);line-height:1.04;letter-spacing:-.03em}
.sf-fsc-section-heading>p{margin:0;color:var(--fsc-muted);line-height:1.7}
.sf-fsc-section-heading--compact{display:block;margin-bottom:24px}
.sf-fsc-section-heading--compact h2{font-size:clamp(1.9rem,3vw,2.65rem)}
.sf-fsc-kicker{display:block;margin:0 0 9px;color:var(--fsc-orange);font-size:.75rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.sf-fsc-kicker--light{color:#f2bd63}

.sf-fsc-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:28px;align-items:start}
.sf-fsc-card{background:#fff;border:1px solid var(--fsc-line);border-radius:var(--fsc-radius-lg);box-shadow:0 7px 25px rgba(20,35,24,.06)}
.sf-fsc-form-card{padding:32px}
.sf-fsc-field+.sf-fsc-field{margin-top:30px}
.sf-fsc-field>label,.sf-fsc-label-row>label{display:block;margin-bottom:12px;color:var(--fsc-green-dark);font-size:.92rem;font-weight:850}
.sf-fsc-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.sf-fsc-type{min-height:88px;padding:10px;border:1px solid #dfe5e1;border-radius:12px;background:#fbfcfb;color:var(--fsc-green-dark);cursor:pointer;font:inherit;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.sf-fsc-type:hover{border-color:var(--fsc-green);transform:translateY(-1px)}
.sf-fsc-type span{display:block;margin-bottom:8px;color:#7c9188;font-size:25px;line-height:1}
.sf-fsc-type b{display:block;font-size:.75rem;line-height:1.25}
.sf-fsc-type.is-active{border-color:var(--fsc-green);background:#edf4ee;box-shadow:inset 0 0 0 1px var(--fsc-green)}
.sf-fsc-type.is-active span{color:var(--fsc-orange)}
.sf-fsc-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sf-fsc-dimension{padding:15px;border:1px solid #e2e6e3;border-radius:12px;background:#f8faf8}
.sf-fsc-dimension>span{display:block;margin-bottom:10px;color:var(--fsc-green-dark);font-size:.8rem;font-weight:850}
.sf-fsc-number-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sf-fsc-number-pair label{position:relative;margin:0}
.sf-fsc input[type=number],.sf-fsc select{width:100%;min-height:46px;padding:8px 36px 8px 11px;border:1px solid #cfd8d3;border-radius:9px;background:#fff;color:var(--fsc-charcoal);font:inherit}
.sf-fsc input[type=number]:focus,.sf-fsc select:focus{outline:2px solid rgba(39,75,43,.18);border-color:var(--fsc-green)}
.sf-fsc-number-pair small{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#7b8681;font-size:.68rem;font-weight:800}
.sf-fsc-label-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sf-fsc-label-row strong{color:var(--fsc-orange)}
.sf-fsc input[type=range]{width:100%;accent-color:var(--fsc-orange)}
.sf-fsc-range-labels{display:flex;justify-content:space-between;margin-top:3px;color:#8b938f;font-size:.69rem}
.sf-fsc-inline-note{margin-top:9px;padding:10px 12px;border-radius:9px;background:#f2f6f3;color:#48675b;font-size:.8rem}
.sf-fsc-form-actions{margin-top:28px}
.sf-fsc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.82rem 1.25rem;border:0;border-radius:9px;font:inherit;font-size:.92rem;font-weight:800;line-height:1.15;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
.sf-fsc-btn:hover{transform:translateY(-1px)}
.sf-fsc-btn--orange{background:var(--fsc-orange);color:#fff!important;box-shadow:0 8px 20px rgba(237,91,11,.18)}
.sf-fsc-btn--orange:hover{background:var(--fsc-orange-dark);color:#fff!important}
.sf-fsc-btn--outline{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff!important}
.sf-fsc-btn--full{width:100%}
.sf-fsc-text-btn{display:block;margin:14px auto 0;padding:0;border:0;background:none;color:#55746a;font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.sf-fsc-tip-card{position:sticky;top:130px;padding:32px;background:var(--fsc-green-dark);color:#fff;border-color:var(--fsc-green-dark);box-shadow:var(--fsc-shadow)}
.sf-fsc-tip-card h3{margin:8px 0 18px;color:#fff;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.08}
.sf-fsc-tip-card ul{margin:22px 0 0;padding-left:20px;color:rgba(255,255,255,.78)}
.sf-fsc-tip-card li{margin:10px 0;line-height:1.5}
.sf-fsc-measure-visual{padding:15px 0}
.sf-fsc-measure-box{position:relative;height:195px;display:flex;align-items:flex-end;padding:28px 20px 20px;border:4px solid rgba(255,255,255,.66);background:rgba(255,255,255,.07)}
.sf-fsc-measure-width,.sf-fsc-measure-height,.sf-fsc-measure-depth{position:absolute;color:#f2bd63;font-size:.62rem;font-weight:900;letter-spacing:.08em}
.sf-fsc-measure-width{top:-18px;left:50%;transform:translateX(-50%)}
.sf-fsc-measure-height{left:-41px;top:50%;transform:rotate(-90deg)}
.sf-fsc-measure-depth{right:4px;bottom:-18px}
.sf-fsc-mini-logs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:100%}
.sf-fsc-mini-logs i{height:46px;border:1px solid rgba(91,52,28,.3);border-radius:12px 9px 10px 8px;background:linear-gradient(90deg,#a56835,#d2a06d 50%,#8e542d)}

/* Results. */
.sf-fsc-results{margin-top:58px;padding-top:58px;border-top:1px solid var(--fsc-line)}
.sf-fsc-result-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.sf-fsc-result-head h2{margin:8px 0 12px;color:var(--fsc-charcoal);font-size:clamp(2.2rem,4.5vw,3.65rem);line-height:1;letter-spacing:-.035em}
.sf-fsc-result-head p{max-width:700px;margin:0;color:var(--fsc-muted);font-size:1rem;line-height:1.65}
.sf-fsc-volume-pill{min-width:175px;padding:17px 20px;border-radius:14px;background:var(--fsc-green-dark);color:#fff;text-align:center}
.sf-fsc-volume-pill strong{display:block;font-size:1.85rem;line-height:1}
.sf-fsc-volume-pill span{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.sf-fsc-warning{margin-top:20px;padding:15px 17px;border:1px solid #e6c888;border-radius:12px;background:#fff3dc;color:#765522;font-weight:650}
.sf-fsc-capacity-grid{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:14px;margin-top:26px}
.sf-fsc-capacity-card{min-width:0;padding:24px;border:1px solid var(--fsc-line);border-radius:var(--fsc-radius);background:#f8faf8}
.sf-fsc-capacity-card--fill{background:#fff7f0;border-color:#f1c7aa}
.sf-fsc-capacity-card--equiv{background:var(--fsc-green-dark);border-color:var(--fsc-green-dark);color:#fff}
.sf-fsc-capacity-card .sf-fsc-kicker{margin-bottom:8px}
.sf-fsc-capacity-card--equiv .sf-fsc-kicker{color:#f2bd63}
.sf-fsc-capacity-card>strong{display:block;color:var(--fsc-green-dark);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.12}
.sf-fsc-capacity-card--equiv>strong{color:#fff}
.sf-fsc-capacity-card p{margin:9px 0 0;color:var(--fsc-muted);font-size:.82rem;line-height:1.5}
.sf-fsc-capacity-card--equiv p{color:rgba(255,255,255,.76)}
.sf-fsc-result-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:24px;margin-top:25px}
.sf-fsc-fill-card,.sf-fsc-best-card{padding:28px}
.sf-fsc-fill-card h3,.sf-fsc-best-card h3{margin:0;color:var(--fsc-green-dark);font-size:1.6rem}
.sf-fsc-storage-visual{position:relative;height:265px;overflow:hidden;margin:22px 0 18px;border:5px solid #54705b;border-radius:5px;background:#f0eee8}
.sf-fsc-wood-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:radial-gradient(ellipse at 18px 15px,#e5bb8d 0 8px,#744524 9px 11px,transparent 12px) 0 0/38px 28px,radial-gradient(ellipse at 18px 15px,#d6a36f 0 8px,#663b20 9px 11px,transparent 12px) 19px 14px/38px 28px,#8e5932;transition:height .5s ease}
.sf-fsc-storage-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 32%,rgba(52,93,78,.14) 32% 32.6%,transparent 32.6% 65%,rgba(52,93,78,.14) 65% 65.6%,transparent 65.6%)}
.sf-fsc-storage-visual>span{position:absolute;right:12px;top:10px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.86);color:#456157;font-size:.69rem;font-weight:800}
.sf-fsc-volume-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sf-fsc-volume-details>div{padding:12px;border-radius:10px;background:#f7f9f7}
.sf-fsc-volume-details span{display:block;color:#7a8681;font-size:.69rem}
.sf-fsc-volume-details strong{display:block;margin-top:4px;color:var(--fsc-green-dark);font-size:.86rem}
.sf-fsc-best-card{background:var(--fsc-green-dark);color:#fff;border-color:var(--fsc-green-dark)}
.sf-fsc-best-card .sf-fsc-kicker{color:#f2bd63}
.sf-fsc-best-card h3{margin-top:8px;color:#fff;font-size:2.35rem}
.sf-fsc-best-card p{color:rgba(255,255,255,.82);line-height:1.65}
.sf-fsc-species-note{margin:17px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.10);font-size:.8rem}
.sf-fsc-best-actions{display:flex;flex-wrap:wrap;gap:10px}
.sf-fsc-comparison-wrap{margin-top:52px}
.sf-fsc-comparisons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sf-fsc-compare{position:relative;padding:18px;border:1px solid var(--fsc-line);border-radius:14px;background:#fff}
.sf-fsc-compare.is-best{border-color:var(--fsc-orange);box-shadow:inset 0 0 0 1px var(--fsc-orange)}
.sf-fsc-compare-badge{display:none;position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:999px;background:var(--fsc-orange);color:#fff;font-size:.56rem;font-weight:900;letter-spacing:.08em}
.sf-fsc-compare.is-best .sf-fsc-compare-badge{display:block}
.sf-fsc-compare h4{margin:0 0 6px;color:var(--fsc-green-dark);font-size:1.05rem}
.sf-fsc-compare p{min-height:36px;margin:0;color:var(--fsc-muted);font-size:.74rem}
.sf-fsc-mini-fill{position:relative;height:85px;overflow:hidden;margin:13px 0 10px;border:2px solid #547364;background:#f0eee8}
.sf-fsc-mini-fill i{position:absolute;left:0;right:0;bottom:0;height:0;background:#a56c3f}
.sf-fsc-compare strong{display:block;color:var(--fsc-green-dark);font-size:.8rem}

/* Educational section and closing CTA. */
.sf-fsc-how{padding:88px 0;background:var(--fsc-cream)}
.sf-fsc-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sf-fsc-info-grid article{padding:30px 26px;border:1px solid var(--fsc-line);border-radius:var(--fsc-radius);background:#fff;box-shadow:0 7px 24px rgba(20,35,24,.05)}
.sf-fsc-info-grid article>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:12px;background:var(--fsc-orange);color:#fff;font-size:.75rem;font-weight:900}
.sf-fsc-info-grid h3{margin:0 0 9px;color:var(--fsc-green-dark);font-size:1.3rem}
.sf-fsc-info-grid p{margin:0;color:var(--fsc-muted);line-height:1.65}
.sf-fsc-bottom-cta{padding:74px 0;background:var(--fsc-green-dark);color:#fff}
.sf-fsc-bottom-cta>.sf-container{text-align:center}
.sf-fsc-bottom-cta h2{max-width:820px;margin:10px auto 16px;color:#fff;font-size:clamp(2.15rem,4.3vw,3.55rem);line-height:1.02;letter-spacing:-.03em}
.sf-fsc-bottom-cta p{max-width:680px;margin:0 auto;color:rgba(255,255,255,.75);font-size:1rem;line-height:1.65}
.sf-fsc-bottom-cta .sf-fsc-hero__actions{justify-content:center}

@media(max-width:980px){
    .sf-fsc-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sf-fsc-facts__grid>div+div{border-left:0}
    .sf-fsc-facts__grid>div:nth-child(even){border-left:1px solid var(--fsc-line)}
    .sf-fsc-facts__grid>div:nth-child(n+3){border-top:1px solid var(--fsc-line)}
    .sf-fsc-section-heading{grid-template-columns:1fr;gap:16px}
    .sf-fsc-layout,.sf-fsc-result-grid{grid-template-columns:1fr}
    .sf-fsc-capacity-grid{grid-template-columns:1fr 1fr}
    .sf-fsc-tip-card{position:static}
    .sf-fsc-type-grid{grid-template-columns:repeat(3,1fr)}
    .sf-fsc-comparisons{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    .sf-fsc-shell{width:min(calc(100% - 28px),var(--sf-container,1280px))}
    .sf-fsc-hero{min-height:520px;background-position:62% center}
    .sf-fsc-hero__inner{padding-block:56px 76px}
    .sf-fsc-hero__actions{flex-direction:column;align-items:stretch}
    .sf-fsc-hero__actions .sf-button{width:100%}
    .sf-fsc-facts{margin-top:-30px}
    .sf-fsc-facts__grid{grid-template-columns:1fr;border-radius:15px}
    .sf-fsc-facts__grid>div{padding:16px 18px;border-left:0!important;border-bottom:1px solid var(--fsc-line)}
    .sf-fsc-facts__grid>div:last-child{border-bottom:0}
    .sf-fsc-section{padding:68px 0 70px}
    .sf-fsc-type-grid{grid-template-columns:repeat(2,1fr)}
    .sf-fsc-dimensions{grid-template-columns:1fr}
    .sf-fsc-result-head{display:block}
    .sf-fsc-volume-pill{display:inline-block;margin-top:18px}
    .sf-fsc-volume-details{grid-template-columns:1fr}
    .sf-fsc-info-grid{grid-template-columns:1fr}
    .sf-fsc-capacity-grid{grid-template-columns:1fr}
    .sf-fsc-how{padding:70px 0}
}
@media(max-width:480px){
    .sf-fsc-form-card,.sf-fsc-tip-card,.sf-fsc-fill-card,.sf-fsc-best-card{padding:22px}
    .sf-fsc-comparisons{grid-template-columns:1fr}
    .sf-fsc-hero h1{font-size:2.75rem}
}