/* Fornianation — Garden Editorial v3 (solid colors, off-white, blog-like) */
:root{
  --paper:#fdfaf3;          /* sunshine off-white */
  --paper-2:#f7f1e6;
  --paper-3:#fffaf0;
  --ink:#1f2a22;
  --ink-soft:#5a6358;
  --rule:#e7dfcf;
  --rule-soft:#efe8d6;

  --rose:#d8456e;
  --rose-2:#fbe5ec;
  --peach:#e88a4f;
  --peach-2:#fbe8d6;
  --sun:#e7b13a;
  --sun-2:#fbeec5;
  --lilac:#8e6dc7;
  --lilac-2:#ece4f6;
  --sky:#3f8fc1;
  --sky-2:#dceaf3;
  --mint:#4d9978;
  --mint-2:#d9ebe1;
  --leaf:#2f6b4d;

  --shadow-sm:0 2px 8px rgba(40,30,15,.05);
  --shadow:0 8px 24px rgba(40,30,15,.07);
  --shadow-lg:0 18px 40px -18px rgba(40,30,15,.18);

  --font-serif:"Cormorant Garamond",ui-serif,Georgia,serif;
  --font-sans:"Karla",ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.7}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--rose)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--ink)}
h1{font-size:clamp(2rem,4.5vw,3.4rem)}
h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
h3{font-size:1.25rem}
p{margin:.65em 0}
::selection{background:var(--sun-2);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:100}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
@media(min-width:1024px){.container{padding:0 32px}}
.container.narrow{max-width:780px}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rose)}
.link-accent{color:var(--rose)}.link-accent:hover{color:var(--leaf)}
em,.italic{font-style:italic}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade-up{animation:fadeUp .7s ease both}
.fade-in{animation:fadeIn .8s ease both}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* Header */
.site-header{border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50;background:rgba(253,250,243,.92);backdrop-filter:saturate(160%) blur(10px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:34px;height:34px;flex:0 0 34px}
.brand-name{font-family:var(--font-serif);font-size:1.55rem;color:var(--leaf);font-weight:600;letter-spacing:.02em}
.brand-tag{display:none;font-size:.62rem;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-soft)}
@media(min-width:720px){.brand-tag{display:inline}}
.site-nav{display:none;gap:24px;font-size:.92rem;align-items:center}
@media(min-width:960px){.site-nav{display:flex}}
.site-nav a{position:relative;padding:6px 2px;color:var(--ink)}
.site-nav a:hover,.site-nav a.active{color:var(--rose)}
.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--rose)}
.lang{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);padding:4px 6px;border-radius:8px;font-size:.78rem;background:#fff;cursor:pointer;min-width:40px;height:36px;justify-content:center}
.lang:hover{border-color:var(--rose);color:var(--rose)}
.lang:before{content:"🌐";font-size:.95rem;line-height:1}
.menu-toggle{font-size:1.3rem;padding:6px 12px;border:1px solid var(--rule);border-radius:8px;background:#fff}
@media(min-width:960px){.menu-toggle{display:none}}
.mobile-nav{display:none;flex-direction:column;border-top:1px solid var(--rule);padding:14px 20px;gap:12px;background:#fff}
body.nav-open .mobile-nav{display:flex}

/* Breadcrumb */
.breadcrumb{padding:12px 20px;font-size:.78rem;color:var(--ink-soft);border-bottom:1px solid var(--rule-soft);background:var(--paper-3)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;max-width:1200px;margin:0 auto}
.breadcrumb li+li:before{content:"›";margin-right:8px;color:var(--ink-soft)}
.breadcrumb a:hover{color:var(--rose)}

/* Hero (solid colored panels, not gradient) */
.home-hero,.page-hero,.species-hero,.post-hero{border-bottom:1px solid var(--rule);padding:48px 0 56px;background:var(--paper-3)}
.home-hero{background:var(--rose-2)}
.species-hero{background:var(--peach-2)}
.post-hero{background:var(--mint-2)}
.page-hero{background:var(--sun-2)}
.hero-grid{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1.3fr 1fr;gap:48px}}
.home-hero h1{margin-top:14px}
.home-hero h1 em{color:var(--rose);font-style:italic}
.lede{margin-top:16px;font-size:1.05rem;line-height:1.7;color:var(--ink-soft);max-width:38rem}

/* Hero image — constrained */
.hero-figure{margin:1rem 0!important}
.hero-figure img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;border:1px solid var(--rule);box-shadow:var(--shadow)}
.page-hero .hero-figure img,.species-hero .hero-figure img{max-height:300px}
@media(max-width:720px){.hero-figure img{max-height:240px}}

.search-line{display:flex;align-items:center;gap:8px;max-width:30rem;background:#fff;border:1px solid var(--rule);border-radius:999px;padding:8px 8px 8px 18px;margin-top:24px;box-shadow:var(--shadow-sm)}
.search-line:focus-within{border-color:var(--rose)}
.search-line input{flex:1;background:transparent;border:0;outline:0;font:inherit;font-size:.95rem}
.search-line button.go{padding:10px 18px;border-radius:999px;background:var(--rose);color:#fff;font-size:.85rem;font-weight:600}
.search-line.center{margin:24px auto 0}
.try-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.8rem;color:var(--ink-soft)}
.try-row a{color:var(--rose);font-weight:600}

.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-stats>div{background:#fff;padding:18px;border-radius:12px;border:1px solid var(--rule);box-shadow:var(--shadow-sm)}
.hero-stats>div:nth-child(1){border-left:3px solid var(--rose)}
.hero-stats>div:nth-child(2){border-left:3px solid var(--peach)}
.hero-stats>div:nth-child(3){border-left:3px solid var(--lilac)}
.hero-stats>div:nth-child(4){border-left:3px solid var(--mint)}
.hero-stats strong{display:block;font-family:var(--font-serif);font-size:1.8rem;color:var(--leaf)}
.hero-stats span{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}

/* Sections */
.section{padding:60px 0;border-bottom:1px solid var(--rule-soft)}
.section-muted{background:var(--paper-2)}
.section-head{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
@media(min-width:640px){.section-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.section-title{margin:48px 0 20px;font-size:1.6rem}

/* Card grids */
.t-grid,.buy-grid,.cat-grid,.j-grid,.species-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:600px){.t-grid,.buy-grid,.j-grid,.species-grid{grid-template-columns:repeat(2,1fr)}.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.t-grid,.buy-grid{grid-template-columns:repeat(4,1fr)}.j-grid,.species-grid{grid-template-columns:repeat(3,1fr)}.cat-grid{grid-template-columns:repeat(4,1fr)}}

.t-card,.buy-card,.cat,.j-card,.species-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:0;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.t-card:hover,.buy-card:hover,.cat:hover,.j-card:hover,.species-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--rose)}
.t-card>a,.buy-card>a{display:flex;flex-direction:column;height:100%}
.t-card .t-img,.buy-card .buy-img{aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}
.t-card .t-img img,.buy-card .buy-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.t-card:hover .t-img img,.buy-card:hover .buy-img img{transform:scale(1.05)}
.t-card>a>*:not(.t-img),.buy-card>a>*:not(.buy-img){padding-left:20px;padding-right:20px}
.t-card>a>.t-num,.buy-card>a>:first-child:not(.buy-img){padding-top:16px}
.t-card>a>.cta,.buy-card>a>:last-child{padding-bottom:18px}
.t-card{border-top:4px solid var(--rose)}
.t-card:nth-child(4n+2){border-top-color:var(--peach)}
.t-card:nth-child(4n+3){border-top-color:var(--lilac)}
.t-card:nth-child(4n+4){border-top-color:var(--mint)}
.t-num{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);font-weight:700}
.t-card .latin,.buy-card .latin,.species-card .latin{color:var(--ink-soft);font-family:var(--font-serif);font-style:italic;font-size:.95rem}
.t-card .meta,.buy-card .meta,.species-card .meta{font-size:.75rem;color:var(--ink-soft);margin-top:4px}
.cat{padding:24px}
.cta{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose)}

.cat{padding:24px;border-top:4px solid var(--sky)}
.cat:nth-child(2){border-top-color:var(--peach)}
.cat:nth-child(3){border-top-color:var(--lilac)}
.cat:nth-child(4){border-top-color:var(--mint)}

/* Journal cards (with image) */
.j-card{padding:0;display:flex;flex-direction:column}
.j-card a{display:flex;flex-direction:column;height:100%}
.j-card .j-img{aspect-ratio:16/10;background:var(--paper-2);overflow:hidden}
.j-card .j-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.j-card:hover .j-img img{transform:scale(1.05)}
.j-card .j-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.j-card h3{margin:8px 0;font-size:1.15rem;line-height:1.3}
.j-card p{font-size:.92rem;color:var(--ink-soft);margin:4px 0}
.j-card .read{margin-top:auto;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--rose);font-weight:700}
.j-card:nth-child(3n+1){border-top:4px solid var(--rose)}
.j-card:nth-child(3n+2){border-top:4px solid var(--peach)}
.j-card:nth-child(3n+3){border-top:4px solid var(--lilac)}

/* Species grid (replaces A–Z table) */
.species-card{padding:0;display:flex;flex-direction:column}
.species-card a{display:flex;flex-direction:column;height:100%}
.species-card .sp-img{aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}
.species-card .sp-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.species-card:hover .sp-img img{transform:scale(1.05)}
.species-card .sp-body{padding:16px 18px 20px}
.species-card h3{font-size:1.1rem;margin-bottom:4px}
.species-card:nth-child(5n+1){border-top:3px solid var(--rose)}
.species-card:nth-child(5n+2){border-top:3px solid var(--peach)}
.species-card:nth-child(5n+3){border-top:3px solid var(--sun)}
.species-card:nth-child(5n+4){border-top:3px solid var(--lilac)}
.species-card:nth-child(5n+5){border-top:3px solid var(--mint)}

/* Article post-body — gadixpert-style h2 boxes */
.post-body,.species-body{display:grid;gap:32px;padding:48px 0 64px;grid-template-columns:1fr}
@media(min-width:980px){.post-body,.species-body{grid-template-columns:240px 1fr}}
.toc{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:18px 20px;height:fit-content;position:sticky;top:80px}
.toc .eyebrow{margin-bottom:10px}
.toc ol{counter-reset:t;display:flex;flex-direction:column;gap:6px}
.toc li{counter-increment:t;font-size:.88rem}
.toc li:before{content:counter(t,decimal-leading-zero) " ";color:var(--rose);font-weight:700;font-size:.72rem;margin-right:4px}
.toc a:hover{color:var(--rose)}

.prose{font-size:1.02rem;line-height:1.8}
.prose .block,.prose section.block,.species-body .block,.species-body section{
  background:#fff;border:1px solid var(--rule);border-left:4px solid var(--rose);
  border-radius:12px;padding:24px 26px;margin:0 0 22px;box-shadow:var(--shadow-sm)
}
.prose .block:nth-of-type(4n+2),.species-body .block:nth-of-type(4n+2){border-left-color:var(--peach)}
.prose .block:nth-of-type(4n+3),.species-body .block:nth-of-type(4n+3){border-left-color:var(--lilac)}
.prose .block:nth-of-type(4n+4),.species-body .block:nth-of-type(4n+4){border-left-color:var(--mint)}
.prose .block h2,.species-body .block h2{display:inline-block;font-size:1.45rem;margin:0 0 14px;padding:6px 14px;background:var(--rose-2);color:var(--leaf);border-radius:6px}
.prose .block:nth-of-type(4n+2) h2,.species-body .block:nth-of-type(4n+2) h2{background:var(--peach-2)}
.prose .block:nth-of-type(4n+3) h2,.species-body .block:nth-of-type(4n+3) h2{background:var(--lilac-2)}
.prose .block:nth-of-type(4n+4) h2,.species-body .block:nth-of-type(4n+4) h2{background:var(--mint-2)}
.prose h3{margin:18px 0 8px;color:var(--leaf)}
.prose ul,.prose ol{padding-left:1.2rem;margin:.5em 0}
.prose ul li{list-style:disc;margin:.3em 0}
.prose ol li{list-style:decimal;margin:.3em 0}
.prose a{color:var(--rose);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose strong{color:var(--ink)}
.prose blockquote{border-left:4px solid var(--peach);padding:6px 16px;margin:14px 0;color:var(--ink-soft);background:var(--peach-2);border-radius:0 8px 8px 0}
.prose table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.92rem}
.prose th,.prose td{padding:10px 12px;border:1px solid var(--rule);text-align:left}
.prose thead{background:var(--paper-2)}
.prose img{border-radius:10px;border:1px solid var(--rule);margin:14px 0;max-height:480px;object-fit:cover}

/* FAQ */
.faq{margin-top:32px}
.faq h2{font-size:1.6rem;margin-bottom:16px}
.faq details{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:14px 18px;margin-bottom:10px;transition:border-color .2s}
.faq details[open]{border-color:var(--rose)}
.faq summary{font-weight:600;cursor:pointer;font-family:var(--font-serif);font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--rose);font-size:1.3rem;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq details p{margin-top:10px;color:var(--ink-soft)}

/* Tables / A-Z (kept for any remaining) */
.table-wrap{overflow:auto;border:1px solid var(--rule);border-radius:12px;background:#fff}
table.az{width:100%;border-collapse:collapse;font-size:.92rem}
table.az th,table.az td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--rule-soft)}
table.az thead{background:var(--paper-2)}
table.az a.mini{color:var(--rose);font-weight:600}

/* Newsletter */
.newsletter{text-align:center}
.newsletter h2{margin:14px auto;max-width:30rem}

/* Footer */
.site-footer{background:var(--paper-2);border-top:1px solid var(--rule);padding:48px 0 24px;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:720px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-grid .brand-name{background:none;-webkit-background-clip:initial;color:var(--leaf);font-size:1.4rem}
.footer-grid ul li{margin:6px 0;font-size:.92rem}
.footer-grid ul li a:hover{color:var(--rose)}
.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid var(--rule);font-size:.78rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}

/* Scroll-to-top */
.scroll-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:999px;background:var(--rose);color:#fff;display:none;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-lg);z-index:60;transition:transform .2s}
.scroll-top:hover{transform:translateY(-3px);background:var(--leaf);color:#fff}
.scroll-top.show{display:flex;animation:fadeIn .3s ease}

/* Google translate widget — square box */
#google_translate_element{display:inline-block}
.goog-te-banner-frame{display:none!important}
body{top:0!important}
.goog-te-gadget{font-family:var(--font-sans)!important;font-size:0!important;color:transparent!important}
.goog-te-gadget .goog-te-combo{margin:0!important;padding:8px 10px!important;border:1px solid var(--rule)!important;border-radius:8px!important;font-size:.78rem!important;background:#fff!important;color:var(--ink)!important;font-family:var(--font-sans)!important;min-width:120px;height:36px}
.goog-te-gadget .goog-te-combo:hover{border-color:var(--rose)!important}
.goog-logo-link,.goog-te-gadget span{display:none!important}

/* Pillrow / buttons */
.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--rose);color:#fff;font-weight:600;font-size:.92rem;transition:background .2s,transform .2s}
.btn:hover{background:var(--leaf);color:#fff;transform:translateY(-1px)}
.btn-outline{background:transparent;border:1px solid var(--rose);color:var(--rose)}
.btn-outline:hover{background:var(--rose);color:#fff}

/* Misc helpers */
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
@media(min-width:720px){.stat-row{grid-template-columns:repeat(4,1fr)}}
.stat-row>div{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:14px;text-align:center}
.stat-row strong{display:block;color:var(--rose);font-family:var(--font-serif);font-size:1.5rem}
.stat-row span{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft)}

/* ===== Detail hero (buy / species) — 2-column split ===== */
.hero-split{display:grid;gap:28px;align-items:center}
@media(min-width:900px){.hero-split{grid-template-columns:1.1fr 1fr;gap:48px}}
.hero-split .hero-media .hero-figure{margin:0!important}
.hero-split .hero-media .hero-figure img{max-height:440px!important;width:100%;aspect-ratio:4/3;object-fit:cover}
.hero-split .hero-text h1{margin-top:10px}
.hero-split .hero-text .lede{max-width:none}

/* ===== Post hero — calmer, full-bleed banner image ===== */
.post-hero{padding:40px 0 0;background:linear-gradient(180deg,var(--mint-2) 0%,var(--paper) 100%)}
.post-hero .container{display:flex;flex-direction:column;gap:18px}
.post-hero h1{font-size:clamp(1.8rem,3.6vw,2.8rem);max-width:780px}
.post-hero .lede{max-width:760px;font-size:1.08rem}
.post-hero .detail-figure{margin:18px 0 0;border-radius:16px 16px 0 0;overflow:hidden;border:1px solid var(--rule);border-bottom:0;background:#fff}
.post-hero .detail-figure img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;max-height:460px}
@media(max-width:720px){.post-hero .detail-figure img{aspect-ratio:16/10}}

/* ===== Better TOC + reading layout ===== */
@media(min-width:980px){.post-body{grid-template-columns:260px 1fr;gap:48px}}
.toc{background:var(--paper-3);border:1px solid var(--rule);border-radius:14px;padding:18px 20px;height:fit-content;position:sticky;top:80px;font-size:.88rem}
.toc .eyebrow{margin-bottom:10px;color:var(--leaf)}
.toc ol{counter-reset:t;display:flex;flex-direction:column;gap:8px}
.toc li{counter-increment:t;border-left:2px solid var(--rule);padding-left:10px;transition:border-color .2s}
.toc li.in,.toc li:hover{border-left-color:var(--rose)}
.toc li:before{content:counter(t,decimal-leading-zero);color:var(--rose);font-weight:700;font-size:.7rem;margin-right:8px}

/* ===== Affiliate buttons polish ===== */
.btn-aff{background:var(--leaf);color:#fff;font-size:.82rem;padding:8px 14px;border-radius:8px;display:inline-block}
.btn-aff:hover{background:var(--rose);color:#fff;transform:translateY(-1px)}
.aff-note{font-size:.78rem;color:var(--ink-soft);background:var(--sun-2);padding:10px 14px;border-radius:8px;margin-top:14px;border-left:3px solid var(--sun)}

/* ===== Homepage j-card homepage variant — no top image, color border ===== */
.j-card .j-img img{aspect-ratio:auto}

/* ===== Mobile fixes ===== */
@media(max-width:720px){
  .hero-split{gap:18px}
  .post-hero{padding-top:24px}
  .species-hero,.page-hero,.home-hero{padding:32px 0 36px}
  .home-hero h1{font-size:1.9rem}
}

/* ===== Fix prose image inside blocks (avoid huge stacked images) ===== */
.prose .block img{max-height:340px;width:100%;object-fit:cover}

/* Fix species/buy detail grid: TOC in col 1, all sections in col 2 */
@media(min-width:980px){
  .species-body>.toc{grid-column:1;grid-row:1;align-self:start}
  .species-body>section,.species-body>aside{grid-column:2}
}

/* === RESPONSIVE OVERHAUL === */
html,body{overflow-x:hidden;max-width:100%}
*{min-width:0}
img,figure,video{max-width:100%;height:auto}

/* Hero image height caps — strict */
.hero-figure img,.post-hero img,.species-hero .hero-figure img{
  width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:12px;display:block
}
@media(min-width:640px){.hero-figure img,.post-hero img{max-height:380px}}
@media(min-width:980px){.hero-figure img,.post-hero img{max-height:460px}}

/* Container tighter on mobile */
.container{padding-left:18px;padding-right:18px}
@media(min-width:640px){.container{padding-left:28px;padding-right:28px}}

/* Stat row: 2 col mobile, 4 col tablet+ */
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:760px){.stat-row{grid-template-columns:repeat(4,1fr)}}
.stat-row>*{padding:14px}

/* Hero split: stack until 980, side-by-side desktop */
.hero-split{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
@media(min-width:980px){.hero-split{grid-template-columns:1.05fr .95fr;gap:40px}}

/* Species + post body: single col below 980 */
.species-body,.post-body{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:980px){
  .species-body,.post-body{grid-template-columns:240px 1fr;gap:48px}
  .species-body>.toc,.post-body>.toc{position:sticky;top:88px;align-self:start}
}

/* Tables inside blocks scroll horizontally on mobile */
.block table,.prose table{width:100%;border-collapse:collapse}
.block .table-wrap,.prose .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border-radius:10px}
@media(max-width:640px){
  .block table,.prose table{display:block;overflow-x:auto;white-space:nowrap}
}

/* Inline blog images */
.inline-fig{margin:28px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line,#ecdfd0)}
.inline-fig img{width:100%;height:auto;max-height:420px;object-fit:cover;display:block}
.inline-fig figcaption{font-size:.85rem;color:var(--muted,#7a6f63);padding:10px 14px;background:#fffaf2;font-style:italic}

/* Nav: hide desktop links < 760 already handled; ensure no overflow */
.site-nav{flex-wrap:wrap}
.lang{flex-shrink:0}

/* Block headings shouldn't overflow */
.block h2,.block h3{word-wrap:break-word;overflow-wrap:anywhere}

/* Cards never overflow grid */
.t-card,.j-card,.buy-card,.sp-card{min-width:0;overflow:hidden}
.t-card img,.j-card img,.buy-card img,.sp-card img{width:100%;display:block}

/* Breadcrumbs wrap */
.breadcrumb{flex-wrap:wrap}

/* HARD CAP — wins over inline + aspect-ratio */
.hero-figure img,.post-hero img,.hero-split .hero-media .hero-figure img{
  aspect-ratio:auto!important;
  max-height:280px!important;
  object-fit:cover!important;
}
@media(min-width:640px){.hero-figure img,.post-hero img,.hero-split .hero-media .hero-figure img{max-height:340px!important}}
@media(min-width:980px){.hero-figure img,.post-hero img,.hero-split .hero-media .hero-figure img{max-height:440px!important}}

/* ===== v4 polish: centered hero, accordion FAQ, responsive seller table ===== */

/* Centered homepage hero */
.home-hero-center{padding:64px 0 72px;background:var(--rose-2)}
.hero-center{max-width:780px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.hero-center h1{font-size:clamp(2rem,4.6vw,3.4rem);margin-top:10px}
.hero-center .lede{margin:14px auto 0;max-width:640px}
.hero-center .search-line{margin:26px auto 0;width:100%;max-width:32rem}
.try-row.center{justify-content:center;margin-top:18px}
@media(max-width:720px){.home-hero-center{padding:40px 0 48px}}

/* Translate / lang button — square, perfectly aligned in nav */
.site-nav{align-items:center}
.lang{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--rule);border-radius:8px;background:#fff;flex-shrink:0;overflow:hidden;position:relative}
.lang:before{font-size:.95rem}
.lang .goog-te-gadget{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.lang .goog-te-gadget .goog-te-combo{width:100%!important;height:100%!important;min-width:0!important;border:0!important;padding:0!important;background:transparent!important;font-size:0!important;color:transparent!important;opacity:0;cursor:pointer}

/* FAQ accordion — applies to .faq-item anywhere (species, buy, blog) */
details.faq-item{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:0;margin:0 0 10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
details.faq-item[open]{border-color:var(--rose);box-shadow:var(--shadow-sm)}
details.faq-item summary{list-style:none;cursor:pointer;padding:16px 52px 16px 18px;position:relative;display:block}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary h3{display:inline;margin:0;font-size:1.05rem;font-family:var(--font-serif);font-weight:600;color:var(--ink);line-height:1.4}
details.faq-item summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--rose);line-height:1;transition:transform .25s}
details.faq-item[open] summary:after{content:"−";transform:translateY(-50%) rotate(180deg)}
details.faq-item summary:hover{background:var(--paper-3)}
details.faq-item>p,details.faq-item>div{padding:0 18px 18px;color:var(--ink-soft);font-size:.95rem;line-height:1.7;animation:fadeIn .3s ease}

/* Seller table — responsive, no horizontal scroll on mobile */
.block .table-wrap{overflow:visible}
table.seller-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem}
table.seller-table th,table.seller-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--rule-soft);vertical-align:middle}
table.seller-table thead{background:var(--paper-2)}
table.seller-table td .btn-aff{white-space:nowrap}
@media(max-width:760px){
  table.seller-table,table.seller-table tbody{display:block;width:100%}
  table.seller-table thead{display:none}
  table.seller-table tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px;border:1px solid var(--rule);border-radius:12px;margin-bottom:12px;background:#fff;box-shadow:var(--shadow-sm)}
  table.seller-table td{display:flex;flex-direction:column;border:0;padding:4px 0;font-size:.86rem;white-space:normal;word-break:break-word}
  table.seller-table td:first-child{grid-column:1/-1;font-size:1rem;border-bottom:1px solid var(--rule-soft);padding-bottom:8px;margin-bottom:4px}
  table.seller-table td:last-child{grid-column:1/-1;margin-top:6px}
  table.seller-table td:last-child .btn-aff{width:100%;text-align:center;padding:10px 14px}
  table.seller-table td:nth-child(5){grid-column:1/-1}
  table.seller-table td:before{content:attr(data-label);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:700;margin-bottom:2px}
  table.seller-table td:first-child:before,table.seller-table td:last-child:before{display:none}
}

/* Buy / species hero — image polish + spacing under hero */
.species-hero{padding:40px 0 48px}
.species-hero .hero-split{align-items:start}
.species-hero .hero-figure img{border-radius:16px;box-shadow:var(--shadow-lg)}
@media(min-width:980px){.species-hero .hero-figure img{max-height:420px!important;aspect-ratio:4/3!important;object-fit:cover}}
.species .species-body{margin-top:32px;padding-top:24px}
@media(min-width:980px){.species .species-body{margin-top:48px;padding-top:32px}}

/* Block content never overflows screen on mobile (no horiz scroll) */
.block{overflow:hidden}
.block *{max-width:100%}

/* ===== v5: sticky capsule header, responsive footer, AI summary, read-more, contact ===== */

/* Sticky capsule header */
.site-header{position:sticky;top:0;z-index:60;background:#fffdf7;border-bottom:1px solid var(--rule);transition:all .35s cubic-bezier(.4,0,.2,1);will-change:transform,width,border-radius}
.site-header .header-inner{transition:padding .3s ease}
body.scrolled .site-header{position:fixed;top:10px;left:50%;transform:translateX(-50%);width:auto;max-width:calc(100% - 24px);border:1px solid var(--rule);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.08);background:rgba(255,253,247,.96);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);padding:0}
body.scrolled .site-header .header-inner{padding:6px 14px 6px 8px;gap:8px}
body.scrolled .site-header .brand-name{display:none}
body.scrolled .site-header .site-nav a:not(.lang):not(.active){display:none}
body.scrolled .site-header .site-nav a.active{display:inline-flex}
body.scrolled .site-header .menu-toggle{display:inline-flex}
body.scrolled + main, body.scrolled main{padding-top:0}
body.scrolled{padding-top:64px}
@media(max-width:760px){
  body.scrolled .site-header{top:8px}
  body.scrolled .site-header .site-nav{display:none}
}

/* Responsive footer (mobile single col + logo) */
.site-footer{background:#fbf5e8;border-top:1px solid var(--rule);padding:48px 0 28px;margin-top:64px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(min-width:980px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}}
.footer-brand .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;margin-bottom:10px}
.footer-brand .brand-mark{width:40px;height:40px}
.footer-brand p{font-size:.92rem;color:var(--ink-soft);max-width:340px;line-height:1.6}
.site-footer ul{list-style:none;padding:0;margin:8px 0 0}
.site-footer ul li{margin:6px 0}
.site-footer ul li a{color:var(--ink);text-decoration:none;font-size:.92rem}
.site-footer ul li a:hover{color:var(--rose,#d8456e)}
.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--ink-soft)}
@media(max-width:640px){
  .site-footer{padding:36px 0 24px;margin-top:40px}
  .site-footer .container{padding-left:18px;padding-right:18px}
}

/* AI summary block */
.ai-summary{background:linear-gradient(135deg,#fff7e6 0%,#ffe9f0 100%);border:1px solid #f3d3a8;border-left:4px solid #e7b13a;border-radius:12px;padding:18px 22px;margin:24px auto;max-width:100%}
.post-body .ai-summary,.species-body .ai-summary{margin:0 0 24px}
.ai-summary-label{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a37312;margin:0 0 6px}
.ai-summary p,.ai-summary li{font-size:.95rem;line-height:1.65;color:var(--ink);margin:6px 0}
.ai-summary ul{margin:6px 0;padding-left:18px}

/* Read more button in blog grid */
.j-card .read-more,.read-more.btn-readmore{display:inline-block;margin-top:12px;padding:8px 16px;border:1px solid var(--ink);border-radius:999px;background:#fff;font-family:var(--font-sans);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);transition:all .2s}
.j-card:hover .read-more{background:var(--ink);color:#fff}

/* Contact card */
.contact-card{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:28px;box-shadow:0 4px 20px rgba(0,0,0,.04);text-align:center}
.contact-email{font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.4rem);margin:8px 0 18px}
.contact-email a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--rose,#d8456e)}
.contact-email a:hover{color:var(--rose,#d8456e)}

/* Make all affiliate links nofollow visually consistent */
a.btn-aff,a[rel*="sponsored"]{position:relative}

/* ===== v6: header refresh, scoped footer, j-card read-more, white aff link, translate icon ===== */

/* Reset old colliding footer rules (kept here as override) */
.fn-footer{background:#fbf5e8;border-top:1px solid #ead7b0;padding:56px 0 28px;margin-top:64px;font-family:var(--font-sans);color:var(--ink)}
.fn-footer .fn-footer-inner{max-width:1180px;margin:0 auto;padding:0 24px}
.fn-footer .fn-footer-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:640px){.fn-footer .fn-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(min-width:980px){.fn-footer .fn-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}}
.fn-footer .fn-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-bottom:12px}
.fn-footer .fn-brand img{width:38px;height:38px}
.fn-footer .fn-brand span{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--leaf)}
.fn-footer .fn-tag{font-size:.92rem;color:var(--ink-soft);max-width:340px;line-height:1.65;margin:0}
.fn-footer h4{font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 14px}
.fn-footer ul{list-style:none;padding:0;margin:0}
.fn-footer ul li{margin:8px 0}
.fn-footer ul li a{color:var(--ink);text-decoration:none;font-size:.92rem;transition:color .2s}
.fn-footer ul li a:hover{color:var(--rose,#d8456e)}
.fn-footer .fn-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #ead7b0;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:.8rem;color:var(--ink-soft)}
@media(max-width:640px){
  .fn-footer{padding:40px 0 24px;margin-top:40px}
  .fn-footer .fn-footer-inner{padding:0 18px}
  .fn-footer .fn-bottom{flex-direction:column;gap:6px}
}

/* Header — superbytesit-inspired clean look */
.site-header{background:#ffffff;border-bottom:1px solid #ececec;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;max-width:1240px;margin:0 auto}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.site-header .brand-name{font-family:var(--font-serif);font-size:1.45rem;font-weight:600;color:var(--ink);background:none;-webkit-background-clip:initial}
.site-header .site-nav{display:flex;align-items:center;gap:26px}
.site-header .site-nav a{font-family:var(--font-sans);font-size:.92rem;font-weight:500;color:#2a2a2a;text-decoration:none;padding:6px 2px;position:relative;letter-spacing:.01em}
.site-header .site-nav a:not(.lang):hover{color:var(--rose,#d8456e)}
.site-header .site-nav a.active:not(.lang):after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--rose,#d8456e);border-radius:2px}
.header-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;background:#fff;border:1px solid #e3e3e3;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;color:var(--ink)}
.menu-toggle:hover{border-color:var(--rose,#d8456e);color:var(--rose,#d8456e)}
@media(max-width:880px){
  .site-header .site-nav{display:none}
  .menu-toggle{display:inline-flex}
  body.nav-open .mobile-nav{display:flex}
}
@media(min-width:881px){
  .mobile-nav{display:none!important}
}

/* Sticky capsule (scrolled state refresh) */
body.scrolled .site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:auto;max-width:calc(100% - 24px);border:1px solid #e6e6e6;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.08);background:rgba(255,255,255,.96);padding:0}
body.scrolled .site-header .header-inner{padding:6px 10px 6px 14px;gap:10px}
body.scrolled .site-header .site-nav{gap:18px}
body.scrolled .site-header .site-nav a:not(.lang):not(.active){display:none}
body.scrolled{padding-top:70px}
@media(max-width:880px){
  body.scrolled .site-header .site-nav{display:none}
}

/* Translate button — replace globe with Google "G" SVG */
.lang{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #e3e3e3!important;border-radius:10px;background:#fff!important;flex-shrink:0;overflow:hidden;position:relative;cursor:pointer;color:transparent!important}
.lang:hover{border-color:var(--rose,#d8456e)!important}
.lang:before{content:""!important;display:block;width:20px;height:20px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%234285F4' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/><path fill='%2334A853' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/><path fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/><path fill='%23EA4335' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center}

/* Where-to-buy button — force white link color */
a.btn-aff,a.btn-aff:link,a.btn-aff:visited,a.btn-aff:hover,a.btn-aff:active,
.seller-table .btn-aff,.seller-table .btn-aff:link,.seller-table .btn-aff:visited,
.seller-table .btn-aff:hover,.seller-table .btn-aff:active{color:#ffffff!important;text-decoration:none!important}

/* j-card read-more visible */
.j-card .j-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.j-card .read{font-size:.78rem;color:var(--ink-soft);margin:8px 0 0}
.j-card .read-more{display:inline-block;margin-top:14px;align-self:flex-start;padding:8px 16px;border:1px solid var(--ink);border-radius:999px;background:#fff;font-family:var(--font-sans);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:all .2s}
.j-card:hover .read-more{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ===== v7: restore normal sticky header, fully scoped footer, hero spacing ===== */
/* Restore header to normal sticky — no capsule, no shrink */
body.scrolled{padding-top:0!important}
body.scrolled .site-header,
body.scrolled .site-header .header-inner,
body.scrolled .site-header .site-nav,
body.scrolled .site-header .site-nav a,
body.scrolled .site-header .brand-name,
body.scrolled .site-header .menu-toggle{position:static;transform:none;width:auto;max-width:none;border-radius:0;box-shadow:none;background:initial;padding:initial;display:revert}
.site-header{position:sticky!important;top:0!important;left:auto!important;transform:none!important;width:100%!important;max-width:none!important;border-radius:0!important;box-shadow:0 1px 0 rgba(0,0,0,.04)!important;background:#fff!important;border-bottom:1px solid #ececec!important;z-index:60}
.site-header .header-inner{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px!important;max-width:1240px;margin:0 auto}
body.scrolled .site-header .brand-name{display:inline-block!important}
body.scrolled .site-header .site-nav a:not(.lang):not(.active){display:inline-flex!important}

/* Footer — fully isolated, no merging into article */
main + .fn-footer,
article + .fn-footer,
.fn-footer{clear:both;display:block;position:relative;z-index:1;margin-top:64px!important;background:#fbf5e8!important;border-top:1px solid #ead7b0!important}
.fn-footer *{box-sizing:border-box}
.fn-footer .fn-footer-brand .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-bottom:12px}
.fn-footer .fn-footer-brand .brand-mark{width:38px;height:38px}
.fn-footer .fn-footer-brand .brand-name{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--leaf);background:none;-webkit-background-clip:initial}
.fn-footer .fn-footer-brand p{font-size:.92rem;color:var(--ink-soft);max-width:340px;line-height:1.65;margin:0}
.fn-footer .eyebrow{font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 14px}

/* Buy / species hero — 20px breathing room before grid */
.species-hero{margin-bottom:20px!important}
.species .species-body{margin-top:20px!important;padding-top:0!important}
@media(min-width:980px){.species .species-body{margin-top:20px!important;padding-top:0!important}}

/* ===== v8: final hard-isolated footer ===== */
body > footer.fn-footer{
  isolation:isolate!important;
  contain:layout paint!important;
  clear:both!important;
  display:block!important;
  width:100%!important;
  margin:64px 0 0!important;
  padding:56px 0 28px!important;
  background:#fbf5e8!important;
  border-top:1px solid #ead7b0!important;
  color:var(--ink)!important;
  font-family:var(--font-sans)!important;
  line-height:1.6!important;
}
body > footer.fn-footer .fn-footer-inner{width:min(1180px,100%);margin:0 auto!important;padding:0 24px!important}
body > footer.fn-footer .fn-footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:32px!important;align-items:start!important}
@media(min-width:640px){body > footer.fn-footer .fn-footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}}
@media(min-width:980px){body > footer.fn-footer .fn-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr!important;gap:48px!important}}
body > footer.fn-footer .fn-footer-brand .brand{display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;color:var(--ink)!important;text-decoration:none!important}
body > footer.fn-footer .fn-footer-brand .brand-mark{width:38px!important;height:38px!important;flex:0 0 38px!important}
body > footer.fn-footer .fn-footer-brand .brand-name{display:inline-block!important;font-family:var(--font-serif)!important;font-size:1.35rem!important;font-weight:600!important;line-height:1.1!important;color:var(--leaf)!important;background:none!important;-webkit-background-clip:initial!important}
body > footer.fn-footer .fn-footer-brand p{max-width:340px!important;margin:0!important;color:var(--ink-soft)!important;font-size:.92rem!important;line-height:1.65!important}
body > footer.fn-footer .eyebrow{margin:0 0 14px!important;color:var(--ink)!important;font-family:var(--font-sans)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body > footer.fn-footer ul{display:block!important;list-style:none!important;margin:0!important;padding:0!important}
body > footer.fn-footer li{display:block!important;margin:8px 0!important;padding:0!important;line-height:1.45!important}
body > footer.fn-footer a{display:inline!important;color:var(--ink)!important;text-decoration:none!important;font-size:.92rem!important}
body > footer.fn-footer a:hover{color:var(--rose)!important}
body > footer.fn-footer .fn-bottom{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:8px 24px!important;margin:40px 0 0!important;padding:20px 0 0!important;border-top:1px solid #ead7b0!important;color:var(--ink-soft)!important;font-size:.8rem!important}
body > footer.fn-footer .fn-bottom p{margin:0!important;max-width:520px!important}
@media(max-width:640px){
  body > footer.fn-footer{margin-top:40px!important;padding:40px 0 24px!important}
  body > footer.fn-footer .fn-footer-inner{padding:0 18px!important}
  body > footer.fn-footer .fn-bottom{flex-direction:column!important;gap:6px!important}
}