/* ============================================================
   PlantCare.dotiam.com — Page CSS (page.css)
   Tools Archive, Blog Archive, Category Archive pages
   ============================================================ */
@font-face { font-family:'Inter'; font-display:swap; }

:root {
    --pg-green:   #16a34a;
    --pg-green-d: #14532d;
    --pg-bg:      #f0fdf4;
    --pg-border:  #bbf7d0;
    --pg-text:    #1f2937;
    --pg-muted:   #6b7280;
    --pg-surface: #ffffff;
    --pg-radius:  12px;
    --pg-radius-lg:18px;
    --pg-shadow:  0 2px 16px rgba(22,163,74,.10);
    --pg-font:    'Inter',-apple-system,sans-serif;
}
*, *::before, *::after { box-sizing:border-box; }

/* ── TOOLS ARCHIVE ─────────────────────────────────────────── */

/* Hero */
.ta-hero { background:linear-gradient(135deg,#14532d 0%,#16a34a 50%,#4ade80 100%); padding:56px 20px 64px; text-align:center; position:relative; overflow:hidden; }
.ta-hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.ta-hero-inner  { position:relative; max-width:760px; margin:0 auto; }
.ta-hero-tag    { display:inline-block; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3); color:#fff; border-radius:30px; padding:5px 18px; font-size:.75rem; font-weight:700; letter-spacing:.5px; margin-bottom:16px; font-family:var(--pg-font); }
.ta-hero-h1     { font-size:clamp(2rem,5vw,3rem); font-weight:900; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.2); line-height:1.15; margin:0 0 6px; font-family:var(--pg-font); }
.ta-hero-h1-hi  { display:block; font-size:clamp(1rem,2.5vw,1.3rem); font-weight:600; opacity:.88; margin-top:6px; }
.ta-hero-sub    { font-size:clamp(.9rem,2vw,1.05rem); color:rgba(255,255,255,.92); margin:14px 0 4px; line-height:1.6; }
.ta-hero-sub-hi { font-size:.84rem; color:rgba(255,255,255,.78); margin:0 0 24px; }
.ta-stats       { display:flex; align-items:center; justify-content:center; gap:0; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); border-radius:50px; padding:12px 28px; width:fit-content; margin:0 auto; flex-wrap:wrap; gap:4px; }
.ta-stat        { display:flex; flex-direction:column; align-items:center; padding:0 16px; }
.ta-stat-num    { font-size:1.5rem; font-weight:900; color:#fff; line-height:1; font-family:var(--pg-font); }
.ta-stat-lbl    { font-size:.65rem; color:rgba(255,255,255,.8); text-transform:uppercase; letter-spacing:.5px; font-family:var(--pg-font); }
.ta-stat-div    { width:1px; height:36px; background:rgba(255,255,255,.3); }

/* Filter Bar */
.ta-filter-bar { background:#fff; border-bottom:1px solid var(--pg-border); padding:14px 0; position:sticky; top:0; z-index:100; box-shadow:0 2px 12px rgba(22,163,74,.08); }
.ta-container  { max-width:1200px; margin:0 auto; padding:0 20px; }
.ta-filter-bar .ta-container { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ta-filters    { display:flex; gap:7px; flex-wrap:wrap; flex:1; }
.ta-filter     { padding:7px 15px; border-radius:20px; border:1.5px solid var(--pg-border); background:#fff; font-size:.76rem; font-weight:700; color:var(--pg-muted); cursor:pointer; transition:all .2s; font-family:var(--pg-font); white-space:nowrap; }
.ta-filter:hover { border-color:#86efac; color:var(--pg-green-d); }
.ta-filter.active { border-color:var(--pg-green); background:rgba(22,163,74,.08); color:var(--pg-green-d); box-shadow:0 0 0 3px rgba(22,163,74,.1); }
.ta-search-wrap { flex-shrink:0; }
.ta-search      { padding:9px 16px; border:1.5px solid var(--pg-border); border-radius:20px; font-size:.84rem; font-family:var(--pg-font); outline:none; width:220px; transition:border-color .2s; color:var(--pg-text); }
.ta-search:focus { border-color:var(--pg-green); box-shadow:0 0 0 3px rgba(22,163,74,.1); }
@media(max-width:640px){ .ta-search{width:100%;} }

/* Main */
.ta-main { background:var(--pg-bg); padding:28px 0 48px; }

/* Jump links */
.ta-jump-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.ta-jump-link { padding:6px 14px; border-radius:20px; font-size:.74rem; font-weight:700; border:1.5px solid; text-decoration:none; transition:all .2s; font-family:var(--pg-font); }
.ta-jump-link:hover { opacity:.8; transform:translateY(-1px); }

/* No results */
.ta-no-results { display:flex; flex-direction:column; align-items:center; gap:10px; padding:48px; text-align:center; }
.ta-no-results span { font-size:2.5rem; opacity:.3; }
.ta-no-results p  { font-size:.9rem; color:var(--pg-muted); font-family:var(--pg-font); }

/* Category section */
.ta-cat-section { margin-bottom:36px; }
.ta-cat-header  { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.ta-cat-title   { font-size:1.1rem; font-weight:900; font-family:var(--pg-font); white-space:nowrap; }
.ta-cat-line    { flex:1; height:2px; border-radius:2px; }
.ta-cat-count   { font-size:.72rem; font-weight:700; color:var(--pg-muted); background:#fff; border:1px solid var(--pg-border); border-radius:20px; padding:2px 10px; white-space:nowrap; font-family:var(--pg-font); }

/* Tools Grid */
.ta-tools-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; }

/* Tool Card */
.ta-tool-card  { display:flex; flex-direction:column; background:#fff; border:1.5px solid var(--pg-border); border-radius:var(--pg-radius-lg); overflow:hidden; text-decoration:none; transition:all .25s; box-shadow:var(--pg-shadow); }
.ta-tool-card:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(22,163,74,.18); border-color:#86efac; }
.ta-card-top   { display:flex; align-items:center; justify-content:space-between; padding:20px; position:relative; overflow:hidden; min-height:80px; }
.ta-card-top::after { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M20 20v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.ta-card-icon  { font-size:2.8rem; z-index:1; filter:drop-shadow(0 2px 8px rgba(0,0,0,.2)); }
.ta-card-arrow { background:rgba(255,255,255,.25); border:1px solid rgba(255,255,255,.4); color:#fff; border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:.9rem; font-weight:700; z-index:1; transition:all .2s; }
.ta-tool-card:hover .ta-card-arrow { background:rgba(255,255,255,.4); transform:translateX(3px); }
.ta-card-body  { padding:16px; flex:1; display:flex; flex-direction:column; gap:6px; }
.ta-card-name  { font-size:.95rem; font-weight:800; color:var(--pg-text); font-family:var(--pg-font); line-height:1.3; }
.ta-card-desc  { font-size:.78rem; color:var(--pg-muted); line-height:1.55; font-family:var(--pg-font); }
.ta-card-desc-hi { font-size:.72rem; color:#9ca3af; line-height:1.5; font-family:var(--pg-font); margin-top:3px; font-style:italic; }
.ta-card-tags  { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }
.ta-card-tag   { font-size:.62rem; font-weight:700; padding:2px 7px; border-radius:10px; background:rgba(22,163,74,.08); color:#166534; border:1px solid rgba(22,163,74,.18); font-family:var(--pg-font); white-space:nowrap; }
.ta-card-footer{ display:flex; align-items:center; justify-content:space-between; margin-top:8px; padding-top:8px; border-top:1px solid var(--pg-border); }
.ta-card-free  { font-size:.68rem; font-weight:800; background:rgba(22,163,74,.1); color:var(--pg-green-d); border:1px solid rgba(22,163,74,.2); border-radius:20px; padding:2px 8px; font-family:var(--pg-font); }
.ta-card-try   { font-size:.72rem; font-weight:700; color:var(--pg-green); font-family:var(--pg-font); transition:all .2s; }
.ta-tool-card:hover .ta-card-try { color:var(--pg-green-d); }

/* Bottom CTA */
.ta-cta-section { background:#fff; padding:48px 0; border-top:1px solid var(--pg-border); }
.ta-cta-box { display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(135deg,rgba(20,83,45,.05),rgba(74,222,128,.05)); border:1.5px solid var(--pg-border); border-radius:var(--pg-radius-lg); padding:28px 32px; flex-wrap:wrap; }
.ta-cta-left { flex:1; }
.ta-cta-title { font-size:1.2rem; font-weight:800; color:var(--pg-green-d); font-family:var(--pg-font); margin-bottom:6px; }
.ta-cta-sub   { font-size:.86rem; color:var(--pg-muted); font-family:var(--pg-font); margin-bottom:3px; }
.ta-cta-sub-hi{ font-size:.78rem; color:var(--pg-muted); font-family:var(--pg-font); }
.ta-cta-btn   { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#14532d,#16a34a); color:#fff; text-decoration:none; border-radius:var(--pg-radius); padding:14px 24px; font-size:.9rem; font-weight:800; font-family:var(--pg-font); transition:all .2s; box-shadow:0 4px 18px rgba(22,163,74,.4); white-space:nowrap; flex-shrink:0; }
.ta-cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(22,163,74,.55); }

/* ── BLOG ARCHIVE (for later) ──────────────────────────────── */
.ba-hero { background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 100%); padding:52px 20px 60px; text-align:center; }
.ba-hero-tag  { display:inline-block; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3); color:#fff; border-radius:30px; padding:5px 18px; font-size:.75rem; font-weight:700; margin-bottom:14px; font-family:var(--pg-font); }
.ba-hero-h1   { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:900; color:#fff; line-height:1.15; margin:0; font-family:var(--pg-font); }
.ba-hero-sub  { font-size:.95rem; color:rgba(255,255,255,.9); margin:12px 0 0; font-family:var(--pg-font); }

/* ── SHARED (pi- class from config) ───────────────────────── */
.pi-breadcrumb { background:#fff; border-bottom:1px solid var(--pg-border); padding:10px 0; }
.pi-bc-inner   { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:8px; font-size:.8rem; font-family:var(--pg-font); }
.pi-bc-inner a { color:var(--pg-green); font-weight:500; text-decoration:none; }
.pi-bc-sep     { color:var(--pg-muted); }

@media(max-width:768px){
    .ta-hero         { padding:40px 16px 48px; }
    .ta-tools-grid   { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
    .ta-card-top     { padding:16px; min-height:70px; }
    .ta-card-icon    { font-size:2.2rem; }
    .ta-cta-box      { flex-direction:column; padding:20px; }
    .ta-cta-btn      { width:100%; justify-content:center; }
    .ta-stat         { padding:0 10px; }
}
@media(max-width:480px){
    .ta-tools-grid   { grid-template-columns:1fr 1fr; }
    .ta-stats        { gap:0; }
}
a.ta-cta-btn:hover,a.sp-cta-btn-primary:hover{
	color: white;
}
/* ══════════════════════════════════════════════════════════════
   STATIC PAGES — About, Contact, Privacy, Disclaimer etc.
   sp- prefix
══════════════════════════════════════════════════════════════ */

/* Hero */
.sp-hero { padding:52px 20px 60px; text-align:center; position:relative; overflow:hidden; }
.sp-hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='3'/%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.sp-hero-inner { position:relative; max-width:680px; margin:0 auto; }
.sp-hero-icon  { font-size:3.5rem; display:block; margin-bottom:12px; filter:drop-shadow(0 3px 10px rgba(0,0,0,.2)); }
.sp-hero-h1    { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:900; color:#fff; margin:0; text-shadow:0 2px 12px rgba(0,0,0,.2); font-family:var(--pg-font); line-height:1.2; }
.sp-hero-h1-hi { display:block; font-size:clamp(.9rem,2vw,1.1rem); font-weight:600; opacity:.88; margin-top:6px; }
.sp-hero-sub   { font-size:.95rem; color:rgba(255,255,255,.9); margin:12px 0 0; line-height:1.6; font-family:var(--pg-font); }

/* Page Body */
.sp-page-body  { background:var(--pg-bg); padding:40px 0 56px; }
.sp-container  { max-width:900px; margin:0 auto; padding:0 20px; }

/* Section */
.sp-section { background:#fff; border:1.5px solid var(--pg-border); border-radius:var(--pg-radius-lg); padding:28px 32px; margin-bottom:20px; box-shadow:var(--pg-shadow); }
.sp-section-icon { font-size:2rem; display:block; margin-bottom:10px; }
.sp-h2 { font-size:1.25rem; font-weight:900; color:var(--pg-green-d); margin:0 0 14px; font-family:var(--pg-font); line-height:1.3; border-left:4px solid var(--pg-green); padding-left:12px; }
.sp-h3 { font-size:1rem; font-weight:800; color:var(--pg-text); margin:18px 0 8px; font-family:var(--pg-font); }
.sp-p  { font-size:.9rem; color:#374151; line-height:1.8; margin:0 0 12px; font-family:var(--pg-font); }
.sp-p:last-child { margin-bottom:0; }
.sp-link { color:var(--pg-green); font-weight:600; text-decoration:none; }
.sp-link:hover { text-decoration:underline; }

/* Highlight Box */
.sp-highlight-box { display:flex; gap:14px; background:rgba(22,163,74,.07); border:1px solid rgba(22,163,74,.2); border-radius:var(--pg-radius); padding:16px; margin-top:16px; }
.sp-hb-icon  { font-size:1.5rem; flex-shrink:0; }
.sp-hb-title { font-size:.82rem; font-weight:800; color:var(--pg-green-d); margin-bottom:4px; font-family:var(--pg-font); }
.sp-hb-text  { font-size:.84rem; color:#374151; line-height:1.65; font-family:var(--pg-font); }

/* Cards Grid */
.sp-cards-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
@media(max-width:640px){ .sp-cards-grid{grid-template-columns:1fr;} }
.sp-card      { background:var(--pg-bg); border:1px solid var(--pg-border); border-radius:var(--pg-radius); padding:16px; }
.sp-card-icon { font-size:1.8rem; display:block; margin-bottom:8px; }
.sp-card-title{ font-size:.88rem; font-weight:800; color:var(--pg-green-d); margin-bottom:5px; font-family:var(--pg-font); }
.sp-card-text { font-size:.78rem; color:var(--pg-muted); line-height:1.6; font-family:var(--pg-font); }

/* Feature List */
.sp-feature-list { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.sp-feature-item { display:flex; gap:10px; font-size:.86rem; color:#374151; line-height:1.6; font-family:var(--pg-font); }

/* Tech Grid */
.sp-tech-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
@media(max-width:640px){ .sp-tech-grid{grid-template-columns:1fr;} }
.sp-tech-item { background:var(--pg-bg); border:1px solid var(--pg-border); border-radius:var(--pg-radius); padding:14px; }
.sp-tech-name { font-size:.84rem; font-weight:800; color:var(--pg-green-d); margin-bottom:5px; font-family:var(--pg-font); }
.sp-tech-desc { font-size:.76rem; color:var(--pg-muted); line-height:1.55; font-family:var(--pg-font); }

/* Network Grid */
.sp-network-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
@media(max-width:500px){ .sp-network-grid{grid-template-columns:1fr;} }
.sp-network-card { display:flex; gap:12px; padding:14px; background:var(--pg-bg); border:1.5px solid var(--pg-border); border-radius:var(--pg-radius); text-decoration:none; transition:all .2s; }
.sp-network-card:hover { border-color:var(--pg-green); box-shadow:var(--pg-shadow); transform:translateY(-2px); }
.sp-nc-icon { font-size:1.8rem; flex-shrink:0; }
.sp-nc-name { font-size:.86rem; font-weight:800; color:var(--pg-text); font-family:var(--pg-font); margin-bottom:3px; }
.sp-nc-desc { font-size:.72rem; color:var(--pg-muted); line-height:1.5; font-family:var(--pg-font); }

/* CTA Box */
.sp-cta-box { background:linear-gradient(135deg,rgba(20,83,45,.06),rgba(74,222,128,.04)); border:2px solid var(--pg-border); border-radius:var(--pg-radius-lg); padding:26px 28px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.sp-cta-left  { flex:1; }
.sp-cta-title { font-size:1.1rem; font-weight:800; color:var(--pg-green-d); margin-bottom:6px; font-family:var(--pg-font); }
.sp-cta-sub   { font-size:.84rem; color:var(--pg-muted); font-family:var(--pg-font); line-height:1.6; }
.sp-cta-btns  { display:flex; gap:10px; flex-wrap:wrap; flex-shrink:0; }
.sp-cta-btn-primary { display:inline-flex; align-items:center; gap:7px; padding:11px 22px; background:linear-gradient(135deg,var(--pg-green-d),var(--pg-green)); color:#fff; border-radius:var(--pg-radius); font-size:.84rem; font-weight:800; text-decoration:none; transition:all .2s; box-shadow:0 3px 12px rgba(22,163,74,.35); font-family:var(--pg-font); }
.sp-cta-btn-primary:hover { transform:translateY(-2px); box-shadow:0 5px 18px rgba(22,163,74,.5); }
.sp-cta-btn-secondary { display:inline-flex; align-items:center; gap:7px; padding:11px 20px; background:#fff; color:var(--pg-text); border:1.5px solid var(--pg-border); border-radius:var(--pg-radius); font-size:.84rem; font-weight:700; text-decoration:none; transition:all .2s; font-family:var(--pg-font); }
.sp-cta-btn-secondary:hover { border-color:var(--pg-green); color:var(--pg-green-d); }

/* Contact Form */
.sp-form { display:flex; flex-direction:column; gap:16px; margin-top:14px; }
.sp-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:540px){ .sp-form-row{grid-template-columns:1fr;} }
.sp-field { display:flex; flex-direction:column; gap:5px; }
.sp-label { font-size:.78rem; font-weight:700; color:var(--pg-text); font-family:var(--pg-font); }
.sp-input,.sp-textarea,.sp-select { width:100%; padding:10px 14px; border:1.5px solid var(--pg-border); border-radius:var(--pg-radius); font-size:.88rem; color:var(--pg-text); background:var(--pg-bg); outline:none; font-family:var(--pg-font); transition:border-color .2s; }
.sp-input:focus,.sp-textarea:focus,.sp-select:focus { border-color:var(--pg-green); box-shadow:0 0 0 3px rgba(22,163,74,.1); background:#fff; }
.sp-textarea { resize:vertical; line-height:1.6; }
.sp-submit { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 28px; background:linear-gradient(135deg,var(--pg-green-d),var(--pg-green)); color:#fff; border:none; border-radius:var(--pg-radius); font-size:.9rem; font-weight:800; cursor:pointer; transition:all .2s; font-family:var(--pg-font); box-shadow:0 3px 14px rgba(22,163,74,.4); align-self:flex-start; }
.sp-submit:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(22,163,74,.55); }
.sp-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.sp-form-success { background:rgba(22,163,74,.1); border:1px solid rgba(22,163,74,.3); border-radius:var(--pg-radius); padding:14px 16px; font-size:.88rem; color:var(--pg-green-d); font-family:var(--pg-font); font-weight:600; display:none; }
.sp-form-error   { background:rgba(220,38,38,.08); border:1px solid rgba(220,38,38,.2); border-radius:var(--pg-radius); padding:14px 16px; font-size:.88rem; color:#991b1b; font-family:var(--pg-font); font-weight:600; display:none; }

/* Privacy/Disclaimer content */
.sp-legal-section { margin-bottom:24px; }
.sp-legal-date { display:inline-block; background:rgba(22,163,74,.08); border:1px solid rgba(22,163,74,.2); color:var(--pg-green-d); border-radius:20px; padding:4px 14px; font-size:.72rem; font-weight:700; margin-bottom:20px; font-family:var(--pg-font); }
.sp-ul { list-style:none; padding:0; margin:10px 0 14px; display:flex; flex-direction:column; gap:7px; }
.sp-ul li { display:flex; gap:8px; font-size:.86rem; color:#374151; line-height:1.6; font-family:var(--pg-font); }
.sp-ul li::before { content:'🌿'; flex-shrink:0; }

/* Sitemap */
.sp-sitemap-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-top:14px; }

.sp-sitemap-grid.its2grid { display: flex; flex-direction: column; }
.sp-sitemap-grid.its2grid ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 14px; }

@media(max-width:720px){ 
.sp-sitemap-grid{grid-template-columns:1fr 1fr;} 
.sp-sitemap-grid.its2grid ul { grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){ 
.sp-sitemap-grid{grid-template-columns:1fr;} 
.sp-sitemap-grid.its2grid ul { grid-template-columns:1fr;}

}
.sp-sitemap-col h3 { font-size:.84rem; font-weight:800; color:var(--pg-green-d); margin:0 0 10px; font-family:var(--pg-font); padding-bottom:6px; border-bottom:2px solid var(--pg-border); }
.sp-sitemap-col ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:5px; }
.sp-sitemap-col ul li a { display:flex; align-items:center; gap:6px; font-size:.78rem; color:var(--pg-text); text-decoration:none; font-family:var(--pg-font); padding:3px 0; transition:color .2s; }
.sp-sitemap-col ul li a:hover { color:var(--pg-green); }

@media(max-width:640px){
    .sp-section { padding:20px 18px; }
    .sp-cta-box { flex-direction:column; }
    .sp-cta-btns { width:100%; }
    .sp-cta-btn-primary,.sp-cta-btn-secondary { width:100%; justify-content:center; }
}