/* Shared stylesheet extracted from page-level style blocks */

/* ===== index.html ===== */
body.home-page{
        --forest-900: #083b28;
        --forest-800: #0b5a3c;
        --forest-700: #15734d;
        --sand-100: #f5efd9;
        --sand-200: #efe6cb;
        --gold-500: #e4b820;
        --gold-600: #d7aa16;
        --ink-900: #123227;
        --ink-700: #2b4a3e;
        --white: #ffffff;
        --radius-lg: 2rem;
        --radius-md: 1rem;
      }body.home-page *{
        box-sizing: border-box;
      }body.home-page, body.home-page{
        min-height: 100%;
      }body.home-page{
        margin: 0;
        color: var(--ink-900);
        font-family: "Plus Jakarta Sans", sans-serif;
        background:
          radial-gradient(circle at 15% 10%, #1b6e4c 0%, transparent 40%),
          radial-gradient(circle at 85% 70%, #14573b 0%, transparent 45%),
          linear-gradient(145deg, #063521, #0b4b31 55%, #0a412b);
      }body.home-page h1, body.home-page h2, body.home-page h3, body.home-page h4, body.home-page .font-display{
        font-family: "Newsreader", serif;
        letter-spacing: -0.02em;
      }body.home-page a{
        color: inherit;
      }body.home-page img{
        max-width: 100%;
        display: block;
      }body.home-page .skip-link{
        position: absolute;
        left: -9999px;
        top: 1rem;
        z-index: 9999;
        background: var(--white);
        padding: 0.75rem 1rem;
        border-radius: 0.75rem;
      }body.home-page .skip-link:focus{
        left: 1rem;
      }body.home-page .page-shell{
        width: min(1400px, calc(100% - 2rem));
        margin: 1rem auto;
        background: var(--sand-100);
        border-radius: 1.75rem;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 20px 45px rgba(3, 20, 13, 0.35);
      }body.home-page .utility-bar{
        background: var(--forest-800);
        color: #d7f4e8;
        font-size: 0.93rem;
        padding: 0.6rem 0;
      }body.home-page .utility-bar a{
        color: #f4fffa;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }body.home-page .site-nav{
        background: rgba(245, 239, 217, 0.9);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid rgba(18, 50, 39, 0.08);
      }body.home-page .navbar-brand{
        font-weight: 700;
        color: var(--forest-900);
        letter-spacing: -0.02em;
        max-width: 250px;
      }body.home-page .logo-mark{
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 0.65rem;
        display: grid;
        place-items: center;
        background: linear-gradient(145deg, var(--gold-500), #f0cf5a);
        color: #08301f;
      }body.home-page .navbar-nav .nav-link{
        color: #204438;
        font-weight: 500;
      }body.home-page .phone-pill{
        background: var(--gold-500);
        color: #193e31;
        border-radius: 999px;
        font-weight: 700;
        text-decoration: none;
        padding: 0.65rem 1.05rem;
      }body.home-page .hero{
        position: relative;
        padding: clamp(3rem, 5vw, 5.5rem) 0;
        overflow: hidden;
      }body.home-page .hero::before{
        content: "";
        position: absolute;
        inset: auto -100px -100px auto;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(228, 184, 32, 0.24), rgba(228, 184, 32, 0));
        pointer-events: none;
      }body.home-page .eyebrow{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        font-weight: 700;
        color: var(--forest-700);
        margin-bottom: 1rem;
        font-size: 0.95rem;
      }body.home-page .eyebrow::before{
        content: "";
        width: 0.95rem;
        height: 0.95rem;
        border-radius: 50%;
        background: var(--gold-500);
      }body.home-page h1{
        font-size: clamp(2rem, 3.9vw, 4.3rem);
        line-height: 1.02;
        margin-bottom: 1rem;
        text-wrap: balance;
      }body.home-page .hero-lead{
        font-size: clamp(1.02rem, 1.2vw, 1.2rem);
        color: var(--ink-700);
        max-width: 48ch;
      }body.home-page .hero-actions{
        margin-top: 1.5rem;
      }body.home-page .btn-accent{
        border: none;
        background: linear-gradient(100deg, var(--gold-500), #f0cc4f);
        color: #193e31;
        font-weight: 700;
        padding: 0.9rem 1.35rem;
        border-radius: 999px;
        transition: filter 0.2s ease;
        box-shadow: 0 8px 18px rgba(228, 184, 32, 0.35);
      }body.home-page .btn-accent:hover, body.home-page .btn-accent:focus-visible{
        filter: brightness(0.96);
      }body.home-page .btn-outline-custom{
        border: 1px solid rgba(17, 59, 44, 0.22);
        color: #214438;
        font-weight: 600;
        border-radius: 999px;
        padding: 0.85rem 1.25rem;
      }body.home-page .hero-visual{
        position: relative;
        width: 100%;
        margin-inline: auto;
      }body.home-page .hero-clip{
        position: relative;
        aspect-ratio: 4 / 5;
        clip-path: inset(0 0 0 0 round 1.35rem);
        border-radius: 1.5rem;
        overflow: hidden;
        border: 10px solid rgba(255, 255, 255, 0.65);
        box-shadow: 0 16px 35px rgba(7, 34, 24, 0.25);
      }body.home-page .hero-clip::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30%;
        z-index: 2;
        border-radius: 0;
        border: 0;
        background: linear-gradient(180deg, rgba(247, 241, 215, 0.22) 0%, rgba(247, 241, 215, 0) 100%);
        box-shadow: none;
        pointer-events: none;
      }body.home-page .hero-clip::after{
        content: none;
      }body.home-page .hero-image{
        width: 100%;
        height: 100%;
      }body.home-page .hero-image:not(.ai-image-placeholder){
        object-fit: cover;
        object-position: center;
      }body.home-page .ai-image-placeholder{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 0.75rem;
        padding: clamp(1rem, 2.4vw, 1.8rem);
        border-radius: 1.2rem;
        overflow: hidden;
        color: #eef9f3;
        background:
          linear-gradient(160deg, rgba(8, 59, 40, 0.9), rgba(18, 98, 65, 0.82)),
          radial-gradient(circle at 18% 22%, rgba(228, 184, 32, 0.45), rgba(228, 184, 32, 0) 48%),
          radial-gradient(circle at 83% 78%, rgba(23, 115, 77, 0.42), rgba(23, 115, 77, 0) 44%);
      }body.home-page .hero-clip .ai-image-placeholder{
        z-index: 3;
      }body.home-page .ai-image-placeholder::before{
        content: "";
        position: absolute;
        inset: 0.9rem;
        border-radius: 0.9rem;
        border: 1px dashed rgba(236, 246, 239, 0.5);
        pointer-events: none;
      }body.home-page .ai-image-placeholder-label{
        margin: 0;
        position: relative;
        z-index: 1;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgba(235, 245, 239, 0.88);
      }body.home-page .ai-image-placeholder-text{
        margin: 0;
        position: relative;
        z-index: 1;
        font-size: clamp(0.87rem, 1.2vw, 1rem);
        line-height: 1.45;
        max-width: 42ch;
      }body.home-page .hero-chip-row{
        pointer-events: none;
      }body.home-page .floating-chip{
        position: absolute;
        z-index: 4;
        border-radius: 999px;
        background: rgba(246, 250, 248, 0.86);
        border: 1px solid rgba(10, 67, 45, 0.18);
        padding: 0.55rem 0.85rem;
        font-weight: 700;
        color: #1d4939;
        font-size: 0.85rem;
        box-shadow: 0 14px 24px rgba(8, 36, 26, 0.16);
        backdrop-filter: blur(4px);
        white-space: nowrap;
      }body.home-page .chip-1{
        top: 7%;
        left: 4%;
      }body.home-page .chip-2{
        top: 56%;
        right: 5%;
      }body.home-page .chip-3{
        bottom: 8%;
        left: 10%;
      }body.home-page .feature-list{
        margin-top: 1.35rem;
        display: grid;
        gap: 0.6rem;
      }body.home-page .feature-item{
        display: flex;
        align-items: center;
        gap: 0.6rem;
        color: #1f4338;
      }body.home-page .feature-item i{
        color: var(--forest-700);
      }body.home-page .metrics{
        border-top: 1px solid rgba(12, 58, 40, 0.1);
        border-bottom: 1px solid rgba(12, 58, 40, 0.1);
      }body.home-page .metric-card{
        text-align: center;
        padding: 1.25rem 1rem;
      }body.home-page .metric-value{
        font-family: "Newsreader", serif;
        font-size: clamp(2rem, 3.4vw, 2.6rem);
        color: var(--forest-900);
        line-height: 1;
      }body.home-page .metric-label{
        margin-top: 0.4rem;
        color: var(--ink-700);
        font-size: 0.95rem;
      }body.home-page .section-space{
        padding: clamp(3rem, 4.2vw, 5rem) 0;
      }body.home-page .section-title{
        font-size: clamp(1.9rem, 3.2vw, 3rem);
        margin-bottom: 0.75rem;
        text-wrap: balance;
      }body.home-page .section-copy{
        color: var(--ink-700);
        max-width: 62ch;
      }body.home-page .service-card{
        height: 100%;
        padding: 1.4rem;
        border: 1px solid rgba(13, 58, 39, 0.12);
        border-radius: 1rem;
        background: linear-gradient(180deg, #fbf7e9 0%, #f6edd0 100%);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }body.home-page .service-card:hover{
        transform: translateY(-6px);
        box-shadow: 0 16px 24px rgba(9, 35, 24, 0.14);
      }body.home-page .service-icon{
        width: 2.8rem;
        height: 2.8rem;
        display: grid;
        place-items: center;
        border-radius: 0.85rem;
        background: rgba(21, 115, 77, 0.14);
        color: var(--forest-700);
        font-size: 1.2rem;
        margin-bottom: 0.95rem;
      }body.home-page .service-card h3{
        font-size: 1.4rem;
        margin-bottom: 0.5rem;
      }body.home-page .process{
        background: linear-gradient(160deg, #08432d 0%, #0a5b3c 100%);
        color: #eaf8f2;
        position: relative;
        overflow: hidden;
      }body.home-page .process::before, body.home-page .process::after{
        content: "";
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        opacity: 0.35;
      }body.home-page .process::before{
        width: 280px;
        height: 280px;
        background: radial-gradient(circle, #f0c74b, transparent 70%);
        top: -120px;
        right: -90px;
      }body.home-page .process::after{
        width: 260px;
        height: 260px;
        background: radial-gradient(circle, #1da06f, transparent 70%);
        bottom: -130px;
        left: -90px;
      }body.home-page .process .section-copy{
        color: #d7ece2;
      }body.home-page .process-line-wrap{
        position: relative;
        margin-bottom: 0.25rem;
      }body.home-page .process-line{
        width: 100%;
        height: 140px;
      }body.home-page .process-step{
        position: relative;
        z-index: 2;
        text-align: center;
      }body.home-page .step-number{
        width: 2.2rem;
        height: 2.2rem;
        margin: 0 auto 0.8rem;
        border-radius: 999px;
        display: grid;
        place-items: center;
        background: var(--gold-500);
        color: #143729;
        font-weight: 800;
      }body.home-page .step-icon{
        width: 3rem;
        height: 3rem;
        margin: 0 auto 0.9rem;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.15);
        font-size: 1.2rem;
      }body.home-page .about-block{
        border: 1px solid rgba(16, 65, 45, 0.12);
        border-radius: 1.2rem;
        background: #f8f2df;
        padding: clamp(1.2rem, 2vw, 2rem);
      }body.home-page .about-image{
        border-radius: 1.2rem;
        width: 100%;
        height: 100%;
        min-height: 340px;
        object-fit: cover;
      }body.home-page .about-image.ai-image-placeholder{
        min-height: 340px;
      }body.home-page .chip-list{
        display: flex;
        flex-wrap: wrap;
        gap: 0.55rem;
        margin: 1.1rem 0 0;
      }body.home-page .city-chip{
        padding: 0.45rem 0.85rem;
        border-radius: 999px;
        background: rgba(20,112,74,.1);
        border: 1px solid rgba(10, 67, 45, 0.14);
        color: #16513b;
        font-size: 0.88rem;
        font-weight: 600;
      }body.home-page .testimonial-card{
        height: 100%;
        border-radius: 1rem;
        padding: 1.2rem;
        background: #fcf9eb;
        border: 1px solid rgba(10, 67, 45, 0.13);
      }body.home-page .testimonial-rating{
        color: #f0bb27;
        letter-spacing: 0.06em;
        font-size: 0.9rem;
      }body.home-page .quote-section{
        background: #f1e8cc;
      }body.home-page .quote-panel{
        border-radius: 1rem;
        border: 1px solid rgba(9, 57, 38, 0.16);
        background: #f9f2dd;
        padding: 1.3rem;
      }body.home-page .form-control, body.home-page .form-select{
        border-color: rgba(12, 62, 42, 0.2);
        background-color: rgba(255, 255, 255, 0.9);
      }body.home-page .form-control:focus, body.home-page .form-select:focus{
        border-color: #1a7c55;
        box-shadow: 0 0 0 0.2rem rgba(21, 115, 77, 0.16);
      }body.home-page #faqAccordion{
        --bs-accordion-bg: #fcf8ea;
        --bs-accordion-border-color: rgba(10, 67, 45, 0.14);
        --bs-accordion-btn-bg: #f7f1dc;
        --bs-accordion-btn-color: #204438;
        --bs-accordion-active-bg: rgba(20, 112, 74, 0.1);
        --bs-accordion-active-color: #154733;
        --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(21, 115, 77, 0.16);
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231a7c55' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231a7c55' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
      }body.home-page #faqAccordion .accordion-item{
        border-radius: 0.8rem;
        overflow: hidden;
        margin-bottom: 0.7rem;
      }body.home-page #faqAccordion .accordion-button{
        font-weight: 600;
      }body.home-page .footer{
        background: var(--forest-900);
        color: #ddf1e8;
        padding: 2.25rem 0;
      }body.home-page .footer a{
        color: #d6ecdf;
        text-decoration: none;
      }body.home-page .footer small{
        color: #b7d1c4;
      }body.home-page .reveal-up{
        opacity: 0;
        transform: translateY(24px);
      }

      @media (max-width: 991px) {body.home-page .chip-1, body.home-page .chip-2, body.home-page .chip-3{
          position: static;
          display: inline-flex;
          margin: 0;
        }body.home-page .hero-visual{
          width: min(100%, 390px);
          text-align: center;
        }body.home-page .hero-chip-row{
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 0.45rem;
          margin-top: 0.6rem;
        }body.home-page .process-step{
          margin-bottom: 1.6rem;
        }
      }

      @media (max-width: 575px) {body.home-page .page-shell{
          width: calc(100% - 1rem);
          margin: 0.5rem auto;
          border-radius: 1.1rem;
        }body.home-page .section-space{
          padding: 2.7rem 0;
        }body.home-page .ai-image-placeholder{
          padding: 1rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {body.home-page *, body.home-page *::before, body.home-page *::after{
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }
    

/* ===== stump-removal-cost-calculator.html ===== */
body.calculator-page{
        --forest-900: #083b28;
        --forest-800: #0b5a3c;
        --forest-700: #15734d;
        --sand-100: #f5efd9;
        --sand-200: #ece2c4;
        --gold-500: #e4b820;
        --gold-600: #d7aa16;
        --ink-900: #123227;
        --ink-700: #2b4a3e;
        --white: #ffffff;
      }body.calculator-page *{
        box-sizing: border-box;
      }body.calculator-page{
        margin: 0;
        color: var(--ink-900);
        font-family: "Plus Jakarta Sans", sans-serif;
        background:
          radial-gradient(circle at 15% 10%, #1b6e4c 0%, transparent 40%),
          radial-gradient(circle at 85% 70%, #14573b 0%, transparent 45%),
          linear-gradient(145deg, #063521, #0b4b31 55%, #0a412b);
      }body.calculator-page h1, body.calculator-page h2, body.calculator-page h3, body.calculator-page h4{
        font-family: "Newsreader", serif;
        letter-spacing: -0.02em;
      }body.calculator-page a{
        color: inherit;
      }body.calculator-page .skip-link{
        position: absolute;
        left: -9999px;
        top: 1rem;
        z-index: 9999;
        background: #fff;
        padding: 0.65rem 0.95rem;
        border-radius: 0.75rem;
      }body.calculator-page .skip-link:focus{
        left: 1rem;
      }body.calculator-page .page-shell{
        width: min(1380px, calc(100% - 2rem));
        margin: 1rem auto;
        background: var(--sand-100);
        border-radius: 1.6rem;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 20px 45px rgba(3, 20, 13, 0.35);
      }body.calculator-page .utility-bar{
        background: var(--forest-800);
        color: #d7f4e8;
        font-size: 0.92rem;
        padding: 0.6rem 0;
      }body.calculator-page .site-nav{
        background: rgba(245, 239, 217, 0.9);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid rgba(18, 50, 39, 0.08);
      }body.calculator-page .navbar-brand{
        color: var(--forest-900);
        font-weight: 700;
      }body.calculator-page .logo-mark{
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 0.6rem;
        display: grid;
        place-items: center;
        background: linear-gradient(145deg, var(--gold-500), #f0cf5a);
        color: #08301f;
      }body.calculator-page .navbar-nav .nav-link{
        color: #204438;
        font-weight: 500;
      }body.calculator-page .phone-pill{
        background: var(--gold-500);
        color: #193e31;
        border-radius: 999px;
        font-weight: 700;
        text-decoration: none;
        padding: 0.65rem 1.05rem;
      }body.calculator-page .eyebrow{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        font-weight: 700;
        color: var(--forest-700);
        font-size: 0.95rem;
      }body.calculator-page .eyebrow::before{
        content: "";
        width: 0.92rem;
        height: 0.92rem;
        border-radius: 50%;
        background: var(--gold-500);
      }body.calculator-page .hero{
        padding: clamp(2.8rem, 4vw, 4.5rem) 0;
        border-bottom: 1px solid rgba(12, 58, 40, 0.1);
      }body.calculator-page .hero h1{
        font-size: clamp(2rem, 3.6vw, 3.8rem);
        line-height: 1.03;
        margin: 0.8rem 0 1rem;
      }body.calculator-page .hero-card{
        border: 1px solid rgba(11, 65, 45, 0.16);
        border-radius: 1.1rem;
        background: linear-gradient(180deg, #fffdf2 0%, #f8f1db 100%);
        padding: 1.2rem;
        box-shadow: 0 12px 24px rgba(11, 50, 34, 0.09);
      }body.calculator-page .hero-mini-stat{
        border-radius: 0.85rem;
        background: #f3ebd2;
        padding: 0.8rem;
        text-align: center;
      }body.calculator-page .hero-mini-stat strong{
        display: block;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 0.92rem;
        font-weight: 700;
        color: var(--forest-900);
        line-height: 1.2;
        margin-bottom: 0.2rem;
      }body.calculator-page .hero-mini-stat span{
        display: block;
        font-size: 0.78rem;
        color: #4d6a5f;
        line-height: 1.3;
      }body.calculator-page .section-space{
        padding: clamp(2.2rem, 3.4vw, 3.6rem) 0;
      }body.calculator-page .calculator-shell{
        border: 1px solid rgba(9, 52, 35, 0.12);
        border-radius: 1.1rem;
        background: #f8f1db;
      }body.calculator-page .calculator-panel, body.calculator-page .summary-panel{
        padding: clamp(1rem, 1.8vw, 1.35rem);
      }body.calculator-page .summary-panel{
        border-left: 1px solid rgba(9, 52, 35, 0.12);
        background: #fbf7e8;
      }body.calculator-page .form-label{
        font-weight: 600;
        color: #1f4738;
      }body.calculator-page .form-hint{
        font-size: 0.86rem;
        color: #47685b;
      }body.calculator-page .form-control, body.calculator-page .form-select{
        border-color: rgba(12, 62, 42, 0.2);
      }body.calculator-page .form-control:focus, body.calculator-page .form-select:focus{
        border-color: #1a7c55;
        box-shadow: 0 0 0 0.2rem rgba(21, 115, 77, 0.16);
      }body.calculator-page .btn-accent{
        border: none;
        background: linear-gradient(100deg, var(--gold-500), #f0cc4f);
        color: #193e31;
        font-weight: 700;
        padding: 0.85rem 1.25rem;
        border-radius: 999px;
      }body.calculator-page .btn-outline-custom{
        border: 1px solid rgba(17, 59, 44, 0.22);
        color: #214438;
        font-weight: 600;
        border-radius: 999px;
        padding: 0.75rem 1.1rem;
      }body.calculator-page .quick-grid{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.8rem;
      }body.calculator-page .field-card{
        border: 1px solid rgba(8, 57, 38, 0.14);
        border-radius: 0.9rem;
        background: #fdf8e8;
        padding: 0.85rem;
      }body.calculator-page .field-card-full{
        grid-column: 1 / -1;
      }body.calculator-page .value-pill{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 0.22rem 0.65rem;
        background: rgba(20, 112, 74, 0.1);
        border: 1px solid rgba(9, 52, 35, 0.14);
        font-weight: 700;
        color: #1a4f39;
        font-size: 0.86rem;
      }body.calculator-page .form-range{
        --range-track: rgba(20, 112, 74, 0.22);
        --range-fill: #15734d;
        --range-thumb: #15734d;
        --range-progress: 0%;
        --range-thumb-size: 1.05rem;
        --range-track-size: 0.5rem;
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        height: var(--range-thumb-size);
        accent-color: #15734d;
      }body.calculator-page .form-range:focus{
        outline: none;
      }body.calculator-page .form-range::-webkit-slider-runnable-track{
        height: var(--range-track-size);
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--range-fill) 0%,
          var(--range-fill) var(--range-progress),
          var(--range-track) var(--range-progress),
          var(--range-track) 100%
        );
      }body.calculator-page .form-range::-webkit-slider-thumb{
        -webkit-appearance: none;
        appearance: none;
        width: var(--range-thumb-size);
        height: var(--range-thumb-size);
        margin-top: calc((var(--range-track-size) - var(--range-thumb-size)) / 2);
        border-radius: 50%;
        border: 2px solid #f8f1db;
        background: var(--range-thumb);
        box-shadow: 0 1px 4px rgba(7, 42, 28, 0.25);
      }body.calculator-page .form-range:focus::-webkit-slider-thumb{
        box-shadow: 0 0 0 0.22rem rgba(21, 115, 77, 0.22);
      }body.calculator-page .form-range::-moz-range-track{
        height: var(--range-track-size);
        border: 0;
        border-radius: 999px;
        background: var(--range-track);
      }body.calculator-page .form-range::-moz-range-progress{
        height: var(--range-track-size);
        border-radius: 999px;
        background: var(--range-fill);
      }body.calculator-page .form-range::-moz-range-thumb{
        width: var(--range-thumb-size);
        height: var(--range-thumb-size);
        border-radius: 50%;
        border: 2px solid #f8f1db;
        background: var(--range-thumb);
        box-shadow: 0 1px 4px rgba(7, 42, 28, 0.25);
      }body.calculator-page .form-range:focus::-moz-range-thumb{
        box-shadow: 0 0 0 0.22rem rgba(21, 115, 77, 0.22);
      }body.calculator-page .slider-scale{
        display: flex;
        justify-content: space-between;
        color: #4a665c;
        font-size: 0.78rem;
      }body.calculator-page .qty-control{
        display: grid;
        grid-template-columns: 40px 1fr 40px;
        gap: 0.45rem;
        align-items: center;
      }body.calculator-page .btn-count{
        border: 1px solid rgba(8, 57, 38, 0.18);
        background: #fffdf2;
        color: #1e4a3a;
        border-radius: 0.65rem;
        height: 40px;
      }body.calculator-page .segmented{
        width: 100%;
        gap: 0.4rem;
        display: grid;
      }body.calculator-page .segmented.three{
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }body.calculator-page .segmented .btn{
        border: 1px solid rgba(8, 57, 38, 0.2);
        border-radius: 0.6rem;
        color: #1f4437;
        background: #fffdf2;
        font-size: 0.86rem;
        font-weight: 600;
        padding: 0.46rem 0.4rem;
      }body.calculator-page .btn-check:checked + .btn{
        border-color: #1a7c55;
        background: rgba(20, 112, 74, 0.12);
      }body.calculator-page .btn-check:focus + .btn, body.calculator-page .segmented .btn:focus-visible{
        border-color: #1a7c55;
        box-shadow: 0 0 0 0.2rem rgba(21, 115, 77, 0.16);
      }body.calculator-page .form-check-input{
        border-color: rgba(11, 65, 45, 0.35);
      }body.calculator-page .form-check-input:focus{
        border-color: #1a7c55;
        box-shadow: 0 0 0 0.2rem rgba(21, 115, 77, 0.16);
      }body.calculator-page .form-check-input:checked{
        background-color: #15734d;
        border-color: #15734d;
      }body.calculator-page .option-grid{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
      }body.calculator-page .option-card{
        border: 1px solid rgba(8, 57, 38, 0.16);
        border-radius: 0.68rem;
        padding: 0.55rem 0.55rem;
        background: #fffdf2;
      }body.calculator-page .option-card .form-check-label{
        font-size: 0.82rem;
        color: #234a3a;
      }body.calculator-page .advanced-toggle{
        width: 100%;
        text-align: left;
        border: 1px dashed rgba(8, 57, 38, 0.26);
        color: #1e4a3a;
        border-radius: 0.68rem;
        background: #f7f0db;
        padding: 0.55rem 0.7rem;
        font-weight: 600;
        font-size: 0.88rem;
      }body.calculator-page .summary-price{
        font-family: "Newsreader", serif;
        font-size: clamp(2.3rem, 4vw, 3.3rem);
        line-height: 1;
        color: var(--forest-900);
      }body.calculator-page .breakdown-list{
        list-style: none;
        padding: 0;
        margin: 1rem 0 0;
        display: grid;
        gap: 0.65rem;
      }body.calculator-page .breakdown-list li{
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        font-size: 0.95rem;
      }body.calculator-page .breakdown-list li strong{
        color: #0d402c;
      }body.calculator-page .estimate-disclaimer{
        margin-top: 1rem;
        border: 1px solid rgba(9, 52, 35, 0.16);
        border-radius: 0.78rem;
        background: #f5edd4;
        padding: 0.78rem 0.88rem;
        color: #36574b;
        font-size: 0.78rem;
      }body.calculator-page .estimate-disclaimer-title{
        margin: 0;
        color: #1f4738;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }body.calculator-page .estimate-disclaimer p{
        line-height: 1.4;
      }body.calculator-page .estimate-disclaimer ul{
        margin: 0;
        padding-left: 1rem;
        display: grid;
        gap: 0.26rem;
      }body.calculator-page .estimate-disclaimer li{
        line-height: 1.35;
      }body.calculator-page .schedule-wrap{
        border: 1px solid rgba(9, 52, 35, 0.12);
        border-radius: 1.1rem;
        background: #f8f1db;
        padding: clamp(1.25rem, 2vw, 1.7rem);
      }body.calculator-page .schedule-selection-panel, body.calculator-page .schedule-form-panel{
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 0.95rem;
        background: #fbf7e8;
        padding: clamp(0.95rem, 1.8vw, 1.15rem);
      }body.calculator-page .schedule-form-panel h3{
        color: #1e4a3a;
      }body.calculator-page .schedule-form-panel .btn-accent{
        justify-content: center;
      }body.calculator-page .day-grid, body.calculator-page .slot-grid{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        gap: 0.65rem;
      }body.calculator-page .slot-grid{
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
      }body.calculator-page .day-pill, body.calculator-page .slot-pill{
        border: 1px solid rgba(11, 65, 45, 0.2);
        border-radius: 0.8rem;
        background: rgba(20,112,74,.1);
        color: #1a4335;
        padding: 0.72rem 0.7rem;
        font-weight: 600;
        font-size: 0.92rem;
        text-align: center;
        transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
      }body.calculator-page .day-pill:hover, body.calculator-page .slot-pill:hover{
        transform: translateY(-2px);
      }body.calculator-page .day-pill.is-selected, body.calculator-page .slot-pill.is-selected{
        background: var(--gold-500);
        border-color: var(--gold-500);
        color: #193e31;
        font-weight: 700;
        box-shadow: none;
      }body.calculator-page .slot-pill:disabled, body.calculator-page .slot-pill.is-disabled{
        opacity: 0.45;
        cursor: not-allowed;
        transform: none;
      }body.calculator-page .selection-summary{
        border-radius: 0.85rem;
        background: rgba(20, 112, 74, 0.1);
        border: 1px solid rgba(12, 62, 42, 0.14);
        padding: 0.9rem 1rem;
      }body.calculator-page .schedule-selection-value{
        display: inline-block;
        border-radius: 999px;
        padding: 0.08rem 0.45rem;
        color: #2e5547;
      }body.calculator-page .schedule-selection-value.is-selected-value{
        background: transparent;
        border: 0;
        color: #1f4738;
        font-weight: 700;
      }body.calculator-page .confirmation-card{
        border-radius: 0.9rem;
        border: 1px solid rgba(8, 64, 42, 0.16);
        background: #fdf9eb;
        padding: 1rem;
      }body.calculator-page .footer{
        background: var(--forest-900);
        color: #ddf1e8;
        padding: 2.25rem 0;
      }body.calculator-page .footer a{
        color: #d6ecdf;
        text-decoration: none;
      }body.calculator-page .footer small{
        color: #b7d1c4;
      }body.calculator-page .reveal-scroll{
        opacity: 0;
        transform: translateY(22px);
      }

      @media (max-width: 991px) {body.calculator-page .summary-panel{
          border-left: 0;
          border-top: 1px solid rgba(9, 52, 35, 0.12);
        }body.calculator-page .quick-grid{
          grid-template-columns: 1fr;
        }body.calculator-page .option-grid{
          grid-template-columns: 1fr;
        }body.calculator-page .schedule-selection-panel, body.calculator-page .schedule-form-panel{
          padding: 0.9rem;
        }
      }

      @media (max-width: 575px) {body.calculator-page .page-shell{
          width: calc(100% - 1rem);
          margin: 0.5rem auto;
          border-radius: 1.1rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {body.calculator-page *, body.calculator-page *::before, body.calculator-page *::after{
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }
    

/* ===== stump-removal-resources.html ===== */
body.resources-page{
        --forest-900: #083b28;
        --forest-800: #0b5a3c;
        --forest-700: #15734d;
        --sand-100: #f5efd9;
        --gold-500: #e4b820;
        --ink-900: #123227;
        --ink-700: #2b4a3e;
      }body.resources-page *{
        box-sizing: border-box;
      }body.resources-page{
        margin: 0;
        color: var(--ink-900);
        font-family: "Plus Jakarta Sans", sans-serif;
        background:
          radial-gradient(circle at 15% 10%, #1b6e4c 0%, transparent 40%),
          radial-gradient(circle at 85% 70%, #14573b 0%, transparent 45%),
          linear-gradient(145deg, #063521, #0b4b31 55%, #0a412b);
      }body.resources-page h1, body.resources-page h2, body.resources-page h3, body.resources-page h4{
        font-family: "Newsreader", serif;
        letter-spacing: -0.02em;
      }body.resources-page .page-shell{
        width: min(1380px, calc(100% - 2rem));
        margin: 1rem auto;
        background: var(--sand-100);
        border-radius: 1.6rem;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 20px 45px rgba(3, 20, 13, 0.35);
      }body.resources-page .utility-bar{
        background: var(--forest-800);
        color: #d7f4e8;
        font-size: 0.92rem;
        padding: 0.6rem 0;
      }body.resources-page .site-nav{
        background: rgba(245, 239, 217, 0.9);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid rgba(18, 50, 39, 0.08);
      }body.resources-page .navbar-brand{
        color: var(--forest-900);
        font-weight: 700;
      }body.resources-page .logo-mark{
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 0.6rem;
        display: grid;
        place-items: center;
        background: linear-gradient(145deg, var(--gold-500), #f0cf5a);
        color: #08301f;
      }body.resources-page .navbar-nav .nav-link{
        color: #204438;
        font-weight: 500;
      }body.resources-page .phone-pill{
        background: var(--gold-500);
        color: #193e31;
        border-radius: 999px;
        font-weight: 700;
        text-decoration: none;
        padding: 0.65rem 1.05rem;
      }body.resources-page .hero{
        padding: clamp(2.6rem, 4vw, 4.1rem) 0;
        border-bottom: 1px solid rgba(12, 58, 40, 0.1);
      }body.resources-page .eyebrow{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        font-weight: 700;
        color: var(--forest-700);
        font-size: 0.95rem;
      }body.resources-page .eyebrow::before{
        content: "";
        width: 0.92rem;
        height: 0.92rem;
        border-radius: 50%;
        background: var(--gold-500);
      }body.resources-page .hero h1{
        font-size: clamp(2rem, 3.7vw, 3.8rem);
        margin: 0.8rem 0 1rem;
        line-height: 1.03;
      }body.resources-page .hero-panel{
        border: 1px solid rgba(11, 65, 45, 0.16);
        border-radius: 1rem;
        background: linear-gradient(180deg, #fffdf2 0%, #f8f1db 100%);
        padding: 1rem;
      }body.resources-page .hero-list{
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.6rem;
      }body.resources-page .hero-list li{
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #25483c;
        font-size: 0.92rem;
      }body.resources-page .section-space{
        padding: clamp(2.2rem, 3.4vw, 3.6rem) 0;
      }body.resources-page .guide-card{
        height: 100%;
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 1rem;
        background: #fcf8ea;
        padding: 1.15rem;
        display: flex;
        flex-direction: column;
      }body.resources-page .guide-icon{
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 0.7rem;
        display: grid;
        place-items: center;
        background: rgba(21, 115, 77, 0.14);
        color: var(--forest-700);
        margin-bottom: 0.8rem;
      }body.resources-page .guide-card p{
        color: #35564a;
      }body.resources-page .btn-accent{
        border: none;
        background: linear-gradient(100deg, var(--gold-500), #f0cc4f);
        color: #193e31;
        font-weight: 700;
        padding: 0.8rem 1.15rem;
        border-radius: 999px;
        text-decoration: none;
      }body.resources-page .comparison-snapshot{
        border: 1px solid rgba(9, 52, 35, 0.12);
        border-radius: 1rem;
        overflow: hidden;
        background: linear-gradient(180deg, #fffdf5 0%, #f7efd8 100%);
        box-shadow: 0 14px 24px rgba(8, 44, 30, 0.08);
      }body.resources-page .comparison-header{
        padding: 1rem 1rem 0.55rem;
      }body.resources-page .comparison-header h2{
        margin: 0 0 0.3rem;
      }body.resources-page .comparison-header p{
        margin: 0;
        color: #44655a;
        font-size: 0.92rem;
      }body.resources-page .table{
        margin-bottom: 0;
      }body.resources-page .comparison-snapshot .table thead th{
        background: linear-gradient(110deg, #0d5d3f, #15734d);
        color: #e8f5ef;
        border-color: rgba(255, 255, 255, 0.18);
        font-weight: 700;
      }body.resources-page .comparison-snapshot .table tbody th{
        background: rgba(20,112,74,.1);
        color: #1d4738;
      }body.resources-page .comparison-snapshot .table tbody tr:nth-child(even) td{
        background: rgba(20,112,74,.06);
      }body.resources-page .comparison-snapshot .table tbody tr:nth-child(odd) td{
        background: rgba(20,112,74,.1);
      }body.resources-page .table th, body.resources-page .table td{
        border-color: rgba(9, 52, 35, 0.12);
        color: #24463a;
        vertical-align: middle;
      }body.resources-page .cta-strip{
        border: 1px solid rgba(8, 64, 42, 0.16);
        border-radius: 1rem;
        background: linear-gradient(130deg, rgba(20,112,74,.1) 0%, #f8f0d7 100%);
        padding: 1.2rem;
      }body.resources-page .local-service-panel{
        border: 1px solid rgba(8, 64, 42, 0.16);
        border-radius: 1rem;
        background: linear-gradient(180deg, #fffdf4 0%, #f7efd7 100%);
        padding: 1.2rem;
      }body.resources-page .oc-city-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.55rem;
      }body.resources-page .oc-city-item{
        border: 1px solid rgba(12, 62, 42, 0.16);
        border-radius: 0.72rem;
        background: rgba(20,112,74,.08);
        color: #1f4a3b;
        padding: 0.55rem 0.65rem;
        font-weight: 600;
        font-size: 0.88rem;
        text-align: center;
      }body.resources-page .oc-city-item:hover{
        background: rgba(20,112,74,.14);
      }body.resources-page .footer{
        background: var(--forest-900);
        color: #ddf1e8;
        padding: 2.25rem 0;
      }body.resources-page .footer a{
        color: #d6ecdf;
        text-decoration: none;
      }body.resources-page .footer small{
        color: #b7d1c4;
      }body.resources-page .reveal-scroll{
        opacity: 0;
        transform: translateY(22px);
      }

      @media (max-width: 991px) {body.resources-page .oc-city-grid{
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 575px) {body.resources-page .page-shell{
          width: calc(100% - 1rem);
          margin: 0.5rem auto;
          border-radius: 1.1rem;
        }body.resources-page .oc-city-grid{
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (prefers-reduced-motion: reduce) {body.resources-page *, body.resources-page *::before, body.resources-page *::after{
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }
    

/* ===== stump-grinding-vs-chemical-removers-orange-county.html ===== */
body.chemical-guide-page{
        --forest-900: #083b28;
        --forest-800: #0b5a3c;
        --forest-700: #15734d;
        --sand-100: #f5efd9;
        --gold-500: #e4b820;
        --ink-900: #123227;
        --ink-700: #2b4a3e;
      }body.chemical-guide-page *{
        box-sizing: border-box;
      }body.chemical-guide-page{
        margin: 0;
        color: var(--ink-900);
        font-family: "Plus Jakarta Sans", sans-serif;
        background:
          radial-gradient(circle at 15% 10%, #1b6e4c 0%, transparent 40%),
          radial-gradient(circle at 85% 70%, #14573b 0%, transparent 45%),
          linear-gradient(145deg, #063521, #0b4b31 55%, #0a412b);
      }body.chemical-guide-page h1, body.chemical-guide-page h2, body.chemical-guide-page h3, body.chemical-guide-page h4{
        font-family: "Newsreader", serif;
        letter-spacing: -0.02em;
      }body.chemical-guide-page .page-shell{
        width: min(1380px, calc(100% - 2rem));
        margin: 1rem auto;
        background: var(--sand-100);
        border-radius: 1.6rem;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 20px 45px rgba(3, 20, 13, 0.35);
      }body.chemical-guide-page .utility-bar{
        background: var(--forest-800);
        color: #d7f4e8;
        font-size: 0.92rem;
        padding: 0.6rem 0;
      }body.chemical-guide-page .site-nav{
        background: rgba(245, 239, 217, 0.9);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid rgba(18, 50, 39, 0.08);
      }body.chemical-guide-page .navbar-brand{
        color: var(--forest-900);
        font-weight: 700;
      }body.chemical-guide-page .logo-mark{
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 0.6rem;
        display: grid;
        place-items: center;
        background: linear-gradient(145deg, var(--gold-500), #f0cf5a);
        color: #08301f;
      }body.chemical-guide-page .navbar-nav .nav-link{
        color: #204438;
        font-weight: 500;
      }body.chemical-guide-page .phone-pill{
        background: var(--gold-500);
        color: #193e31;
        border-radius: 999px;
        font-weight: 700;
        text-decoration: none;
        padding: 0.65rem 1.05rem;
      }body.chemical-guide-page .hero{
        padding: clamp(2.6rem, 4vw, 4.1rem) 0;
        border-bottom: 1px solid rgba(12, 58, 40, 0.1);
      }body.chemical-guide-page .eyebrow{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        font-weight: 700;
        color: var(--forest-700);
        font-size: 0.95rem;
      }body.chemical-guide-page .eyebrow::before{
        content: "";
        width: 0.92rem;
        height: 0.92rem;
        border-radius: 50%;
        background: var(--gold-500);
      }body.chemical-guide-page .hero h1{
        font-size: clamp(2rem, 3.7vw, 3.8rem);
        margin: 0.8rem 0 0.9rem;
        line-height: 1.03;
      }body.chemical-guide-page .meta-line{
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        color: #426256;
        font-size: 0.86rem;
      }body.chemical-guide-page .section-space{
        padding: clamp(2.2rem, 3.4vw, 3.6rem) 0;
      }body.chemical-guide-page .content-panel{
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 1rem;
        background: #fcf8ea;
        padding: 1.2rem;
      }body.chemical-guide-page .summary-box{
        border: 1px solid rgba(10, 65, 43, 0.14);
        border-radius: 0.9rem;
        background: rgba(20,112,74,.1);
        padding: 0.9rem;
      }body.chemical-guide-page .comparison-table{
        border: 1px solid rgba(9, 52, 35, 0.14);
        background: linear-gradient(180deg, #fffdf5 0%, #f7efd8 100%);
        border-radius: 1rem;
        overflow: hidden;
      }body.chemical-guide-page .table{
        margin-bottom: 0;
      }body.chemical-guide-page .comparison-table .table thead th{
        background: linear-gradient(110deg, #0d5d3f, #15734d);
        color: #e8f5ef;
        border-color: rgba(255, 255, 255, 0.18);
        font-weight: 700;
      }body.chemical-guide-page .comparison-table .table tbody th{
        background: rgba(20,112,74,.1);
        color: #1d4738;
      }body.chemical-guide-page .comparison-table .table tbody tr:nth-child(even) td{
        background: rgba(241, 248, 243, 0.72);
      }body.chemical-guide-page .comparison-table .table tbody tr:nth-child(odd) td{
        background: rgba(227, 242, 235, 0.68);
      }body.chemical-guide-page .table th, body.chemical-guide-page .table td{
        border-color: rgba(9, 52, 35, 0.12);
        color: #234538;
      }body.chemical-guide-page .section-note{
        color: #3d5d51;
      }body.chemical-guide-page .check-list{
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.5rem;
      }body.chemical-guide-page .check-list li{
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
      }body.chemical-guide-page .faq-card{
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 0.9rem;
        background: #fbf6e6;
        padding: 1rem;
      }body.chemical-guide-page .btn-accent{
        border: none;
        background: linear-gradient(100deg, var(--gold-500), #f0cc4f);
        color: #193e31;
        font-weight: 700;
        padding: 0.8rem 1.15rem;
        border-radius: 999px;
        text-decoration: none;
      }body.chemical-guide-page .btn-outline-custom{
        border: 1px solid rgba(17, 59, 44, 0.22);
        color: #214438;
        font-weight: 600;
        border-radius: 999px;
        padding: 0.75rem 1.1rem;
        text-decoration: none;
      }body.chemical-guide-page .footer{
        background: var(--forest-900);
        color: #ddf1e8;
        padding: 2.25rem 0;
      }body.chemical-guide-page .footer a{
        color: #d6ecdf;
        text-decoration: none;
      }body.chemical-guide-page .footer small{
        color: #b7d1c4;
      }body.chemical-guide-page .reveal-scroll{
        opacity: 0;
        transform: translateY(22px);
      }

      @media (max-width: 575px) {body.chemical-guide-page .page-shell{
          width: calc(100% - 1rem);
          margin: 0.5rem auto;
          border-radius: 1.1rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {body.chemical-guide-page *, body.chemical-guide-page *::before, body.chemical-guide-page *::after{
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }
    

/* ===== stump-grinding-vs-rental-grinders-orange-county.html ===== */
body.diy-guide-page{
        --forest-900: #083b28;
        --forest-800: #0b5a3c;
        --forest-700: #15734d;
        --sand-100: #f5efd9;
        --gold-500: #e4b820;
        --ink-900: #123227;
        --ink-700: #2b4a3e;
      }body.diy-guide-page *{
        box-sizing: border-box;
      }body.diy-guide-page{
        margin: 0;
        color: var(--ink-900);
        font-family: "Plus Jakarta Sans", sans-serif;
        background:
          radial-gradient(circle at 15% 10%, #1b6e4c 0%, transparent 40%),
          radial-gradient(circle at 85% 70%, #14573b 0%, transparent 45%),
          linear-gradient(145deg, #063521, #0b4b31 55%, #0a412b);
      }body.diy-guide-page h1, body.diy-guide-page h2, body.diy-guide-page h3, body.diy-guide-page h4{
        font-family: "Newsreader", serif;
        letter-spacing: -0.02em;
      }body.diy-guide-page .page-shell{
        width: min(1380px, calc(100% - 2rem));
        margin: 1rem auto;
        background: var(--sand-100);
        border-radius: 1.6rem;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 20px 45px rgba(3, 20, 13, 0.35);
      }body.diy-guide-page .utility-bar{
        background: var(--forest-800);
        color: #d7f4e8;
        font-size: 0.92rem;
        padding: 0.6rem 0;
      }body.diy-guide-page .site-nav{
        background: rgba(245, 239, 217, 0.9);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid rgba(18, 50, 39, 0.08);
      }body.diy-guide-page .navbar-brand{
        color: var(--forest-900);
        font-weight: 700;
      }body.diy-guide-page .logo-mark{
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 0.6rem;
        display: grid;
        place-items: center;
        background: linear-gradient(145deg, var(--gold-500), #f0cf5a);
        color: #08301f;
      }body.diy-guide-page .navbar-nav .nav-link{
        color: #204438;
        font-weight: 500;
      }body.diy-guide-page .phone-pill{
        background: var(--gold-500);
        color: #193e31;
        border-radius: 999px;
        font-weight: 700;
        text-decoration: none;
        padding: 0.65rem 1.05rem;
      }body.diy-guide-page .hero{
        padding: clamp(2.6rem, 4vw, 4.1rem) 0;
        border-bottom: 1px solid rgba(12, 58, 40, 0.1);
      }body.diy-guide-page .eyebrow{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        font-weight: 700;
        color: var(--forest-700);
        font-size: 0.95rem;
      }body.diy-guide-page .eyebrow::before{
        content: "";
        width: 0.92rem;
        height: 0.92rem;
        border-radius: 50%;
        background: var(--gold-500);
      }body.diy-guide-page .hero h1{
        font-size: clamp(2rem, 3.7vw, 3.8rem);
        margin: 0.8rem 0 0.9rem;
        line-height: 1.03;
      }body.diy-guide-page .meta-line{
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        color: #426256;
        font-size: 0.86rem;
      }body.diy-guide-page .section-space{
        padding: clamp(2.2rem, 3.4vw, 3.6rem) 0;
      }body.diy-guide-page .content-panel{
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 1rem;
        background: #fcf8ea;
        padding: 1.2rem;
      }body.diy-guide-page .decision-panel{
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 1rem;
        background: rgba(20,112,74,.1);
        padding: 1rem;
      }body.diy-guide-page .comparison-table{
        border: 1px solid rgba(9, 52, 35, 0.14);
        background: linear-gradient(180deg, #fffdf5 0%, #f7efd8 100%);
        border-radius: 1rem;
        overflow: hidden;
      }body.diy-guide-page .table{
        margin-bottom: 0;
      }body.diy-guide-page .comparison-table .table thead th{
        background: linear-gradient(110deg, #0d5d3f, #15734d);
        color: #e8f5ef;
        border-color: rgba(255, 255, 255, 0.18);
        font-weight: 700;
      }body.diy-guide-page .comparison-table .table tbody th{
        background: rgba(20,112,74,.1);
        color: #1d4738;
      }body.diy-guide-page .comparison-table .table tbody tr:nth-child(even) td{
        background: rgba(241, 248, 243, 0.72);
      }body.diy-guide-page .comparison-table .table tbody tr:nth-child(odd) td{
        background: rgba(227, 242, 235, 0.68);
      }body.diy-guide-page .table th, body.diy-guide-page .table td{
        border-color: rgba(9, 52, 35, 0.12);
        color: #234538;
      }body.diy-guide-page .section-note{
        color: #3d5d51;
      }body.diy-guide-page .check-list{
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.5rem;
      }body.diy-guide-page .check-list li{
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
      }body.diy-guide-page .faq-card{
        border: 1px solid rgba(9, 52, 35, 0.14);
        border-radius: 0.9rem;
        background: #fbf6e6;
        padding: 1rem;
      }body.diy-guide-page .btn-accent{
        border: none;
        background: linear-gradient(100deg, var(--gold-500), #f0cc4f);
        color: #193e31;
        font-weight: 700;
        padding: 0.8rem 1.15rem;
        border-radius: 999px;
        text-decoration: none;
      }body.diy-guide-page .btn-outline-custom{
        border: 1px solid rgba(17, 59, 44, 0.22);
        color: #214438;
        font-weight: 600;
        border-radius: 999px;
        padding: 0.75rem 1.1rem;
        text-decoration: none;
      }body.diy-guide-page .footer{
        background: var(--forest-900);
        color: #ddf1e8;
        padding: 2.25rem 0;
      }body.diy-guide-page .footer a{
        color: #d6ecdf;
        text-decoration: none;
      }body.diy-guide-page .footer small{
        color: #b7d1c4;
      }body.diy-guide-page .reveal-scroll{
        opacity: 0;
        transform: translateY(22px);
      }

      @media (max-width: 575px) {body.diy-guide-page .page-shell{
          width: calc(100% - 1rem);
          margin: 0.5rem auto;
          border-radius: 1.1rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {body.diy-guide-page *, body.diy-guide-page *::before, body.diy-guide-page *::after{
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }
    

/* Shared navbar logo sizing */
body.home-page .navbar-brand,
body.calculator-page .navbar-brand,
body.resources-page .navbar-brand,
body.chemical-guide-page .navbar-brand,
body.diy-guide-page .navbar-brand {
  max-width: 250px;
}

body.home-page .navbar-brand img,
body.calculator-page .navbar-brand img,
body.resources-page .navbar-brand img,
body.chemical-guide-page .navbar-brand img,
body.diy-guide-page .navbar-brand img {
  display: block;
  width: 100%;
  height: auto;
}