/* =========================================================
   WORMBIN MASTERY — SHARED STYLESHEET
   Used by every page. Page-specific layout rules live in a
   <style> block inside each page's <head>.
========================================================= */

:root{
  --green-900:#12291a;
  --green-850:#173420;
  --green-800:#1c3a24;
  --green-700:#315911;
  --green-650:#234c06;
  --green-600:#3d6b1e;
  --green-500:#5a8a3a;
  --green-100:#dfe8d2;
  --green-50:#f2f4e1;
  --cream:#faf6ef;
  --cream-2:#fcf5ea;
  --ink:#20261e;
  --gray:#6f7568;
  --line:#e8e3d5;
  --gold:#f0a92e;
  --red:#c0563f;
  --radius:14px;
  --maxw:1300px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;}
h1,h2,h3{margin:0;font-family:'Poppins',-apple-system,sans-serif;font-weight:700;}
p{margin:0;color:var(--gray);line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{margin:0;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:8px;font-weight:600;font-size:0.9rem;cursor:pointer;border:2px solid transparent;transition:transform .15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--green-700);color:#fff;}
.btn-primary:hover{background:var(--green-800);}
.btn-outline{background:#fff;color:var(--green-700);border-color:var(--green-700);}
.btn-outline:hover{background:var(--green-50);}
.btn-sm{padding:8px 14px;font-size:0.82rem;}

/* Shared heading row w/ "view all" link */
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.section-head h2{font-size:1.5rem;color:var(--ink);}
.section-head h3{font-size:1rem;font-family:'Poppins',sans-serif;}
.view-all{color:var(--green-700);font-weight:600;font-size:0.85rem;white-space:nowrap;}

.tag{display:inline-block;font-size:0.65rem;font-weight:700;color:var(--green-700);background:var(--green-100);padding:3px 8px;border-radius:5px;margin-bottom:8px;letter-spacing:.03em;text-transform:uppercase;}

/* ===== HEADER ===== */
header{border-bottom:1px solid var(--line);padding:10px 0;}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.logo .custom-logo-link{display:flex;align-items:center;}
.logo .custom-logo-link img{max-height:48px;width:auto;display:block;}
@media (max-width:640px){
  .logo .custom-logo-link img{max-height:36px;}
}
.logo .mark{width:38px;height:38px;border-radius:50%;background:var(--green-100);display:flex;align-items:center;justify-content:center;flex:0 0 38px;}
.logo-text{line-height:1.1;white-space:nowrap;}
.logo-text .name1{font-weight:800;font-size:1rem;color:var(--ink);}
.logo-text .name2{font-weight:800;font-size:1rem;color:var(--green-700);}
.logo-text .tag{font-size:0.62rem;color:var(--gray);letter-spacing:.01em;margin:0;padding:0;background:none;text-transform:none;font-weight:400;}
nav{display:flex;gap:20px;font-size:0.9rem;font-weight:600;color:var(--ink);flex:0 1 auto;white-space:nowrap;}
nav ul, nav li{display:contents;}
nav a{padding:6px 0;border-bottom:2px solid transparent;}
nav a.active, nav a:hover{color:var(--green-700);border-color:var(--green-700);}
.current-menu-item > a, .current_page_item > a, .current-menu-ancestor > a{color:var(--green-700);border-color:var(--green-700);}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;flex:0 0 auto;align-items:center;justify-content:center;}
.menu-toggle svg{display:block;}
.header-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fdfcfa;width:clamp(110px,14vw,150px);}
.search-box input{border:none;outline:none;background:transparent;font-size:0.85rem;width:100%;min-width:0;}
.btn-newsletter{background:var(--green-700);color:#fff;padding:10px 16px;border-radius:8px;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto;}

/* ===== BREADCRUMB ===== */
.breadcrumb{padding:14px 0 0;font-size:0.78rem;color:var(--gray);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.breadcrumb a{color:var(--gray);}
.breadcrumb a:hover{color:var(--green-700);}
.breadcrumb .current{color:var(--ink);font-weight:600;}

/* ===== PAGE HEADER (used by listing/simple pages) ===== */
.page-header{padding:32px 0;background:var(--green-50);}
.page-header h1{font-size:2rem;color:var(--green-650);margin-bottom:8px;}
.page-header p{font-size:0.95rem;max-width:600px;}

/* ===== SIDEBAR WIDGETS (shared across article/guide/tool pages) ===== */
.sidebar-stack{display:flex;flex-direction:column;gap:20px;}

.guide-card{background:var(--green-50);border-radius:14px;padding:18px;}
.guide-card-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px;}
.guide-card .gi{width:34px;height:34px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 34px;}
.guide-card h4{font-size:0.95rem;margin-bottom:5px;font-family:'Poppins',sans-serif;}
.guide-card p{font-size:0.78rem;}
.guide-card .book{width:74px;height:96px;flex:0 0 74px;}
.guide-card .btn{width:100%;justify-content:center;}

.toc-side{border:1px solid var(--line);border-radius:14px;padding:18px;}
.toc-side h4{font-size:0.95rem;margin-bottom:12px;font-family:'Poppins',sans-serif;}
.toc-side ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.toc-side li a{font-size:0.82rem;color:var(--ink);font-weight:500;}
.toc-side li a:hover{color:var(--green-700);}

.recs-card{border:1px solid var(--line);border-radius:14px;padding:16px;}
.rec-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);}
.rec-item:first-of-type{border-top:none;padding-top:2px;}
.rec-item svg, .rec-item img{width:44px;height:44px;border-radius:8px;flex:0 0 44px;object-fit:cover;}
.rec-info{flex:1;min-width:0;}
.rec-info h4{font-size:0.82rem;margin:0 0 2px;font-family:inherit;font-weight:600;}
.stars{color:var(--gold);font-size:0.72rem;}
.rec-btn{background:var(--gold);color:#1f2a22;font-size:0.68rem;font-weight:700;padding:6px 10px;border-radius:6px;white-space:nowrap;}
.more-products{display:block;text-align:left;margin-top:10px;font-size:0.82rem;font-weight:600;color:var(--green-700);}

.side-community{background:var(--green-900);border-radius:16px;padding:18px;color:#fff;position:relative;overflow:hidden;}
.side-community h4{font-size:1.05rem;margin-bottom:6px;font-family:'Poppins',sans-serif;}
.side-community p{color:#c9d6cc;font-size:0.8rem;margin-bottom:14px;max-width:70%;}
.side-community .illust{position:absolute;right:-10px;bottom:-6px;width:130px;height:110px;object-fit:cover;border-radius:10px;}
.side-community .btn-outline{background:#fff;border-color:#fff;color:var(--green-800);}

.newsletter-card{background:var(--green-800);border-radius:16px;padding:18px;color:#fff;position:relative;overflow:hidden;}
.newsletter-card h4{font-family:'Poppins',sans-serif;font-size:1.05rem;margin-bottom:6px;color:#fff;}
.newsletter-card p{color:#c9d6cc;font-size:0.8rem;margin-bottom:14px;}
.newsletter-card input{width:100%;padding:10px 12px;border-radius:8px;border:none;margin-bottom:8px;font-size:0.82rem;}
.newsletter-card .btn-primary{width:100%;justify-content:center;background:var(--green-500);}
.newsletter-card .worm{position:absolute;right:10px;top:12px;}
.newsletter-card .fine{font-size:0.68rem;color:#9fb1a3;margin-top:8px;text-align:center;}

/* ===== SHARED CARD GRIDS (article/tool thumbnails) ===== */
.article-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.article-card svg, .article-card img{height:110px;width:100%;display:block;object-fit:cover;}
.article-body{padding:12px;}
.article-body h3{font-size:0.92rem;line-height:1.3;font-family:inherit;font-weight:700;margin-bottom:6px;}
.article-body p{font-size:0.78rem;margin-bottom:8px;}
.article-body .meta{font-size:0.7rem;color:var(--gray);}

.tool-item{border:1px solid var(--line);border-radius:10px;padding:14px 10px;text-align:center;}
.tool-item .ti{width:40px;height:40px;margin:0 auto 8px;border-radius:50%;background:var(--green-50);display:flex;align-items:center;justify-content:center;}
.tool-item span{font-size:0.78rem;font-weight:600;line-height:1.25;display:block;}
.tool-item p.desc{font-size:0.7rem;margin-top:4px;}

/* ===== FAQ ACCORDION (shared) ===== */
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{padding:14px 4px;font-size:0.88rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .chev{transition:transform .2s ease;flex:0 0 auto;}
.faq-item[open] summary .chev{transform:rotate(180deg);}
.faq-item .faq-a{padding:0 4px 16px;font-size:0.84rem;}

/* ===== FOOTER ===== */
footer{background:var(--green-900);color:#cdd8cf;padding:32px 0 18px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:24px;margin-bottom:32px;}
.footer-grid h4{color:#fff;font-size:0.85rem;margin-bottom:14px;font-family:inherit;}
.footer-grid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;font-size:0.82rem;}
.footer-grid ul li a:hover{color:#fff;}
.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.footer-logo .mark{width:36px;height:36px;border-radius:50%;background:var(--green-700);display:flex;align-items:center;justify-content:center;flex:0 0 36px;}
.footer-custom-logo{flex:0 1 auto;}
.footer-custom-logo img{max-height:40px;width:auto;display:block;}
.footer-about p{color:#9fb1a3;font-size:0.8rem;margin-bottom:16px;}
.socials{display:flex;gap:10px;}
.socials span{width:32px;height:32px;border-radius:50%;background:var(--green-800);display:flex;align-items:center;justify-content:center;font-size:14px;}
.support-box{background:var(--green-800);border-radius:12px;padding:16px;}
.support-box h4{color:#fff;margin-bottom:8px;}
.support-box p{color:#9fb1a3;font-size:0.78rem;}
.footer-bottom{border-top:1px solid var(--green-800);padding-top:18px;text-align:center;font-size:0.78rem;color:#8fa393;}

/* ===== AFFILIATE AD COMPONENTS ===== */
.ad-wrap{position:relative;margin:26px 0;}
.ad-label{position:absolute;top:-9px;left:14px;background:#fff;border:1px solid var(--line);color:var(--gray);font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:20px;z-index:2;}
.ad-label a{color:var(--gray);text-decoration:underline;}

.inline-ad{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;background:var(--cream);}
.inline-ad svg{width:64px;height:64px;border-radius:8px;flex:0 0 64px;}
.inline-ad .ad-info{flex:1;min-width:0;}
.inline-ad .ad-info h4{font-size:0.92rem;margin-bottom:3px;font-family:'Poppins',sans-serif;}
.inline-ad .ad-info p{font-size:0.78rem;margin-bottom:6px;}
.inline-ad .ad-cta{background:var(--gold);color:#1f2a22;font-size:0.75rem;font-weight:700;padding:8px 16px;border-radius:8px;white-space:nowrap;flex:0 0 auto;}

.content-banner{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:20px 26px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.content-banner .cb-text{flex:1;min-width:200px;}
.content-banner .cb-text h3{font-size:1.05rem;margin-bottom:4px;}
.content-banner .cb-text p{font-size:0.82rem;}
.content-banner .cb-thumbs{display:flex;gap:10px;}
.content-banner .cb-thumbs .th{width:64px;height:64px;border-radius:10px;background:#fff;border:1px solid var(--line);overflow:hidden;}
.content-banner .cb-thumbs .th svg{width:100%;height:100%;display:block;}
@media (max-width:640px){
  .inline-ad{flex-direction:column;text-align:center;}
  .content-banner{flex-direction:column;align-items:flex-start;text-align:left;}
}


.legal-content{padding:36px 0 56px;}
.legal-content .wrap{max-width:820px;}
.legal-content h2{font-size:1.25rem;margin:28px 0 10px;color:var(--ink);}
.legal-content h2:first-child{margin-top:0;}
.legal-content p{font-size:0.9rem;margin-bottom:12px;}
.legal-content ul{padding-left:20px;margin-bottom:12px;}
.legal-content li{font-size:0.9rem;color:var(--gray);margin-bottom:6px;line-height:1.6;}
.legal-updated{font-size:0.8rem;color:var(--gray);margin-bottom:24px;}

/* ===== RESPONSIVE (shared baseline; pages add their own extra rules) ===== */
@media (max-width: 980px){
  header{position:relative;}
  .menu-toggle{display:flex;}
  nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    flex-direction:column;
    gap:0;
    padding:6px 24px 12px;
    border-bottom:1px solid var(--line);
    box-shadow:0 12px 24px rgba(0,0,0,.08);
    z-index:60;
  }
  nav.mobile-open{display:flex;}
  nav a{padding:13px 0;border-top:1px solid var(--line);width:100%;}
  nav a:first-child{border-top:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .search-box{display:none;}
  .logo-text .tag{display:none;}
  .nl-label{display:none;}
  .btn-newsletter{padding:9px;}
  .logo .mark{width:32px;height:32px;flex:0 0 32px;}
  .logo-text .name1, .logo-text .name2{font-size:0.88rem;}
  .footer-grid{grid-template-columns:1fr;}
  .page-header h1{font-size:1.5rem;}
}

/* ===== PAGE: articles.html ===== */
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;}
  .filter-chip{border:1px solid var(--line);border-radius:20px;padding:7px 16px;font-size:0.82rem;font-weight:600;background:#fff;}
  .filter-chip.active{background:var(--green-700);color:#fff;border-color:var(--green-700);}
  .articles-page-grid{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:40px;}
  .articles-page-grid > .article-card{flex:1 1 31%;}
  .article-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;}
  .article-card svg, .article-card img{height:150px;width:100%;display:block;object-fit:cover;}
  .card-link{position:absolute;inset:0;z-index:2;}
  .pagination{display:flex;justify-content:center;gap:8px;padding-bottom:50px;}
  .pagination a{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:600;}
  .pagination a.active{background:var(--green-700);color:#fff;border-color:var(--green-700);}
  @media (max-width:980px){ .articles-page-grid > .article-card{flex-basis:48%;} }
  @media (max-width:640px){ .articles-page-grid > .article-card{flex-basis:100%;} }


/* ===== PAGE: guides.html ===== */
.guide-cat{padding:36px 0;}
  .guide-cat h2{font-size:1.3rem;margin-bottom:16px;}
  .guide-cat-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:36px;}
  .guide-cat-grid > .guide-tile{flex:1 1 31%;}
  .guide-tile{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;}
  .guide-tile svg, .guide-tile img{height:140px;width:100%;display:block;object-fit:cover;}
  .guide-tile .article-body{padding:14px;}
  .guide-tile .steps-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.7rem;color:var(--green-700);font-weight:700;margin-bottom:8px;}
  .card-link{position:absolute;inset:0;z-index:2;}
  @media (max-width:980px){ .guide-cat-grid > .guide-tile{flex-basis:48%;} }
  @media (max-width:640px){ .guide-cat-grid > .guide-tile{flex-basis:100%;} }


/* ===== PAGE: guide-inner.html ===== */
.guide-header{padding:24px 0;background:var(--green-50);}
  .guide-header h1{font-size:1.9rem;color:var(--green-650);margin-bottom:8px;}
  .guide-header p{font-size:0.92rem;max-width:600px;}
  .guide-meta{display:flex;gap:18px;margin-top:14px;font-size:0.8rem;color:var(--gray);flex-wrap:wrap;}
  .guide-meta span{display:flex;align-items:center;gap:6px;}
  .guide-layout{padding:32px 0 50px;}
  .guide-layout .wrap{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:start;}
  .chapter-nav{border:1px solid var(--line);border-radius:14px;padding:16px;position:sticky;top:20px;}
  .chapter-nav h4{font-size:0.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gray);margin-bottom:10px;}
  .chapter-nav ol{list-style:none;padding:0;margin:0;counter-reset:ch;display:flex;flex-direction:column;gap:2px;}
  .chapter-nav li{counter-increment:ch;}
  .chapter-nav a{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:8px;font-size:0.84rem;font-weight:600;color:var(--ink);}
  .chapter-nav a:hover{background:var(--green-50);}
  .chapter-nav a.current{background:var(--green-100);color:var(--green-700);}
  .chapter-nav a::before{content:counter(ch);flex:0 0 22px;height:22px;border-radius:50%;background:var(--green-700);color:#fff;font-size:0.72rem;display:flex;align-items:center;justify-content:center;}
  .chapter{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--line);}
  .chapter:last-child{border-bottom:none;}
  .chapter-num{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:700;color:var(--green-700);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;}
  .chapter h2{font-size:1.35rem;margin-bottom:12px;}
  .chapter p{font-size:0.9rem;margin-bottom:10px;}
  .chapter ul{padding-left:20px;margin-bottom:10px;}
  .chapter li{font-size:0.88rem;color:var(--gray);margin-bottom:6px;line-height:1.6;}
  @media (max-width:980px){ .guide-layout .wrap{grid-template-columns:1fr;} .chapter-nav{position:static;} }


/* ===== PAGE: tools.html ===== */
.tools-hub{padding:36px 0 50px;}
  .tools-hub-grid{display:flex;flex-wrap:wrap;gap:16px;}
  .tools-hub-grid > .tool-item{flex:1 1 23%;}
  .tool-item{position:relative;border:1px solid var(--line);border-radius:12px;padding:20px 16px;text-align:center;background:#fff;}
  .tool-item .ti{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--green-50);display:flex;align-items:center;justify-content:center;}
  .tool-item h4{font-size:0.92rem;margin-bottom:6px;font-family:'Poppins',sans-serif;}
  .tool-item p{font-size:0.76rem;}
  .card-link{position:absolute;inset:0;z-index:2;}
  @media (max-width:980px){ .tools-hub-grid > .tool-item{flex-basis:48%;} }
  @media (max-width:640px){ .tools-hub-grid > .tool-item{flex-basis:100%;} }


/* ===== PAGE: tool-1.html ===== */
.calc-layout{padding:30px 0 50px;}
  .calc-layout .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start;}
  .calc-header h1{font-size:1.8rem;color:var(--green-650);margin-bottom:8px;}
  .calc-header p{font-size:0.92rem;max-width:520px;margin-bottom:24px;}
  .calc-box{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;}
  .calc-field{margin-bottom:18px;}
  .calc-field label{display:block;font-size:0.85rem;font-weight:700;margin-bottom:6px;color:var(--ink);}
  .calc-field .hint{font-size:0.74rem;color:var(--gray);margin-top:4px;}
  .calc-input-row{display:flex;align-items:center;gap:10px;}
  .calc-input-row input[type=number]{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:0.95rem;font-family:inherit;}
  .calc-input-row .unit{font-size:0.85rem;color:var(--gray);font-weight:600;}
  .calc-radio-row{display:flex;gap:10px;flex-wrap:wrap;}
  .calc-radio{border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:0.84rem;font-weight:600;cursor:pointer;}
  .calc-radio input{margin-right:6px;}
  .calc-result{background:var(--green-50);border-radius:14px;padding:20px;margin-top:6px;}
  .calc-result h4{font-size:0.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--green-700);margin-bottom:6px;font-family:'Poppins',sans-serif;}
  .calc-result .big{font-size:1.8rem;font-weight:800;color:var(--green-650);font-family:'Poppins',sans-serif;}
  .calc-result .sub{font-size:0.82rem;margin-top:4px;}
  .calc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
  .calc-result-grid .item{background:#fff;border-radius:10px;padding:12px;}
  .calc-result-grid .item .lbl{font-size:0.72rem;color:var(--gray);}
  .calc-result-grid .item .val{font-size:1rem;font-weight:700;color:var(--ink);font-family:'Poppins',sans-serif;}
  .calc-note{border-left:3px solid var(--green-500);padding:12px 16px;background:var(--cream);border-radius:0 8px 8px 0;font-size:0.82rem;margin-top:16px;}
  @media (max-width:980px){ .calc-layout .wrap{grid-template-columns:1fr;} }


/* ===== PAGE: tool-2.html ===== */
.calc-layout{padding:30px 0 50px;}
  .calc-layout .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start;}
  .calc-header h1{font-size:1.8rem;color:var(--green-650);margin-bottom:8px;}
  .calc-header p{font-size:0.92rem;max-width:520px;margin-bottom:24px;}
  .calc-box{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;}
  .calc-field{margin-bottom:18px;}
  .calc-field label{display:block;font-size:0.85rem;font-weight:700;margin-bottom:6px;color:var(--ink);}
  .calc-field .hint{font-size:0.74rem;color:var(--gray);margin-top:4px;}
  .calc-input-row{display:flex;align-items:center;gap:10px;}
  .calc-input-row input[type=number]{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:0.95rem;font-family:inherit;}
  .calc-input-row .unit{font-size:0.85rem;color:var(--gray);font-weight:600;}
  .calc-result{background:var(--green-50);border-radius:14px;padding:20px;margin-top:6px;}
  .calc-result h4{font-size:0.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--green-700);margin-bottom:6px;font-family:'Poppins',sans-serif;}
  .calc-result .big{font-size:1.8rem;font-weight:800;color:var(--green-650);font-family:'Poppins',sans-serif;}
  .calc-result .sub{font-size:0.82rem;margin-top:4px;}
  .calc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
  .calc-result-grid .item{background:#fff;border-radius:10px;padding:12px;}
  .calc-result-grid .item .lbl{font-size:0.72rem;color:var(--gray);}
  .calc-result-grid .item .val{font-size:1rem;font-weight:700;color:var(--ink);font-family:'Poppins',sans-serif;}
  .calc-note{border-left:3px solid var(--green-500);padding:12px 16px;background:var(--cream);border-radius:0 8px 8px 0;font-size:0.82rem;margin-top:16px;}
  .schedule-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:0.85rem;}
  .schedule-row:first-child{border-top:none;}
  @media (max-width:980px){ .calc-layout .wrap{grid-template-columns:1fr;} }


/* ===== PAGE: resources.html ===== */
.res-section{padding:32px 0;}
  .res-section:nth-child(even){background:var(--green-50);}
  .res-section h2{font-size:1.3rem;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
  .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .res-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;}
  .res-card h4{font-size:0.88rem;margin-bottom:6px;font-family:'Poppins',sans-serif;}
  .res-card p{font-size:0.78rem;}
  .glossary-list{columns:2;column-gap:32px;}
  .glossary-item{break-inside:avoid;margin-bottom:14px;}
  .glossary-item dt{font-weight:700;font-size:0.88rem;color:var(--ink);font-family:'Poppins',sans-serif;}
  .glossary-item dd{margin:2px 0 0;font-size:0.82rem;color:var(--gray);}
  .food-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line);}
  .food-table th{background:var(--green-100);text-align:left;padding:10px 14px;font-size:0.8rem;color:var(--green-700);}
  .food-table td{padding:10px 14px;font-size:0.85rem;border-top:1px solid var(--line);}
  @media (max-width:980px){ .res-grid{grid-template-columns:1fr 1fr;} .glossary-list{columns:1;} }
  @media (max-width:640px){ .res-grid{grid-template-columns:1fr;} }


/* ===== PAGE: about.html ===== */
.about-hero{padding:40px 0;}
  .about-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
  .about-hero h1{font-size:2rem;color:var(--green-650);margin-bottom:12px;}
  .about-hero p{font-size:0.95rem;margin-bottom:10px;}
  .about-illust{width:100%;height:280px;border-radius:16px;display:block;}
  .about-values{padding:36px 0;background:var(--green-50);}
  .about-values h2{font-size:1.3rem;text-align:center;margin-bottom:24px;}
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .value-card{background:#fff;border-radius:12px;padding:20px;text-align:center;}
  .value-card .vi{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:var(--green-100);display:flex;align-items:center;justify-content:center;}
  .value-card h4{font-size:0.92rem;margin-bottom:6px;font-family:'Poppins',sans-serif;}
  .value-card p{font-size:0.78rem;}
  .team-section{padding:40px 0;}
  .team-section h2{font-size:1.3rem;text-align:center;margin-bottom:24px;}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:700px;margin:0 auto;}
  .team-card{text-align:center;}
  .team-card .av{width:80px;height:80px;border-radius:50%;background:var(--green-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;margin:0 auto 10px;font-family:'Poppins',sans-serif;}
  .team-card h4{font-size:0.9rem;margin-bottom:2px;}
  .team-card p{font-size:0.76rem;}
  @media (max-width:980px){ .about-hero .wrap{grid-template-columns:1fr;} .values-grid{grid-template-columns:1fr 1fr;} .team-grid{grid-template-columns:1fr;} }
  @media (max-width:640px){ .values-grid{grid-template-columns:1fr;} }


/* ===== PAGE: contact.html ===== */
.contact-layout{padding:36px 0 50px;}
  .contact-layout .wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
  .contact-info h1{font-size:1.9rem;color:var(--green-650);margin-bottom:10px;}
  .contact-info p{font-size:0.92rem;margin-bottom:20px;max-width:420px;}
  .contact-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;}
  .contact-item .ci{width:36px;height:36px;border-radius:8px;background:var(--green-50);display:flex;align-items:center;justify-content:center;flex:0 0 36px;}
  .contact-item h4{font-size:0.88rem;margin-bottom:2px;font-family:'Poppins',sans-serif;}
  .contact-item p{font-size:0.82rem;margin:0;}
  .contact-form{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;}
  .form-row{margin-bottom:16px;}
  .form-row label{display:block;font-size:0.84rem;font-weight:700;margin-bottom:6px;}
  .form-row input, .form-row textarea, .form-row select{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:0.9rem;font-family:inherit;}
  .form-row textarea{min-height:110px;resize:vertical;}
  @media (max-width:980px){ .contact-layout .wrap{grid-template-columns:1fr;} }


/* ===== PAGE: sitemap.html ===== */
.sitemap-content{padding:36px 0 50px;}
  .sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .sitemap-col h3{font-size:1rem;margin-bottom:14px;color:var(--green-700);}
  .sitemap-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px;}
  .sitemap-col li a{font-size:0.87rem;color:var(--ink);}
  .sitemap-col li a:hover{color:var(--green-700);}
  @media (max-width:980px){ .sitemap-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:640px){ .sitemap-grid{grid-template-columns:1fr;} }

/* ===== WORDPRESS THEME ADDITIONS ===== */
.chapter-content h2{font-size:1.35rem;margin:0 0 12px;padding-top:28px;border-top:1px solid var(--line);}
.chapter-content > h2:first-child{border-top:none;padding-top:0;}
.chapter-content p{font-size:0.9rem;margin-bottom:10px;}
.chapter-content ul{padding-left:20px;margin-bottom:14px;}
.chapter-content li{font-size:0.88rem;color:var(--gray);margin-bottom:6px;line-height:1.6;}
.article-main h2{font-size:1.25rem;margin:32px 0 12px;}
.article-main > *:first-child{margin-top:0;}
.article-main p{font-size:0.9rem;margin-bottom:10px;}
.article-main ul, .article-main ol{padding-left:20px;margin-bottom:14px;}
.article-main li{font-size:0.88rem;color:var(--gray);margin-bottom:6px;line-height:1.6;}
.article-main img{border-radius:12px;margin:16px 0;}
.legal-content .entry-content h2{font-size:1.25rem;margin:28px 0 10px;color:var(--ink);}
.legal-content .entry-content h2:first-child{margin-top:0;}
.legal-content .entry-content p{font-size:0.9rem;margin-bottom:12px;color:var(--gray);}
.legal-content .entry-content ul{padding-left:20px;margin-bottom:12px;}
.legal-content .entry-content li{font-size:0.9rem;color:var(--gray);margin-bottom:6px;line-height:1.6;}

.resources-content h2{font-size:1.3rem;margin:40px 0 16px;}
.resources-content h2:first-child{margin-top:0;}
.resources-content p{font-size:0.9rem;margin-bottom:12px;color:var(--gray);}
.resources-content ul{padding-left:20px;margin-bottom:14px;}
.resources-content li{font-size:0.88rem;color:var(--gray);margin-bottom:6px;}
.resources-content table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-bottom:20px;}
.resources-content table th{background:var(--green-100);text-align:left;padding:10px 14px;font-size:0.8rem;color:var(--green-700);}
.resources-content table td{padding:10px 14px;font-size:0.85rem;border-top:1px solid var(--line);}

/* ===== HOMEPAGE-SPECIFIC (recovered from original static index.html) ===== */




.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}

.hero{background:linear-gradient(180deg,var(--cream) 0%, var(--cream-2) 100%);padding:34px 0 0;overflow:hidden;}

.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;}

.hero-copy{padding-left:max(24px, calc((100vw - var(--maxw))/2));padding-right:40px;}

.hero-eyebrow{color:var(--green-600);font-size:1.4rem;margin-bottom:4px;}

.hero h1{font-size:2.3rem;line-height:1.16;color:var(--ink);}

.hero h1 .accent{color:var(--green-700);display:block;}

.hero p.lead{margin-top:12px;font-size:0.95rem;max-width:440px;}

.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;}

.hero-social{display:flex;align-items:center;gap:12px;margin-top:20px;}

.avatars{display:flex;}

.avatars .avatar{width:34px;height:34px;border-radius:50%;border:3px solid var(--cream);margin-left:-10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.7rem;font-weight:700;font-family:'Poppins',sans-serif;}

.avatars .avatar:first-child{margin-left:0;}

.hero-social .txt{font-size:0.85rem;color:var(--ink);font-weight:500;display:flex;align-items:center;gap:6px;}

.hero-visual{position:relative;}

.hero-illustration{
    width:100%;height:340px;display:block;
    clip-path:polygon(9% 0%,100% 0%,100% 100%,9% 100%,11% 95%,7% 91%,11% 87%,7% 83%,11% 79%,7% 75%,11% 71%,7% 67%,11% 63%,7% 59%,11% 55%,7% 51%,11% 47%,7% 43%,11% 39%,7% 35%,11% 31%,7% 27%,11% 23%,7% 19%,11% 15%,7% 11%,11% 7%,7% 3%,9% 0%);
  }

.hero-card{position:absolute;top:45%;right:22px;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.12);max-width:185px;}

.hero-card .icon{width:30px;height:30px;border-radius:8px;background:var(--green-100);display:flex;align-items:center;justify-content:center;margin-bottom:6px;}

.hero-card h4{font-size:0.9rem;margin:0 0 5px;font-family:'Poppins',sans-serif;line-height:1.25;}

.hero-card p{font-size:0.76rem;margin-bottom:7px;line-height:1.4;}

.hero-card .dl{color:var(--green-700);font-weight:700;font-size:0.76rem;display:flex;align-items:center;gap:5px;}

.feature-strip{background:var(--green-50);padding:22px 0;}

.feature-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}

.feature-item{display:flex;gap:10px;align-items:flex-start;}

.feature-item .fi{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;margin-top:2px;}

.feature-item .fi svg{width:26px;height:26px;}

.feature-item h4{font-size:0.92rem;margin-bottom:2px;font-family:inherit;font-weight:700;}

.feature-item p{font-size:0.78rem;}

.main-grid{padding:36px 0;}

.main-grid .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start;}



.articles-grid{display:flex;flex-wrap:wrap;gap:12px;}
.articles-grid > .article-card{flex:1 1 23%;}

.tools-box{border:1px solid var(--line);border-radius:14px;padding:16px;}

.tools-grid{display:flex;flex-wrap:wrap;gap:8px;}
.tools-grid > .tool-item{flex:1 1 23%;}

.amazon-banner{background:var(--cream);border-radius:16px;padding:20px 26px;margin:0 auto 36px;max-width:var(--maxw);display:flex;align-items:center;gap:24px;flex-wrap:wrap;}

.amazon-banner .az-logo{font-size:1.6rem;font-weight:800;color:#131921;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:'Poppins',sans-serif;}

.az-text{flex:1;min-width:220px;}

.az-text h3{font-size:1.15rem;margin-bottom:10px;}

.az-thumbs{display:flex;gap:10px;}

.az-thumbs .th{width:80px;height:80px;border-radius:10px;background:#fff;border:1px solid var(--line);overflow:hidden;position:relative;}

.az-thumbs .th svg{width:100%;height:100%;display:block;}

.prime-badge{position:absolute;bottom:3px;right:4px;font-size:0.55rem;color:#00a8e1;font-weight:800;background:#fff;padding:1px 3px;border-radius:3px;}

.feat-grid{padding:0 0 36px;}

.feat-grid .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start;}

.featured-cards{display:flex;flex-wrap:wrap;gap:12px;}
.featured-cards > .feat-card{flex:1 1 31%;}

.feat-card svg, .feat-card img{height:135px;width:100%;display:block;border-radius:12px 12px 0 0;object-fit:cover;}

.feat-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;}

.feat-card .article-body h3{font-size:0.95rem;}

.feat-card .article-body p{font-size:0.78rem;}



.newsletter-card h3{font-family:'Poppins',sans-serif;font-size:1.2rem;margin-bottom:8px;color:#fff;}

.recs-card .section-head{margin-bottom:14px;}

.recs-card .section-head h3{font-size:1rem;font-family:inherit;}

.community{background:var(--green-50);padding:36px 0;}

.community .wrap{display:flex;align-items:center;gap:24px;}

.community-illust{width:360px;height:280px;border-radius:14px;flex:0 0 360px;display:block;object-fit:cover;}

.community-text{flex:1 1 260px;min-width:0;}

.community-text h3{font-size:1.4rem;margin-bottom:8px;}

.community-text p{margin-bottom:14px;max-width:420px;}

.stats-row{display:flex;gap:20px;flex-wrap:nowrap;flex:0 0 auto;}

.stat{text-align:center;}

@media (max-width:1150px){
  .community .wrap{flex-wrap:wrap;}
  .community-text{flex-basis:100%;order:2;}
  .stats-row{flex-basis:100%;order:3;justify-content:center;flex-wrap:wrap;}
}

.stat .num{font-size:1.4rem;font-weight:800;color:var(--green-700);font-family:'Poppins',sans-serif;}

.stat .lbl{font-size:0.75rem;color:var(--gray);}

footer{background:var(--green-900);color:#cdd8cf;padding:32px 0 18px;}

.ad-wrap{position:relative;margin:26px 0;}

@media (max-width: 980px){
    header{position:relative;}
    .menu-toggle{display:flex;}
    nav{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:#fff;
      flex-direction:column;
      gap:0;
      padding:6px 24px 12px;
      border-bottom:1px solid var(--line);
      box-shadow:0 12px 24px rgba(0,0,0,.08);
      z-index:60;
    }
    nav.mobile-open{display:flex;}
    nav a{padding:13px 0;border-top:1px solid var(--line);width:100%;}
    nav a:first-child{border-top:none;}
    .hero-inner{grid-template-columns:1fr;}
    .hero-copy{padding-right:24px;padding-top:8px;}
    .hero-visual{order:-1;padding:0 24px;}
    .hero-illustration{clip-path:none;border-radius:20px;}
    .main-grid .wrap{grid-template-columns:1fr;}
    .feat-grid .wrap{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .feature-strip .wrap{grid-template-columns:1fr 1fr;}
  }

@media (max-width: 640px){
    .hero h1{font-size:2rem;}
    .articles-grid > .article-card{flex-basis:48%;}
    .tools-grid > .tool-item{flex-basis:48%;}
    .featured-cards > .feat-card{flex-basis:100%;}
    .amazon-banner{flex-direction:column;align-items:flex-start;}
    .az-thumbs{flex-wrap:wrap;}
    .footer-grid{grid-template-columns:1fr;}
    .search-box{display:none;}
    .logo-text .tag{display:none;}
    .nl-label{display:none;}
    .btn-newsletter{padding:9px;}
    .logo .mark{width:32px;height:32px;flex:0 0 32px;}
    .logo-text .name1, .logo-text .name2{font-size:0.88rem;}
    .inline-ad{flex-direction:column;text-align:center;}
    .content-banner{flex-direction:column;align-items:flex-start;text-align:left;}
    .community .wrap{flex-direction:column;text-align:center;}
    .community-illust{width:220px;height:171px;flex-basis:auto;}
    .stats-row{justify-content:center;}
  }
/* ===== SINGLE ARTICLE/GUIDE-SPECIFIC (recovered from original static article.html) ===== */


.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:8px;font-weight:600;font-size:0.9rem;cursor:pointer;border:2px solid transparent;transition:transform .15s ease;}

.breadcrumb{padding:14px 0 0;font-size:0.78rem;color:var(--gray);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}

.article-header{padding:14px 0 24px;}

.article-header .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;}

.cat-tag{display:inline-block;font-size:0.68rem;font-weight:700;color:var(--green-700);background:var(--green-100);padding:4px 10px;border-radius:5px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px;}

.article-header h1{font-size:2rem;line-height:1.2;color:var(--green-650);margin-bottom:10px;}

.article-header .lead{font-size:0.92rem;max-width:480px;}

.byline{display:flex;align-items:center;gap:10px;margin-top:16px;}

.byline .av{width:34px;height:34px;border-radius:50%;background:var(--green-500);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:0.8rem;flex:0 0 34px;}

.byline .who{font-size:0.82rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:4px;}

.byline .meta{font-size:0.75rem;color:var(--gray);}

.article-actions{display:flex;gap:20px;margin-top:14px;font-size:0.8rem;font-weight:600;color:var(--gray);}

.article-actions span{display:flex;align-items:center;gap:6px;cursor:pointer;}

.article-actions span:hover{color:var(--green-700);}

.article-hero-img{width:100%;height:280px;border-radius:16px;display:block;}

.toc-box{background:var(--green-50);border-radius:14px;padding:20px 24px;margin-bottom:30px;}

.toc-box h4{font-size:1rem;margin-bottom:12px;font-family:'Poppins',sans-serif;}

.toc-box .toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;}

.toc-box .toc-grid a{display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:var(--ink);padding:3px 0;}

.toc-box .toc-grid a:hover{color:var(--green-700);}

.article-layout{padding:0 0 40px;}

.article-layout .wrap{display:grid;grid-template-columns:1.65fr 1fr;gap:32px;align-items:start;}

.article-main section{margin-bottom:30px;}

.sec-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;}

.sec-head h2{font-size:1.25rem;color:var(--ink);}

.with-mascot{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center;}

.benefit-grid{display:flex;flex-wrap:wrap;gap:12px;}

.benefit-card{flex:1 1 200px;background:var(--green-50);border-radius:12px;padding:16px;text-align:center;}

.benefit-card .bi{width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}

.benefit-card h4{font-size:0.85rem;margin-bottom:5px;font-family:'Poppins',sans-serif;}

.benefit-card p{font-size:0.72rem;}

.materials-grid{display:flex;flex-wrap:wrap;gap:10px;}

.material-card{flex:1 1 150px;border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;}

.material-card .mi{width:46px;height:46px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;}

.material-card h4{font-size:0.78rem;margin-bottom:4px;font-family:'Poppins',sans-serif;}

.material-card p{font-size:0.68rem;}

.step-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}

.step-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}

.step-list li{display:flex;gap:12px;}

.step-num{width:26px;height:26px;border-radius:50%;background:var(--green-700);color:#fff;font-weight:700;font-size:0.8rem;display:flex;align-items:center;justify-content:center;flex:0 0 26px;}

.step-list h4{font-size:0.88rem;margin-bottom:2px;font-family:'Poppins',sans-serif;}

.step-list p{font-size:0.8rem;}

.video-thumb{position:relative;border-radius:14px;overflow:hidden;}

.video-illustration{width:100%;height:220px;display:block;}

.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--green-700);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.25);}

.video-caption{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.92);border-radius:8px;padding:6px 12px;font-size:0.78rem;font-weight:600;display:flex;align-items:center;gap:6px;}

.feed-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

.feed-box{border-radius:12px;padding:16px;}

.feed-box.good{background:#eef6ea;}

.feed-box.bad{background:#fbeeea;}

.feed-box h4{font-size:0.88rem;margin-bottom:10px;display:flex;align-items:center;gap:7px;font-family:'Poppins',sans-serif;}

.feed-box ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px;}

.feed-box li{font-size:0.82rem;display:flex;align-items:center;gap:8px;color:var(--ink);}

.faq-item{border-bottom:1px solid var(--line);}

.feedback-row{border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}

.feedback-row h4{font-size:0.9rem;margin-bottom:2px;font-family:'Poppins',sans-serif;}

.feedback-row p{font-size:0.75rem;}

.feedback-btns{display:flex;gap:8px;}

.fb-btn{border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:0.82rem;font-weight:600;display:flex;align-items:center;gap:6px;background:#fff;}

.article-nav{display:flex;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);}

.article-nav a{font-size:0.8rem;color:var(--gray);}

.article-nav .label{font-size:0.7rem;text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:3px;}

.article-nav .title{font-weight:700;color:var(--ink);font-size:0.88rem;}

.article-nav .next{text-align:right;}

.article-nav .arrow-row{display:flex;align-items:center;gap:8px;}

.article-nav .next .arrow-row{flex-direction:row-reverse;}

.sidebar-stack{display:flex;flex-direction:column;gap:20px;}

@media (max-width: 980px){
    header{position:relative;}
    .menu-toggle{display:flex;}
    nav{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:#fff;
      flex-direction:column;
      gap:0;
      padding:6px 24px 12px;
      border-bottom:1px solid var(--line);
      box-shadow:0 12px 24px rgba(0,0,0,.08);
      z-index:60;
    }
    nav.mobile-open{display:flex;}
    nav a{padding:13px 0;border-top:1px solid var(--line);width:100%;}
    nav a:first-child{border-top:none;}
    .article-header .wrap{grid-template-columns:1fr;}
    .article-layout .wrap{grid-template-columns:1fr;}
    .benefit-card{flex-basis:45%;}
    .material-card{flex-basis:28%;}
    .step-layout{grid-template-columns:1fr;}
    .feed-compare{grid-template-columns:1fr;}
    .toc-box .toc-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }

@media (max-width: 640px){
    .search-box{display:none;}
    .logo-text .tag{display:none;}
    .nl-label{display:none;}
    .btn-newsletter{padding:9px;}
    .logo .mark{width:32px;height:32px;flex:0 0 32px;}
    .logo-text .name1, .logo-text .name2{font-size:0.88rem;}
    .inline-ad{flex-direction:column;text-align:center;}
    .content-banner{flex-direction:column;align-items:flex-start;text-align:left;}
    .article-header h1{font-size:1.5rem;}
    .benefit-card{flex-basis:100%;}
    .material-card{flex-basis:45%;}
    .footer-grid{grid-template-columns:1fr;}
  }
/* Empty-state fallback text ("Add your first Article...") must span
   the full row regardless of whether its parent is a flex or grid
   container — otherwise it gets squeezed into a single column/flex
   track and wraps into a narrow, cramped column of text. */
.empty-state-msg{flex-basis:100% !important;width:100%;grid-column:1/-1;text-align:center;padding:24px 16px;color:var(--gray);font-size:0.88rem;}

/* ===== LEGAL PAGE TEMPLATE (Privacy/Terms/Affiliate) ===== */
.legal-hero{background:var(--green-900);color:#fff;padding:40px 0;text-align:center;}
.legal-hero-icon{width:56px;height:56px;border-radius:50%;background:var(--green-700);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.legal-hero h1{color:#fff;font-size:1.8rem;margin-bottom:8px;}
.legal-updated-date{color:#9fb1a3;font-size:0.82rem;}

.legal-layout{padding:36px 0 56px;}
.legal-layout .wrap{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;max-width:980px;}
.legal-toc-side{position:sticky;top:20px;}
.legal-toc-side ul li a{font-size:0.8rem;}

.legal-content-col{min-width:0;}
.legal-body h2{font-size:1.2rem;margin:28px 0 10px;color:var(--ink);scroll-margin-top:20px;}
.legal-body h2:first-child{margin-top:0;}
.legal-body p{font-size:0.9rem;margin-bottom:12px;color:var(--gray);line-height:1.7;}
.legal-body ul{padding-left:20px;margin-bottom:14px;}
.legal-body li{font-size:0.9rem;color:var(--gray);margin-bottom:6px;line-height:1.6;}
.legal-body a{color:var(--green-700);font-weight:600;}
.legal-footer-note{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:0.85rem;}
.legal-footer-note a{color:var(--green-700);font-weight:600;}

@media (max-width:900px){
  .legal-layout .wrap{grid-template-columns:1fr;}
  .legal-toc-side{position:static;}
}

/* ===== FAQ PAGE TEMPLATE ===== */
.faq-hero{background:var(--green-50);padding:36px 0;text-align:center;}
.faq-hero h1{font-size:1.9rem;color:var(--green-650);margin:8px 0;}
.faq-hero p{max-width:520px;margin:0 auto;}
.faq-category-nav{justify-content:center;margin:24px auto;}

.faq-page-body{max-width:820px;margin:0 auto;padding-bottom:40px;}
.faq-page-body h2{font-size:1.25rem;margin:36px 0 14px;color:var(--ink);scroll-margin-top:20px;display:flex;align-items:center;gap:8px;}
.faq-page-body h2::before{content:"";width:18px;height:18px;flex:0 0 18px;background-color:var(--green-700);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21c-4-3-8-7-8-12a8 8 0 0116 0c0 5-4 9-8 12z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21c-4-3-8-7-8-12a8 8 0 0116 0c0 5-4 9-8 12z'/%3E%3C/svg%3E") center/contain no-repeat;}
.faq-page-body h2:first-child{margin-top:0;}
.faq-page-body p{font-size:0.9rem;color:var(--gray);}
.faq-page-body a{color:var(--green-700);font-weight:600;}

.faq-cta{padding:0 0 50px;}
.faq-cta-inner{background:var(--green-900);border-radius:16px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.faq-cta-inner h3{color:#fff;font-size:1.2rem;margin-bottom:6px;}
.faq-cta-inner p{color:#c9d6cc;font-size:0.85rem;max-width:420px;}
.faq-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.faq-cta-actions .btn-outline{background:transparent;border-color:#fff;color:#fff;}
.faq-cta-actions .btn-outline:hover{background:#fff;color:var(--green-800);}

@media (max-width:640px){
  .faq-cta-inner{flex-direction:column;text-align:center;}
}
