/*
Theme Name: Nature Wise Tree Service
Theme URI: https://naturewisetreecare.com/
Description: Classic theme reproducing the hand-built static blog layout so new
             WordPress posts render in the same design automatically.
Author: KD Marketing Group
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
License: GNU General Public License v2 or later
Text Domain: naturewise
*/


  :root{
    --green-950:#122b1e;
    --green-900:#1b3d2b;
    --green-800:#245138;
    --green-100:#e6f0e9;
    --green-50:#f4f8f5;
    --lime:#cdf24a;
    --lime-dark:#b6dd33;
    --lime-soft:#eefbc6;
    --ink:#141b16;
    --ink-soft:#5b6a60;
    --paper:#ffffff;
    --paper-warm:#f7f9f5;
    --line:#e3eae4;
    --r-lg:20px;
    --r-md:14px;
    --shadow:0 10px 32px rgba(18,43,30,.10);
    --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16.5px}
  img,svg{max-width:100%}
  a{color:inherit}
  h1,h2,h3,h4{line-height:1.18;color:var(--green-950);font-weight:800;letter-spacing:-.015em}
  h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.7rem}
  .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
  section{padding:64px 0}
  .lede{color:var(--ink-soft);max-width:640px;font-size:1.02rem}
  .center{text-align:center}
  .center .lede{margin:0 auto}

  .label{display:inline-flex;align-items:center;gap:.5rem;background:var(--green-950);color:#fff;border-radius:999px;padding:.34rem 1rem .34rem .55rem;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.1rem}
  .label i{display:inline-flex;gap:3px}
  .label i b{width:9px;height:9px;border-radius:50%;background:var(--lime);display:inline-block}
  .label i b:last-child{opacity:.55}

  .btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;border-radius:999px;padding:.85rem 1.7rem;font-size:.98rem;transition:transform .15s ease,background .15s ease;cursor:pointer;border:0;font-family:var(--font)}
  .btn:hover{transform:translateY(-2px)}
  .btn-lime{background:var(--lime);color:var(--green-950)}
  .btn-lime:hover{background:var(--lime-dark)}
  .btn-dark{background:var(--green-950);color:#fff}
  .btn-dark:hover{background:var(--green-800)}
  .btn-ghost{background:transparent;color:var(--green-950);border:1.5px solid var(--green-950)}
  .btn-ghost:hover{background:var(--green-50)}
  .btn .arr{width:20px;height:20px;border-radius:50%;background:var(--green-950);display:grid;place-items:center;flex:none}
  .btn .arr svg{width:11px;height:11px;stroke:var(--lime)}
  .btn-dark .arr{background:var(--lime)}
  .btn-dark .arr svg{stroke:var(--green-950)}

  /* Top bar */
  .topbar{background:var(--green-950);color:#d7e6db;font-size:.84rem;padding:.55rem 0}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .topbar-left{display:flex;gap:1.6rem;flex-wrap:wrap}
  .topbar a{text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}
  .topbar a:hover{color:var(--lime)}
  .topbar svg{width:14px;height:14px;stroke:var(--lime);flex:none}
  .socials{display:flex;gap:.5rem}
  .socials a{width:26px;height:26px;border-radius:50%;background:var(--lime);display:grid;place-items:center}
  .socials svg{width:13px;height:13px;stroke:var(--green-950);fill:none}

  /* Header + dropdown */
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:1rem;position:relative}
  .brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
  .brand-logo{width:53px;height:44px;overflow:hidden;position:relative;flex:none}
  .brand-logo img{position:absolute;width:124px;max-width:none;left:-37px;top:-26px}
  .brand-name{font-weight:800;font-size:1.1rem;color:var(--green-950);line-height:1.05;letter-spacing:-.01em}
  .brand-name small{display:block;font-weight:600;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
  .nav-links{display:flex;gap:1.7rem;list-style:none}
  .nav-links a{text-decoration:none;font-weight:600;font-size:.93rem;color:var(--ink)}
  .nav-links a:hover{color:var(--green-800)}
  .nav-cta{white-space:nowrap}
  .menu-btn{display:none;background:none;border:0;cursor:pointer;padding:.4rem}
  .menu-btn svg{width:26px;height:26px;stroke:var(--green-950)}
  @media (min-width:961px){
    .nav-links{height:74px;align-items:center}
    .nav-links > li{height:100%;display:flex;align-items:center}
  }
  .has-drop .drop{position:absolute;top:100%;left:0;right:0;display:none;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--shadow);padding:1.4rem;grid-template-columns:250px 1fr 1fr 1.15fr;gap:1.6rem;z-index:60}
  .has-drop:hover .drop,.has-drop:focus-within .drop,.has-drop.open .drop{display:grid}
  .drop-col h5{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:.45rem;margin-bottom:.55rem}
  .drop-col a{display:block;padding:.3rem 0;font-weight:600;font-size:.9rem}
  .b247{background:var(--lime);border-radius:99px;font-style:normal;font-size:.6rem;font-weight:800;padding:.1rem .5rem;margin-left:.3rem;color:var(--green-950)}
  .drop-promo{background:var(--green-950);border-radius:var(--r-md);padding:1.2rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
  .drop-promo .tag{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
  .drop-promo b{font-size:1.05rem;color:#fff;line-height:1.3}
  .drop-promo p{font-size:.8rem;color:#b9cdbf;flex:1}
  .drop-promo .btn{padding:.5rem 1.1rem;font-size:.82rem}

  /* Marquee */
  .marquee{background:var(--green-950);overflow:hidden;padding:.9rem 0;border-block:3px solid var(--lime)}
  .marquee-track{display:flex;align-items:center;gap:2.2rem;width:max-content;animation:mq 28s linear infinite}
  .marquee span{color:#fff;font-weight:700;font-size:1rem;white-space:nowrap}
  .marquee svg{width:16px;height:16px;flex:none}
  @keyframes mq{to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}

  /* Hero decorations */
  .badge-spin{position:absolute;left:22px;bottom:22px;width:104px;height:104px;border-radius:50%;background:var(--green-950);display:grid;place-items:center;z-index:2;box-shadow:0 8px 24px rgba(18,43,30,.35)}
  .badge-spin .inner{width:80px;height:80px;border-radius:50%;border:1.5px dashed var(--lime);display:grid;place-items:center;text-align:center;color:var(--lime);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
  .spark{position:absolute;z-index:2}

  /* Page hero */
  .phero{background:var(--paper-warm);padding:54px 0 64px;overflow:hidden}
  .phero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
  .crumbs{font-size:.82rem;color:var(--ink-soft);margin-bottom:1rem;font-weight:600}
  .crumbs a{text-decoration:none}
  .crumbs a:hover{color:var(--green-800)}
  .crumbs span{margin:0 .4rem;opacity:.6}
  .phero h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:1rem}
  .phero h1 .hl{background:var(--lime);border-radius:.4em;padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .phero p{color:var(--ink-soft);max-width:540px;margin-bottom:1.7rem;font-size:1.04rem}
  .phero-ctas{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
  .phero-img{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:340px;background:linear-gradient(150deg,#e8ece8,#c9d2ca)}
  .phero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .badges{display:flex;gap:1.4rem;margin-top:1.8rem;flex-wrap:wrap}
  .badges span{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;color:var(--green-900)}
  .badges svg{width:16px;height:16px;stroke:var(--green-800);flex:none}

  /* Content + includes */
  .intro{max-width:820px}
  .intro p{color:var(--ink-soft);margin-bottom:1rem}
  .intro strong{color:var(--green-950)}
  .icards{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:2rem}
  .icard{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:1.3rem 1.4rem;display:flex;gap:.9rem;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}
  .icard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .icard .tick{width:26px;height:26px;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none;margin-top:.15rem}
  .icard .tick svg{width:14px;height:14px;stroke:var(--green-950);stroke-width:3}
  .icard b{display:block;color:var(--green-950);font-size:.98rem}
  .icard span{color:var(--ink-soft);font-size:.9rem}

  /* CTA strip */
  .strip{background:var(--lime);padding:30px 0}
  .strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
  .strip b{font-size:1.3rem;color:var(--green-950);letter-spacing:-.01em}
  .strip span{color:#4c5a1a;font-weight:500;font-size:.95rem}

  /* Steps */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.2rem}
  .step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.6rem 1.5rem;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
  .step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .step .num{position:absolute;right:14px;top:6px;font-size:4rem;font-weight:800;color:var(--green-100);line-height:1}
  .step h3{font-size:1.08rem;margin-bottom:.45rem;position:relative}
  .step p{color:var(--ink-soft);font-size:.92rem;position:relative}

  /* Pricing table */
  .pricing{background:var(--paper-warm)}
  .ptable{width:100%;border-collapse:collapse;margin-top:2rem;background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow)}
  .ptable th{background:var(--green-950);color:#fff;text-align:left;padding:.85rem 1.2rem;font-size:.9rem}
  .ptable td{padding:.8rem 1.2rem;border-top:1px solid var(--line);font-size:.93rem;color:var(--ink-soft);vertical-align:top}
  .ptable td:first-child{font-weight:700;color:var(--green-950);white-space:nowrap}
  .pnote{margin-top:1.2rem;font-size:.9rem;color:var(--ink-soft);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
  .ptable-wrap{overflow-x:auto}

  /* Reviews strip */
  .revrow{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.3rem;margin-top:2rem;align-items:stretch}
  .rev-score{background:var(--lime);border-radius:var(--r-lg);padding:1.8rem 1.6rem;display:flex;flex-direction:column;justify-content:center;gap:.35rem}
  .rev-score b{font-size:2.2rem;font-weight:800;color:var(--green-950);line-height:1}
  .stars{color:var(--green-950);letter-spacing:.14em;font-size:1.1rem}
  .rev-score span{color:var(--green-900);font-size:.9rem;font-weight:600}
  .rev-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.8rem;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;gap:.9rem}
  .rev-card p{color:var(--ink-soft);font-size:.95rem}

  /* Areas + related */
  .chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
  .chip{background:var(--paper-warm);border:1px solid var(--line);border-radius:999px;padding:.35rem .95rem;font-size:.87rem;font-weight:600;color:var(--green-900)}
  .related{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.8rem}
  .rel-card{background:var(--green-950);border-radius:var(--r-md);padding:1.3rem 1.4rem;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-weight:700;font-size:.97rem;transition:transform .15s ease}
  .rel-card:hover{transform:translateY(-3px)}
  .rel-card .arr{width:24px;height:24px;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none}
  .rel-card .arr svg{width:12px;height:12px;stroke:var(--green-950);stroke-width:3}

  /* FAQ */
  details{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;margin-bottom:.8rem;overflow:hidden}
  summary{list-style:none;cursor:pointer;padding:1rem 1.25rem;font-weight:700;font-size:.96rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--green-950)}
  summary::-webkit-details-marker{display:none}
  summary .pm{width:24px;height:24px;border-radius:50%;background:var(--green-100);display:grid;place-items:center;flex:none;font-weight:800;color:var(--green-900);transition:transform .2s;font-size:.85rem}
  details[open]{border-color:var(--green-800)}
  details[open] .pm{background:var(--lime);transform:rotate(45deg)}
  details .ans{padding:0 1.25rem 1.1rem;color:var(--ink-soft);font-size:.93rem}
  .faq-cols{max-width:820px;margin:2rem auto 0}

  /* Quote form */
  .quote{background:var(--paper-warm)}
  .quote-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;margin-top:2.2rem;align-items:stretch}
  form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem 1.6rem;box-shadow:var(--shadow)}
  .consent{margin-top:1rem;display:grid;gap:.4rem}
  details.consent-acc{border:1px solid var(--line);border-radius:8px;background:var(--paper-warm);margin:0}
  details.consent-acc summary{display:flex;align-items:center;gap:.45rem;padding:.32rem .6rem;font-size:.68rem;font-weight:500;color:var(--ink-soft)}
  details.consent-acc summary input[type="checkbox"]{width:11px;height:11px;flex:none;cursor:pointer;accent-color:var(--green-800)}
  details.consent-acc summary span:not(.pm){flex:1;line-height:1.35}
  details.consent-acc summary strong{color:var(--green-950)}
  details.consent-acc summary .pm{width:15px;height:15px;font-size:.62rem}
  details.consent-acc[open]{border-color:var(--green-800)}
  .consent-terms{padding:0 .6rem .5rem 1.65rem;font-size:.65rem;line-height:1.5;color:var(--ink-soft)}
  .f-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
  label{display:block;font-weight:700;font-size:.8rem;margin:.7rem 0 .28rem;color:var(--green-950)}
  input,select,textarea{width:100%;padding:.55rem .75rem;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:.88rem;background:var(--paper-warm)}
  input:focus,select:focus,textarea:focus{outline:2px solid var(--green-800);outline-offset:1px;border-color:var(--green-800)}
  form .btn{width:100%;justify-content:center;margin-top:1rem;padding:.72rem 1.5rem;font-size:.92rem}
  .form-note{font-size:.78rem;color:var(--ink-soft);margin-top:.65rem;text-align:center}
  .quote-side{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:420px;background:linear-gradient(165deg,#e8ece8,#c4cec6)}
  .quote-side img.art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .quote-side .info{position:absolute;left:16px;right:16px;bottom:16px;background:var(--green-950);border-radius:var(--r-md);padding:1.2rem 1.3rem;color:#fff;display:grid;gap:.55rem;font-size:.9rem}
  .quote-side .info a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.6rem}
  .quote-side .info a:hover{color:var(--lime)}
  .quote-side .info svg{width:15px;height:15px;stroke:var(--lime);flex:none}
  .quote-side .info span{display:flex;align-items:flex-start;gap:.6rem;color:#d7e6db}

  /* Footer */
  footer{background:var(--paper)}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:2.4rem;padding:48px 22px;font-size:.93rem;color:var(--ink-soft)}
  footer h4{font-size:.95rem;margin-bottom:.9rem;color:var(--green-950)}
  footer ul{list-style:none;display:grid;gap:.5rem}
  footer a{text-decoration:none;color:var(--ink-soft)}
  footer a:hover{color:var(--green-800)}
  .foot-map{width:100%;height:170px;border:0;border-radius:12px;box-shadow:var(--shadow)}
  .foot-bottom{background:var(--green-950);color:#b9cdbf;font-size:.84rem;padding:1rem 0}
  .foot-bottom .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

  /* Mobile */
  @media (max-width:960px){
    .phero-grid,.quote-grid,.revrow{grid-template-columns:1fr}
    .icards{grid-template-columns:1fr}
    .steps,.related{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
    .topbar-left a.hide-m{display:none}
    .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:.6rem 0}
    .nav-links.open{display:flex}
    .nav-links a{display:block;padding:.85rem 22px}
    .menu-btn{display:block}
    .has-drop .drop{display:none !important}
  }
  @media (max-width:600px){
    .f-row{grid-template-columns:1fr}
    input:not([type="checkbox"]),select,textarea{font-size:16px}
    section{padding:48px 0}
    .nav-cta{display:none}
    .topbar-left{gap:.9rem}
    .foot-grid{grid-template-columns:1fr}
    .foot-grid > div:nth-child(2) ul{grid-template-columns:1fr 1fr;column-gap:.6rem}
  }

  /* ===================== BLOG: shared cards ===================== */
  .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .bcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .bcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cfe0d4}
  .bcard.hide{display:none}
  .bcard .bimg{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--green-100);display:block}
  .bcard .bimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
  .bcard:hover .bimg img{transform:scale(1.06)}
  .bcard .cat{position:absolute;left:12px;top:12px;background:var(--lime);color:var(--green-950);border-radius:99px;padding:.22rem .8rem;font-size:.71rem;font-weight:800;z-index:2;box-shadow:0 3px 10px rgba(18,43,30,.18)}
  .bcard .bbody{padding:1.15rem 1.3rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
  .bmeta{display:flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:600;color:var(--ink-soft)}
  .bmeta .dot{width:3px;height:3px;border-radius:50%;background:#b9c9be;flex:none}
  .bcard h3{font-size:1.06rem;line-height:1.35}
  .bcard p{color:var(--ink-soft);font-size:.9rem;flex:1;margin:0}
  .bmore{display:flex;align-items:center;gap:.55rem;font-weight:700;color:var(--green-900);font-size:.88rem;margin-top:.4rem;padding-top:.85rem;border-top:1px solid var(--line)}
  .bmore .arr{width:22px;height:22px;border-radius:50%;background:var(--green-100);display:grid;place-items:center;flex:none;transition:background .2s ease,transform .2s ease}
  .bmore .arr svg{width:11px;height:11px;stroke:var(--green-950);stroke-width:2.6;fill:none}
  .bcard:hover .bmore .arr{background:var(--lime);transform:translateX(3px)}

  /* ===================== BLOG: listing hero ===================== */
  .bhero{background:var(--green-950);color:#fff;padding:46px 0 74px;position:relative;overflow:hidden}
  .bhero::after{content:"";position:absolute;right:-140px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(205,242,74,.17),transparent 66%);pointer-events:none}
  .bhero .wrap{position:relative;z-index:2}
  .bhero .crumbs{color:#9db5a6}
  .bhero .crumbs a{color:#d7e6db;text-decoration:none}
  .bhero .crumbs a:hover{color:var(--lime)}
  .label-dark{background:rgba(255,255,255,.09);border:1px solid rgba(205,242,74,.35);color:#eaf6ec}
  .bhero h1{color:#fff;font-size:clamp(2rem,4.2vw,3rem);max-width:840px;margin-bottom:0}
  .bhero h1 .hl{background:var(--lime);color:var(--green-950);border-radius:.36em;padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .bhero .lede{color:#bdd2c4;max-width:620px;margin-top:1rem;font-size:1.03rem}
  .bhero-stats{display:flex;gap:2.4rem;flex-wrap:wrap;margin-top:1.9rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.13)}
  .bhero-stats span{color:#9db5a6;font-size:.83rem;font-weight:600;display:grid;gap:.1rem}
  .bhero-stats b{color:var(--lime);font-size:1.35rem;font-weight:800;letter-spacing:-.01em}

  /* ===================== BLOG: featured post ===================== */
  .feat-sec{padding:0}
  .feature{display:grid;grid-template-columns:1.02fr .98fr;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;box-shadow:0 18px 46px rgba(18,43,30,.16);margin-top:-40px;position:relative;z-index:3;transition:transform .22s ease,box-shadow .22s ease}
  .feature:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(18,43,30,.2)}
  .feature-img{position:relative;min-height:340px;background:var(--green-100);overflow:hidden}
  .feature-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
  .feature:hover .feature-img img{transform:scale(1.05)}
  .feature-body{padding:2rem 2.3rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center}
  .ftag{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;background:var(--green-950);color:var(--lime);border-radius:99px;padding:.3rem .9rem;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
  .ftag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
  .feature h2{font-size:clamp(1.35rem,2.5vw,1.85rem);margin-bottom:0}
  .feature p{color:var(--ink-soft);font-size:.97rem}
  .feature .fbtn{align-self:flex-start;margin-top:.45rem;display:inline-flex;align-items:center;gap:.55rem;background:var(--green-950);color:#fff;border-radius:999px;padding:.72rem 1.5rem;font-weight:700;font-size:.93rem;transition:background .15s ease}
  .feature:hover .fbtn{background:var(--green-800)}
  .feature .fbtn .arr{width:20px;height:20px;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none}
  .feature .fbtn .arr svg{width:11px;height:11px;stroke:var(--green-950);stroke-width:2.6;fill:none}

  /* ===================== BLOG: filters ===================== */
  .posts-sec{background:var(--paper-warm)}
  .posts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;margin-bottom:2rem}
  .posts-head h2{margin-bottom:0}
  .filters{display:flex;gap:.5rem;flex-wrap:wrap}
  .fchip{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.44rem 1.1rem;font-size:.85rem;font-weight:700;color:var(--green-900);cursor:pointer;font-family:var(--font);transition:background .15s ease,border-color .15s ease,color .15s ease}
  .fchip:hover{border-color:var(--green-800)}
  .fchip.on{background:var(--green-950);border-color:var(--green-950);color:#fff}
  .noresult{margin-top:1.6rem;color:var(--ink-soft);font-size:.94rem}
  .noresult a{color:var(--green-800);font-weight:700}

  /* ===================== POST: progress + header ===================== */
  .progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;background:rgba(18,43,30,.08)}
  .progress i{display:block;height:100%;width:0;background:var(--lime);transition:width .08s linear}
  .phead{background:var(--green-950);color:#fff;padding:42px 0 128px;position:relative;overflow:hidden}
  .phead::after{content:"";position:absolute;right:-150px;top:-170px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(205,242,74,.15),transparent 66%);pointer-events:none}
  .phead .wrap{position:relative;z-index:2}
  .phead .crumbs{color:#9db5a6}
  .phead .crumbs a{color:#d7e6db;text-decoration:none}
  .phead .crumbs a:hover{color:var(--lime)}
  .pcat{display:inline-flex;background:var(--lime);color:var(--green-950);border-radius:99px;padding:.28rem 1rem;font-size:.75rem;font-weight:800;margin-bottom:1rem}
  .phead h1{color:#fff;font-size:clamp(1.85rem,3.9vw,2.75rem);max-width:900px;margin-bottom:0}
  .phead h1 .hl{background:var(--lime);color:var(--green-950);border-radius:.34em;padding:0 .17em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .pmeta{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:1.7rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.13)}
  .pmeta .av{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}
  .pmeta .av img{width:34px;height:auto}
  .pby{color:#9db5a6;font-size:.84rem;font-weight:600;line-height:1.6}
  .pby b{color:#fff;font-weight:700}
  .pshare{display:flex;gap:.5rem;margin-left:auto}
  .pshare a,.pshare button{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease}
  .pshare a:hover,.pshare button:hover,.pshare button.copied{background:var(--lime);border-color:var(--lime)}
  .pshare svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .pshare a:hover svg,.pshare button:hover svg,.pshare button.copied svg{stroke:var(--green-950)}

  /* ===================== POST: cover ===================== */
  .cover{max-width:1140px;margin:-96px auto 0;padding:0 22px;position:relative;z-index:4}
  .cover figure{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 20px 52px rgba(18,43,30,.24)}
  .cover img{width:100%;height:auto;aspect-ratio:16/7.4;object-fit:cover;display:block}

  /* ===================== POST: layout ===================== */
  .post-sec{padding:52px 0 64px}
  .pgrid{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:3.2rem;align-items:start}

  /* ===================== POST: article typography ===================== */
  .article{min-width:0}
  .article p{color:var(--ink-soft);margin-bottom:1.2rem;font-size:1.02rem;line-height:1.78}
  .article > p:first-of-type{font-size:1.13rem;line-height:1.72;color:var(--green-900)}
  .article h2{margin:2.7rem 0 .85rem;font-size:clamp(1.38rem,2.3vw,1.75rem);scroll-margin-top:104px;position:relative;padding-left:1.05rem}
  .article h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:4px;border-radius:3px;background:var(--lime)}
  .article h3{margin:1.9rem 0 .5rem;font-size:1.13rem}
  .article ul,.article ol{list-style:none;padding:0;margin:0 0 1.35rem}
  .article ol{counter-reset:li}
  .article li{position:relative;padding-left:1.75rem;margin-bottom:.55rem;color:var(--ink-soft);line-height:1.7}
  .article ul li::before{content:"";position:absolute;left:.36rem;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--lime-dark)}
  .article ol li{counter-increment:li}
  .article ol li::before{content:counter(li);position:absolute;left:0;top:.1em;width:21px;height:21px;border-radius:50%;background:var(--green-100);color:var(--green-900);font-size:.71rem;font-weight:800;display:grid;place-items:center}
  .article a{color:var(--green-800);font-weight:600;text-decoration:underline;text-decoration-color:var(--lime-dark);text-decoration-thickness:2px;text-underline-offset:3px}
  .article a:hover{color:var(--green-950);text-decoration-color:var(--green-800)}
  .article strong{color:var(--green-950);font-weight:700}
  .callout{background:var(--lime-soft);border:1px solid #d9ea9a;border-left:5px solid var(--lime-dark);border-radius:var(--r-md);padding:1.15rem 1.35rem;margin:1.9rem 0;font-size:.96rem;color:var(--green-900);line-height:1.7}
  .callout b{color:var(--green-950)}

  /* ===================== POST: key takeaways ===================== */
  .takeaways{background:var(--green-950);border-radius:var(--r-lg);padding:1.6rem 1.8rem;margin-bottom:2.4rem;position:relative;overflow:hidden}
  .takeaways::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(205,242,74,.14),transparent 65%)}
  .tk-title{display:flex;align-items:center;gap:.55rem;color:var(--lime)!important;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem!important;position:relative;z-index:2}
  .tk-title svg{width:15px;height:15px;stroke:var(--lime);fill:none;stroke-width:2.2;flex:none}
  .takeaways ul{margin:0!important;position:relative;z-index:2}
  .takeaways li{color:#d7e6db!important;font-size:.95rem;margin-bottom:.6rem}
  .takeaways li:last-child{margin-bottom:0}
  .takeaways li::before{background:var(--lime)!important}
  .takeaways strong{color:#fff!important;font-weight:700}
  .takeaways a{color:var(--lime)!important;text-decoration-color:rgba(205,242,74,.5)!important}

  /* ===================== POST: mobile TOC ===================== */
  .toc-m{display:none;margin-bottom:2rem}
  .toc-m .ans{padding:0 1.25rem 1rem}
  .toc-m .tocnav{margin:0}

  /* ===================== POST: FAQ ===================== */
  .faq-block{margin-top:2.8rem}
  .faq-block details{margin-bottom:.7rem}
  .faq-block .ans p{font-size:.94rem;margin:0}

  /* ===================== POST: author + prev/next ===================== */
  .authorbox{display:flex;gap:1.3rem;align-items:flex-start;background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem 1.7rem;margin-top:2.8rem}
  .ab-logo{width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none;overflow:hidden}
  .ab-logo img{width:46px;height:auto}
  .authorbox small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:800;display:block}
  .authorbox b{display:block;color:var(--green-950);font-size:1.05rem;margin:.2rem 0 .4rem}
  .authorbox p{font-size:.9rem;margin-bottom:.5rem!important;color:var(--ink-soft)}
  .ab-link{font-weight:800;color:var(--green-800);text-decoration:none;font-size:.94rem}
  .ab-link:hover{color:var(--green-950)}
  .postnav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.3rem}
  .pnav{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:1rem 1.25rem;text-decoration:none;display:grid;gap:.3rem;align-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .pnav:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfe0d4}
  .pnav small{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:800}
  .pnav b{font-size:.94rem;color:var(--green-950);line-height:1.4;font-weight:700}
  .pnav.next{text-align:right}
  .article .pnav,.article .pnav:hover{text-decoration:none}
  .pnav.empty{visibility:hidden;pointer-events:none}

  /* ===================== POST: sidebar ===================== */
  .sidebar{position:sticky;top:92px;display:grid;gap:1.1rem}
  .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.35rem 1.45rem}
  .side-card h4{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.9rem;padding-bottom:.65rem;border-bottom:1px solid var(--line)}
  .tocnav{list-style:none;display:grid;gap:.12rem;padding:0;margin:0;max-height:min(46vh,400px);overflow-y:auto}
  .tocnav li{margin:0;padding:0}
  .tocnav li::before{display:none}
  .tocnav a{display:block;text-decoration:none;font-size:.86rem;font-weight:600;color:var(--ink-soft);padding:.42rem .75rem;border-left:2px solid var(--line);line-height:1.42;transition:color .15s ease,background .15s ease,border-color .15s ease}
  .tocnav a:hover{color:var(--green-900);background:var(--green-50)}
  .tocnav a.on{color:var(--green-950);border-left-color:var(--lime);background:var(--green-50);font-weight:700}
  .side-cta{background:var(--green-950);border-color:var(--green-950);color:#fff;display:grid;gap:.6rem;justify-items:start;position:relative;overflow:hidden}
  .side-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(205,242,74,.16),transparent 65%)}
  .side-cta > *{position:relative;z-index:2}
  .sc-tag{font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
  .side-cta b{color:#fff;font-size:1.12rem;line-height:1.3;font-weight:800}
  .side-cta p{color:#b9cdbf;font-size:.87rem;margin:0;line-height:1.6}
  .side-cta .btn{width:100%;justify-content:center;margin-top:.2rem;padding:.7rem 1.2rem;font-size:.92rem}
  .sc-alt{color:#d7e6db;font-size:.82rem;font-weight:600;text-decoration:none;justify-self:center}
  .sc-alt:hover{color:var(--lime)}
  .minilist{display:grid;gap:.9rem}
  .mini{display:flex;gap:.8rem;text-decoration:none;align-items:flex-start}
  .mini .mimg{width:66px;height:52px;border-radius:9px;overflow:hidden;flex:none;background:var(--green-100)}
  .mini .mimg img{width:100%;height:100%;object-fit:cover;display:block}
  .mini b{font-size:.85rem;color:var(--green-950);line-height:1.35;font-weight:700;display:block}
  .mini span{font-size:.73rem;color:var(--ink-soft);font-weight:600}
  .mini:hover b{color:var(--green-800)}

  /* ===================== BLOG: responsive ===================== */
  @media (max-width:1020px){
    .pgrid{grid-template-columns:1fr;gap:2.4rem}
    .sidebar{position:static;grid-template-columns:1fr 1fr;align-items:start}
    .side-card.toc{display:none}
    .toc-m{display:block}
    .feature{grid-template-columns:1fr}
    .feature-img{min-height:0;aspect-ratio:16/9}
    .feature-body{padding:1.6rem 1.7rem}
  }
  @media (max-width:960px){
    .bgrid{grid-template-columns:1fr 1fr}
    .posts-head{align-items:flex-start}
  }
  @media (max-width:700px){
    .sidebar{grid-template-columns:1fr}
  }
  @media (max-width:600px){
    .bgrid{grid-template-columns:1fr}
    .bhero{padding:34px 0 66px}
    .bhero-stats{gap:1.5rem;margin-top:1.5rem;padding-top:1.2rem}
    .bhero-stats b{font-size:1.15rem}
    .phead{padding:32px 0 104px}
    .pmeta{gap:.7rem}
    .pshare{margin-left:0;width:100%}
    .cover{margin-top:-74px}
    .cover img{aspect-ratio:16/10}
    .post-sec{padding:38px 0 48px}
    .feature-body{padding:1.4rem 1.4rem 1.6rem}
    .authorbox{flex-direction:column;gap:1rem;padding:1.3rem 1.4rem}
    .postnav{grid-template-columns:1fr}
    .pnav.next{text-align:left}
    .pnav.empty{display:none}
  }