:root{
  --bg:#f5efe3;
  --bg-2:#fbf8f1;
  --surface:#fffdf8;
  --surface-soft:#f3eadb;
  --ink:#2d3b27;
  --muted:#6f725f;
  --blue:#58733d;
  --blue-2:#7c9b58;
  --teal:#8aa36b;
  --gold:#c7a34d;
  --gold-2:#e3c97f;
  --peach:#cbb7a0;
  --line:rgba(70,69,49,.14);
  --shadow:0 24px 58px rgba(66,65,45,.14);
  --paper-shadow-a:18px 26px 52px rgba(39,52,56,.12),-8px 10px 24px rgba(93,70,31,.055);
  --paper-shadow-b:-14px 24px 48px rgba(39,52,56,.105),10px 8px 25px rgba(93,70,31,.05);
  --paper-shadow-c:9px 30px 58px rgba(39,52,56,.11),-12px 6px 22px rgba(93,70,31,.045);
  --gold-edge:#b8872d;
  --gold-light:#f7e7a5;
  --gold-dark:#8f631c;
  --radius:28px;
  --radius-sm:18px;
  --max:1120px;
}

html[data-theme="dark"]{
  --bg:#0c1820;
  --bg-2:#101f28;
  --surface:#132731;
  --surface-soft:#18323c;
  --ink:#f8f1e6;
  --muted:#b7c3c8;
  --blue:#5bbbe0;
  --blue-2:#7ad7e0;
  --teal:#77d0be;
  --gold:#e7c46e;
  --gold-2:#f4d98f;
  --peach:#f4b48e;
  --line:rgba(255,255,255,.12);
  --shadow:0 24px 60px rgba(0,0,0,.30);
  --paper-shadow-a:18px 26px 52px rgba(0,0,0,.30),-8px 10px 24px rgba(231,196,110,.035);
  --paper-shadow-b:-14px 24px 48px rgba(0,0,0,.26),10px 8px 25px rgba(231,196,110,.03);
  --paper-shadow-c:9px 30px 58px rgba(0,0,0,.28),-12px 6px 22px rgba(231,196,110,.03);
  --gold-edge:#c69a42;
  --gold-light:#f6dfa0;
  --gold-dark:#7f5a1e;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.68;transition:background .25s ease,color .25s ease}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 72px),var(--max));margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--blue)}
.eyebrow:before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.display{font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;line-height:.98;letter-spacing:-.035em;margin:0;font-weight:700}
.lede{font-size:1.18rem;color:var(--muted);max-width:760px}
.gold-rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75}

.topbar{background:linear-gradient(90deg,#063957,#0d7092,#0d7f8f);color:#fff;font-size:.84rem;letter-spacing:.06em}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:20px}
.topbar strong{color:#ffe3a1}

.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg-2) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--gold-2) 18%,transparent);font-family:Baskerville,serif;font-weight:800;color:var(--gold);background:linear-gradient(145deg,var(--surface),var(--surface-soft))}
.brand-copy strong{display:block;font-family:Baskerville,serif;font-size:1.28rem;line-height:1;letter-spacing:.01em}
.brand-copy span{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:4px}
.nav-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}
.nav-links a{padding:9px 10px;border-radius:999px;font-size:.9rem;color:var(--muted);transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:var(--surface-soft)}
.header-actions{display:flex;align-items:center;gap:10px}
.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:42px;height:42px;border-radius:50%;cursor:pointer;display:grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.mobile-toggle{display:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--blue) 25%,transparent)}
.btn-secondary{background:var(--surface);border-color:var(--gold-edge);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold-light) 34%,transparent),0 8px 18px rgba(63,52,31,.07)}

.hero{padding:54px 0 42px}
.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:34px;align-items:stretch}
.hero-copy{padding:54px 8px 42px 0;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(3.5rem,7vw,6.7rem);max-width:900px}
.hero h1 .accent{color:var(--blue)}
.hero h1 .gold{color:var(--gold)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.hero-proof div{min-width:130px}
.hero-proof strong{display:block;font-family:Baskerville,serif;font-size:1.45rem;color:var(--blue)}
.hero-proof span{font-size:.82rem;color:var(--muted)}

.lux-visual{position:relative;min-height:590px;border-radius:34px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));box-shadow:var(--shadow);background:
  radial-gradient(circle at 76% 20%,rgba(255,231,153,.95) 0 10%,rgba(255,231,153,.32) 11% 19%,transparent 20%),
  linear-gradient(180deg,#7fd6ef 0%,#b9eaf4 36%,#f7e9ca 37%,#f8e6c4 55%,#88b99c 56%,#3c806b 100%);
}
.lux-visual:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.65);border-radius:25px;box-shadow:inset 0 0 0 1px rgba(218,170,72,.65)}
.lux-visual:after{content:"";position:absolute;left:-10%;right:-10%;bottom:21%;height:26%;background:radial-gradient(ellipse at center,rgba(255,255,255,.5),transparent 58%),linear-gradient(164deg,transparent 0 44%,rgba(20,83,81,.24) 45% 58%,transparent 59%);filter:blur(.2px)}
.visual-badge{position:absolute;top:36px;left:36px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;color:#194b62;font-weight:800}
.visual-card{position:absolute;left:34px;right:34px;bottom:32px;padding:26px;border-radius:24px;background:rgba(255,252,246,.89);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.82);color:#173043;box-shadow:0 24px 44px rgba(24,58,73,.15)}
.visual-card small{display:block;text-transform:uppercase;letter-spacing:.16em;color:#0d6e8b;font-weight:800;margin-bottom:7px}
.visual-card strong{font-family:Baskerville,serif;font-size:2rem;line-height:1.05;display:block}
.visual-card p{margin:8px 0 0;color:#60727c}

.section{padding:108px 0}
.section.soft{background:var(--surface-soft)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:52px}
.section-head h2{font-size:clamp(2.5rem,5vw,4.5rem);max-width:800px}
.section-head p{max-width:520px;color:var(--muted);margin:0}

.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pillar{position:relative;overflow:hidden;padding:32px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 46%,transparent);outline-offset:-4px;box-shadow:var(--paper-shadow-a);min-height:270px}
.pillar:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-54px;top:-58px;background:radial-gradient(circle,var(--gold-2),transparent 68%);opacity:.32}
.pillar .num{font-family:Baskerville,serif;font-size:1.8rem;color:var(--gold)}
.pillar h3{font-family:Baskerville,serif;font-size:1.8rem;line-height:1.05;margin:30px 0 10px}
.pillar p{color:var(--muted);margin:0}

.feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:30px}
.feature-panel{border-radius:30px;overflow:hidden;border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 48%,transparent);outline-offset:-5px;background:var(--surface);box-shadow:var(--paper-shadow-b)}
.feature-art{min-height:360px;position:relative;background:linear-gradient(135deg,#8dd5e5,#f4d59a 55%,#d9b06a);overflow:hidden}
.feature-art:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(255,255,255,.45);right:-80px;top:-70px}
.feature-art:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:46%;background:linear-gradient(170deg,transparent 0 28%,rgba(29,104,91,.38) 29% 56%,rgba(13,80,74,.63) 57%)}
.feature-content{padding:30px}
.feature-content h3{font-family:Baskerville,serif;font-size:2.1rem;line-height:1.1;margin:0 0 10px}
.feature-content p{color:var(--muted)}
.mini-stack{display:grid;gap:30px}
.mini-card{padding:32px;border-radius:28px;border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 42%,transparent);outline-offset:-4px;background:var(--surface);min-height:185px;position:relative;overflow:hidden;box-shadow:var(--paper-shadow-c)}
.mini-card .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:800}
.mini-card h3{font-family:Baskerville,serif;font-size:1.7rem;line-height:1.05;margin:20px 0 8px}
.mini-card p{color:var(--muted);margin:0}

.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.article-card{background:var(--surface);border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 45%,transparent);outline-offset:-4px;border-radius:26px;overflow:hidden;transition:.2s ease;box-shadow:var(--paper-shadow-a)}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.article-art{height:190px;background:linear-gradient(135deg,#8ccfda,#f3d9a6);position:relative;overflow:hidden}
.article-art.alt1{background:linear-gradient(135deg,#f7cf9f,#e7a985 55%,#7aa894)}
.article-art.alt2{background:linear-gradient(135deg,#8ac5c7,#bfe4d2 52%,#ead28f)}
.article-art.alt3{background:linear-gradient(135deg,#a9dcec,#75b8d0 46%,#f4ce83)}
.article-art.alt4{background:linear-gradient(135deg,#d8c3ec,#f0d0d6 48%,#f4d38e)}
.article-art.alt5{background:linear-gradient(135deg,#d9eab6,#8fcfa5 52%,#f0cc88)}
.article-art:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.65);border-radius:18px}
.article-body{padding:24px}
.article-meta{font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:800}
.article-body h3{font-family:Baskerville,serif;font-size:1.55rem;line-height:1.1;margin:12px 0 10px}
.article-body p{color:var(--muted);margin:0}

.quote-band{padding:34px;border-radius:30px;background:linear-gradient(135deg,#6a8451,#829862 55%,#b49a72);color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:var(--shadow)}
.quote-band blockquote{font-family:Baskerville,serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.04;margin:0;max-width:900px}
.quote-band p{margin:9px 0 0;color:rgba(255,255,255,.8)}
.quote-mark{font-family:Baskerville,serif;font-size:7rem;line-height:.7;color:#f7d37e}

.newsletter{padding:54px;border-radius:30px;background:linear-gradient(135deg,var(--surface),var(--surface-soft));border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 48%,transparent);outline-offset:-5px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;box-shadow:var(--paper-shadow-b)}
.newsletter h2{font-size:clamp(2.4rem,4vw,4rem);margin:0}
.newsletter p{color:var(--muted);max-width:650px}
.inline-form{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px}
.inline-form input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);padding:12px 14px;min-width:120px}
.form-note{font-size:.8rem;color:var(--muted);margin-top:10px}

.page-hero{padding:94px 0 62px}
.page-hero-box{padding:64px;border-radius:34px;background:linear-gradient(135deg,var(--surface),var(--surface-soft));border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 45%,transparent);outline-offset:-5px;box-shadow:var(--paper-shadow-c);position:relative;overflow:hidden;max-width:1040px;margin:0 auto}
.page-hero-box:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,var(--gold-2),transparent 70%);opacity:.28}
.page-hero h1{font-size:clamp(3.2rem,7vw,6.4rem);max-width:930px}
.page-hero .lede{max-width:860px}

.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:54px;align-items:start;max-width:1040px;margin:0 auto}
.prose{font-size:1.06rem;position:relative;padding:clamp(38px,5vw,66px);border-radius:28px;border:1px solid var(--gold-edge);background:
  radial-gradient(circle at 12% 10%,rgba(240,207,122,.12),transparent 22%),
  radial-gradient(circle at 88% 88%,rgba(216,167,71,.08),transparent 26%),
  linear-gradient(138deg,#fffdf8 0%,#fff9ee 48%,#fbf1dc 100%);
  box-shadow:var(--paper-shadow-a);
  outline:1px solid color-mix(in srgb,var(--gold-light) 62%,transparent);outline-offset:-5px;
  overflow:hidden;
}
.prose:before{content:"";position:absolute;inset:9px;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold-dark) 30%,transparent);pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold-light) 32%,transparent)}
.prose:after{content:"";position:absolute;left:9%;right:9%;top:15px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold-dark),var(--gold-light),transparent);opacity:.72;pointer-events:none}
html[data-theme="dark"] .prose{background:radial-gradient(circle at 12% 10%,rgba(231,196,110,.075),transparent 24%),linear-gradient(138deg,#172b34 0%,#13262f 52%,#102129 100%)}
body.page-gardening .prose,body.page-about .prose,body.page-website-disclaimer .prose{box-shadow:var(--paper-shadow-a);transform:rotate(-.035deg)}
body.page-grow-harvest .prose,body.page-contact .prose,body.page-privacy-policy .prose{box-shadow:var(--paper-shadow-b);transform:rotate(.035deg)}
body.page-tools-gear .prose,body.page-pots-planters .prose,body.page-product-review-policy .prose{box-shadow:var(--paper-shadow-c);transform:rotate(-.02deg)}
.prose h2{font-family:Baskerville,serif;font-size:2.5rem;line-height:1.08;margin:2.45em 0 .62em;max-width:18ch}
.prose h3{font-family:Baskerville,serif;font-size:1.75rem;line-height:1.1;margin:1.95em 0 .5em;max-width:24ch}
.prose p{color:color-mix(in srgb,var(--ink) 82%,var(--muted));margin:0 0 1.55em;max-width:66ch;line-height:1.88}
.prose ul{padding-left:1.2em}
.prose li{margin:.72em 0;max-width:64ch}
.sidebar-card{position:sticky;top:110px;padding:28px;border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 42%,transparent);outline-offset:-4px;background:var(--surface);border-radius:24px;box-shadow:var(--paper-shadow-b)}
.sidebar-card h3{font-family:Baskerville,serif;font-size:1.55rem;margin:0 0 8px}
.sidebar-card p{color:var(--muted)}
.sidebar-card a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--blue);font-weight:700}

.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.info-card{padding:28px;border-radius:22px;border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 40%,transparent);outline-offset:-4px;background:var(--surface);box-shadow:var(--paper-shadow-a)}
.info-card h3{font-family:Baskerville,serif;font-size:1.5rem;margin:0 0 8px}
.info-card p{margin:0;color:var(--muted)}

.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:start}
.contact-card,.form-card{background:var(--surface);border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 44%,transparent);outline-offset:-5px;border-radius:28px;padding:36px;box-shadow:var(--paper-shadow-a)}
.contact-card h2,.form-card h2{font-family:Baskerville,serif;font-size:2.2rem;margin-top:0}
.contact-card p{color:var(--muted)}
.field{display:grid;gap:7px;margin-bottom:16px}
.field label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.field input,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:16px;padding:14px 15px;outline:0}
.field input:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 10%,transparent)}
.field textarea{min-height:170px;resize:vertical}
.form-status{font-size:.9rem;color:var(--blue);margin-top:12px;min-height:1.4em}

.site-footer{margin-top:80px;background:#405134;color:#eef1e8;padding:54px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.15fr .8fr .8fr;gap:40px}
.site-footer .brand-copy span{color:#a9c1cc}
.site-footer p{color:#b7cbd3;max-width:540px}
.site-footer h4{font-family:Baskerville,serif;font-size:1.35rem;margin:0 0 12px;color:#f5d581}
.site-footer a{display:block;color:#d6e4e8;padding:5px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:34px;color:#9fb8c2;font-size:.86rem}

.preview-note{padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--gold-2) 26%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));font-size:.88rem;color:var(--muted);margin-bottom:24px}


/* Serena Vitalis V2 — irregular paper lift and 3D gold-thread detailing */
.pillar:nth-child(3n+2),.article-card:nth-child(3n+2),.info-card:nth-child(3n+2){box-shadow:var(--paper-shadow-b)}
.pillar:nth-child(3n),.article-card:nth-child(3n),.info-card:nth-child(3n){box-shadow:var(--paper-shadow-c)}
.mini-card:nth-child(even){box-shadow:var(--paper-shadow-a)}
.pillar,.article-card,.mini-card,.feature-panel,.newsletter,.page-hero-box,.sidebar-card,.info-card,.contact-card,.form-card,.prose{
  border-color:var(--gold-edge);
}
.pillar:hover,.article-card:hover,.mini-card:hover{box-shadow:0 30px 64px rgba(37,51,58,.15),-6px 10px 24px rgba(144,102,28,.07)}
.article-body{padding:29px 28px 32px}
.section.soft{padding-top:112px;padding-bottom:112px}
.page-hero .lede{max-width:720px}
.hero-copy .lede{max-width:650px}
.hero-grid{gap:54px}
.hero{padding:78px 0 64px}
.hero-copy{padding:72px 0 60px}
.quote-band{margin:18px auto;max-width:1020px}
@media (min-width:1051px){
  .section-head{max-width:1040px;margin-left:auto;margin-right:auto}
  .pillars,.feature-grid,.article-grid,.newsletter{max-width:1040px;margin-left:auto;margin-right:auto}
}

@media (max-width:1050px){
  .nav-links{position:absolute;left:20px;right:20px;top:82px;display:none;flex-direction:column;align-items:stretch;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .mobile-toggle{display:grid}
  .hero-grid,.feature-grid,.newsletter,.contact-grid,.content-grid{grid-template-columns:1fr}
  .pillars,.article-grid,.info-cards{grid-template-columns:repeat(2,1fr)}
  .lux-visual{min-height:500px}
  .sidebar-card{position:static}
}
@media (max-width:720px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .topbar .container{justify-content:center;text-align:center}.topbar .container span:last-child{display:none}
  .nav-shell{min-height:72px}.brand-copy span{display:none}.brand-mark{width:40px;height:40px}
  .hero{padding-top:30px}.hero-copy{padding-top:20px}.hero h1{font-size:3.35rem}
  .hero-proof{gap:14px}.hero-proof div{min-width:100px}
  .pillars,.article-grid,.info-cards{grid-template-columns:1fr}
  .section{padding:72px 0}.section-head{align-items:flex-start;flex-direction:column}
  .page-hero-box{padding:34px 24px}.page-hero h1{font-size:3.25rem}
  .newsletter{padding:30px 22px}.inline-form{flex-direction:column;border-radius:20px;align-items:stretch}.inline-form .btn{width:100%}
  .quote-band{grid-template-columns:1fr}.quote-mark{display:none}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}
  .lux-visual{min-height:450px}.visual-card{left:20px;right:20px;bottom:20px}.visual-badge{left:20px;top:20px}
}

/* =========================================================
   SERENA EDITOR V4 — functional on-page editing preview
   ========================================================= */
.sv-editor-modal{position:fixed;inset:0;z-index:100000;background:rgba(5,18,25,.58);backdrop-filter:blur(10px);display:none;place-items:center;padding:24px}
.sv-editor-modal.open{display:grid}
.sv-editor-login{width:min(460px,100%);position:relative;padding:38px;border-radius:28px;background:linear-gradient(145deg,#fffdf8,#f8edd7);border:1px solid var(--gold-edge);outline:1px solid rgba(247,231,165,.85);outline-offset:-5px;box-shadow:0 34px 90px rgba(0,0,0,.28);color:#173043}
.sv-editor-login h2{font-family:Baskerville,serif;font-size:2.55rem;margin:4px 0 8px;line-height:1}
.sv-editor-login p{color:#687984;margin:0 0 20px}
.sv-editor-login small{display:block;color:#7a858b;margin-top:14px;line-height:1.45}
.sv-editor-kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.72rem;color:#9a7028}
.sv-editor-login input{width:100%;padding:14px 16px;border:1px solid rgba(23,48,67,.18);border-radius:14px;background:#fff;color:#173043;outline:none}
.sv-editor-login input:focus{border-color:#b8872d;box-shadow:0 0 0 3px rgba(216,167,71,.15)}
.sv-editor-login-btn{width:100%;margin-top:12px;border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,#0c5f88,#1386a3);color:#fff;font-weight:800;cursor:pointer}
.sv-editor-error{color:#a43c35;min-height:1.35em;font-size:.88rem;margin-top:8px}
.sv-editor-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(23,48,67,.12);background:#fff;color:#173043;cursor:pointer;font-size:1.5rem;line-height:1}

.sv-editor-panel{position:fixed;right:14px;top:14px;bottom:14px;width:360px;z-index:99998;background:linear-gradient(180deg,#102832,#0b1f28);color:#eef6f7;border:1px solid rgba(240,207,122,.72);outline:1px solid rgba(247,231,165,.25);outline-offset:-5px;border-radius:26px;box-shadow:-24px 24px 70px rgba(0,0,0,.28);transform:translateX(calc(100% + 40px));transition:transform .24s ease;overflow:auto;padding-bottom:86px}
.sv-editor-panel.open{transform:translateX(0)}
.sv-editor-panel-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;background:rgba(16,40,50,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);border-radius:26px 26px 0 0}
.sv-editor-panel-head span{display:block;color:#f0cf7a;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;font-weight:800}
.sv-editor-panel-head strong{display:block;font-family:Baskerville,serif;font-size:1.5rem;line-height:1.05}
.sv-editor-panel-head button{border:1px solid rgba(255,255,255,.12);background:#173944;color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:1.45rem}
.sv-editor-select-note{margin:16px 16px 0;padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(240,207,122,.22)}
.sv-editor-select-note span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;color:#c6d5da}
.sv-editor-select-note strong{display:block;color:#f5d581;font-size:1rem;margin:3px 0}
.sv-editor-select-note small{color:#9fb8c2;line-height:1.4}
.sv-editor-group{margin:16px;padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);transition:opacity .2s ease}
.sv-editor-group.disabled{opacity:.34;pointer-events:none;filter:saturate(.6)}
.sv-editor-group h3{font-family:Baskerville,serif;font-size:1.35rem;color:#f5d581;margin:0 0 13px}
.sv-editor-group label{display:grid;gap:6px;margin:11px 0;color:#cbdbe0;font-size:.76rem;font-weight:700;letter-spacing:.03em}
.sv-editor-group select,.sv-editor-group input[type="number"]{width:100%;background:#17343e;color:#f5f9fa;border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:9px 10px;outline:none}
.sv-editor-group input[type="color"]{width:100%;height:39px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#17343e;padding:4px}
.sv-editor-group input[type="range"]{width:100%}
.sv-editor-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sv-editor-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sv-editor-buttons button,.sv-editor-wide{border:1px solid rgba(240,207,122,.28);background:#173944;color:#eef6f7;border-radius:11px;padding:9px 10px;cursor:pointer}
.sv-editor-wide{width:100%}
.sv-editor-help{font-size:.72rem;color:#95adb6;line-height:1.45;margin:10px 0 0}
.sv-editor-file{position:relative;border:1px dashed rgba(240,207,122,.42);border-radius:12px;padding:12px;text-align:center;cursor:pointer;color:#f5d581!important}
.sv-editor-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.sv-editor-group output{display:block;color:#f0cf7a;font-size:.72rem;margin-top:2px}
.sv-editor-footer{position:fixed;right:14px;bottom:14px;width:360px;z-index:99999;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;padding:13px 16px;background:#0b1f28;border:1px solid rgba(240,207,122,.38);border-top-color:rgba(240,207,122,.62);border-radius:0 0 26px 26px;box-shadow:0 -12px 28px rgba(0,0,0,.16);transform:translateX(calc(100% + 40px));transition:transform .24s ease}
.sv-editor-panel.open .sv-editor-footer{transform:translateX(0)}
.sv-editor-footer button{border:1px solid rgba(255,255,255,.12);background:#17343e;color:#fff;border-radius:999px;padding:10px 8px;cursor:pointer;font-weight:800}
.sv-editor-footer button.primary{background:linear-gradient(135deg,#b8872d,#e4be64);color:#10232b;border-color:#f0d889}
.sv-editor-footer button:disabled{opacity:.35;cursor:not-allowed}

.sv-editor-badge{position:fixed;right:18px;bottom:18px;z-index:99970;border:1px solid rgba(216,167,71,.72);background:rgba(255,253,248,.94);color:#6f521d;border-radius:999px;padding:8px 11px;font-size:.65rem;font-weight:900;letter-spacing:.12em;box-shadow:0 12px 30px rgba(20,35,43,.16);opacity:0;pointer-events:none;transition:.2s}
.sv-editing .sv-editor-badge,.sv-editor-badge.active{opacity:1;pointer-events:auto}
.sv-editor-toast{position:fixed;left:50%;bottom:24px;z-index:100002;transform:translate(-50%,20px);background:#102832;color:#fff;border:1px solid rgba(240,207,122,.55);border-radius:999px;padding:10px 16px;box-shadow:0 14px 38px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.2s;font-size:.85rem}
.sv-editor-toast.show{opacity:1;transform:translate(-50%,0)}

.sv-editing [data-sv-edit-id]{cursor:pointer}
.sv-editing [data-sv-edit-id]:hover{outline:2px dashed rgba(19,134,163,.65)!important;outline-offset:3px!important}
.sv-editing .sv-editor-selected{outline:2px solid #e7c46e!important;outline-offset:4px!important;box-shadow:0 0 0 5px rgba(231,196,110,.12),var(--paper-shadow-a)!important}
.sv-editing [contenteditable="true"]{cursor:text}
.sv-editor-open{padding-right:0}

@media (max-width:760px){
  .sv-editor-panel{inset:8px;width:auto;border-radius:22px}
  .sv-editor-footer{left:8px;right:8px;bottom:8px;width:auto;border-radius:0 0 22px 22px}
}

/* Serena Editor V4 functional controls */
.sv-editor-group textarea[data-sv-text-value]{width:100%;min-height:112px;resize:vertical;background:#17343e;color:#f5f9fa;border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:11px 12px;outline:none;font:500 .88rem/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.sv-editor-group textarea[data-sv-text-value]:focus{border-color:rgba(240,207,122,.72);box-shadow:0 0 0 3px rgba(240,207,122,.08)}
.sv-editor-help.strong-help{color:#d9e7ea;background:rgba(255,255,255,.04);padding:9px 10px;border-radius:10px}
.sv-editing [contenteditable="true"]{min-width:1.5em;caret-color:#0f7fa0}
.sv-editing [contenteditable="true"]:focus{outline:2px solid #f0cf7a!important;outline-offset:4px!important}


/* Serena Vitalis V6 — premium garden editorial preview */
.resource-note{margin-top:46px;padding:24px 26px;border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 40%,transparent);outline-offset:-4px;border-radius:22px;background:var(--surface);box-shadow:var(--paper-shadow-b)}
.resource-note h3{font-family:Baskerville,serif;font-size:1.55rem;margin:0 0 8px}.resource-note p{margin:0;color:var(--muted)}
.resource-note a{color:var(--blue);font-weight:800}.soft-note{font-size:.86rem;color:var(--muted)}
.affiliate-strip{max-width:1040px;margin:42px auto 0;padding:22px 26px;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));background:linear-gradient(135deg,var(--surface),var(--surface-soft));box-shadow:var(--paper-shadow-c)}
.affiliate-strip strong{font-family:Baskerville,serif;font-size:1.25rem}.affiliate-strip p{margin:5px 0 0;color:var(--muted)}

/* Serena Vitalis V7 additions */
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:0 auto}
.partner-card,.ticket-card{padding:28px;border-radius:24px;background:linear-gradient(160deg,#fffdf8,#f3ebdb);border:1px solid var(--gold-edge);outline:1px solid color-mix(in srgb,var(--gold-light) 45%,transparent);outline-offset:-4px;box-shadow:var(--paper-shadow-a)}
.partner-card h3,.ticket-card h3{font-family:Baskerville,serif;font-size:1.65rem;margin:12px 0 8px}
.partner-card p,.ticket-card p{color:var(--muted);margin:0 0 12px}
.partner-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--blue)}
.ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1040px;margin:30px auto 0}
.soft-list{margin:12px 0 0;padding-left:1.15rem;color:var(--muted)}
.soft-list li{margin:.45rem 0}
.article-grid.many{grid-template-columns:repeat(3,1fr)}
.badge-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.badge-line span{padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 80%,white);border:1px solid var(--gold-edge);font-size:.85rem;font-weight:700;color:var(--ink)}
.offer-strip{max-width:1040px;margin:0 auto;padding:18px 22px;border-radius:20px;background:linear-gradient(90deg,rgba(199,163,77,.12),rgba(88,115,61,.12));border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));display:flex;gap:20px;align-items:center;justify-content:space-between}
.offer-strip p{margin:0;color:var(--muted)}
.note-card{padding:20px 24px;border-left:4px solid var(--gold);background:color-mix(in srgb,var(--surface-soft) 65%,white);border-radius:18px;margin:22px 0;color:var(--ink)}
.table-lite{width:100%;border-collapse:collapse;margin:1.4rem 0}
.table-lite th,.table-lite td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table-lite th{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.hero-proof div strong{color:var(--ink)}
.visual-card{background:linear-gradient(160deg,rgba(245,239,227,.86),rgba(255,255,255,.74));}
@media (max-width:1050px){.partner-grid,.ticket-grid,.article-grid.many{grid-template-columns:1fr 1fr}.offer-strip{flex-direction:column;align-items:flex-start}}
@media (max-width:720px){.partner-grid,.ticket-grid,.article-grid.many{grid-template-columns:1fr}}


/* ===== Serena Vitalis V9: classic single-column editorial layout ===== */
:root{
  --bg:#f2eee6;
  --bg-2:#f8f4ec;
  --surface:#fffaf0;
  --surface-soft:#eee5d6;
  --ink:#35432a;
  --muted:#73766e;
  --blue:#718f4b;
  --blue-2:#91a96b;
  --teal:#8fa76e;
  --gold:#d2ad57;
  --gold-2:#ebd492;
  --peach:#d5c2a6;
  --line:rgba(112,111,102,.17);
  --shadow:0 18px 46px rgba(72,73,61,.12);
}
html,body{background:var(--bg);color:var(--ink)}
body{background:linear-gradient(180deg,#f7f3eb 0%,#f1ece3 56%,#ece9e4 100%)}
.topbar{background:#6f8d4d;color:#fffaf0}
.site-header{background:rgba(255,250,240,.96);backdrop-filter:blur(8px)}
.nav-shell{background:transparent;border:0;box-shadow:none}
.brand-mark{background:linear-gradient(145deg,#d3ad55,#f0daa0);color:#43522f;border:1px solid #b98f36}
.brand-copy strong{color:#35432a}
.nav-links a{color:#4d5b42}
.nav-links a.active,.nav-links a:hover{color:#8a6a24}

/* Never split the opening viewport into two columns. */
.hero{padding:0 0 86px;background:transparent}
.hero-grid{display:block;max-width:1180px;margin:0 auto}
.hero-copy{padding:0;max-width:none}
.hero-copy .eyebrow,.hero-copy .display,.hero-copy .lede,.hero-copy .hero-actions,.hero-copy .hero-proof,.hero-copy .badge-line{max-width:860px;margin-left:auto;margin-right:auto}
.hero-copy .eyebrow{display:block;margin-top:52px;margin-bottom:16px;text-align:center}
.hero-copy .display{text-align:center;font-size:clamp(3.2rem,7vw,6.2rem);line-height:.96;margin-top:0}
.hero-copy .lede{text-align:center;font-size:1.16rem;line-height:1.8}
.hero-actions{justify-content:center}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.hero-proof div{text-align:center;padding:18px 14px;border-top:1px solid rgba(210,173,87,.5)}
.hero-proof div strong{color:#35432a}
.lux-visual{display:none!important}

/* Empty image placeholders: intentionally contain no label/icon/text. */
.image-placeholder,.feature-art,.article-art{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  min-height:260px;
  background:#e5e5e1;
  border:1px solid rgba(210,173,87,.72);
  outline:1px solid rgba(235,212,146,.48);
  outline-offset:-5px;
  border-radius:24px;
  box-shadow:0 18px 42px rgba(80,78,68,.12), 7px 9px 0 rgba(255,250,240,.5);
  overflow:hidden;
}
.image-placeholder:before,.image-placeholder:after,.feature-art:before,.feature-art:after,.article-art:before,.article-art:after{content:none!important;display:none!important}
.image-placeholder.hero-image{max-width:1180px;margin:28px auto 52px;aspect-ratio:16/7;min-height:360px;border-radius:30px}
.image-placeholder.article-image{margin:42px 0 48px;aspect-ratio:16/9}

/* Classic reading flow. */
.section{padding:92px 0}
.section.soft{background:rgba(230,226,218,.46)}
.section-head{display:block;max-width:860px;margin:0 auto 44px;text-align:left}
.section-head h2{max-width:16ch}
.section-head p{max-width:62ch;margin-top:16px}
.editorial-flow{max-width:860px;margin:0 auto}
.editorial-flow h2,.prose h2{font-family:Baskerville,serif;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.08;margin:2.2em 0 .55em;color:#3d4d30}
.editorial-flow h3,.prose h3{font-family:Baskerville,serif;font-size:1.8rem;line-height:1.15;margin:1.8em 0 .5em;color:#4a563f}
.editorial-flow p,.prose p{font-size:1.08rem;line-height:1.9;color:#666b62;max-width:70ch;margin:0 0 1.55em}

/* Internal pages become single-column too. */
.page-hero{padding:64px 0 34px;background:transparent}
.page-hero-box{max-width:900px;padding:0;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;text-align:left}
.page-hero-box:after{display:none}
.page-hero h1{font-size:clamp(3.2rem,7vw,5.8rem);max-width:13ch;color:#35432a}
.page-hero .lede{max-width:65ch;font-size:1.16rem;line-height:1.8}
.content-grid{display:block;max-width:900px;margin:0 auto}
.prose{padding:0;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;overflow:visible}
.prose:before,.prose:after{display:none!important}
.sidebar-card{display:none!important}

/* Article and category blocks stay simple, image first and text below. */
.pillars{grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto;gap:22px}
.pillar,.partner-card,.ticket-card,.article-card,.mini-card,.newsletter,.contact-card,.form-card{
  background:linear-gradient(160deg,#fffaf0,#f0e7d8);
  border:1px solid rgba(210,173,87,.72);
  outline:1px solid rgba(235,212,146,.42);
  outline-offset:-5px;
  box-shadow:0 16px 38px rgba(80,78,68,.10);
}
.article-grid,.article-grid.many{grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto;gap:24px}
.article-card{overflow:hidden}
.article-card .article-art{border:0;outline:0;border-radius:0;box-shadow:none;aspect-ratio:16/10;min-height:180px;background:#e5e5e1!important}
.article-body{padding:28px}
.feature-grid{display:block;max-width:900px;margin:0 auto}
.feature-panel{display:block;overflow:visible;background:transparent;border:0;outline:0;box-shadow:none}
.feature-panel .feature-art{margin-bottom:36px;aspect-ratio:16/8}
.feature-content{padding:0;max-width:760px}
.mini-stack{display:none}
.quote-band{max-width:900px;background:linear-gradient(135deg,#6f8d4d,#8da367 55%,#b7aa8f)}
.newsletter{max-width:900px;margin:0 auto;grid-template-columns:1fr;gap:20px}
.offer-strip{max-width:900px;background:linear-gradient(90deg,rgba(210,173,87,.14),rgba(113,143,75,.12),rgba(179,180,176,.14))}
.partner-grid,.ticket-grid{max-width:900px;grid-template-columns:1fr 1fr}

/* Version display */
.brand-copy strong::after{content:none!important;display:none!important}

/* Dark mode: same calm garden palette, never pitch black. */
html[data-theme="dark"] body{background:linear-gradient(180deg,#2f3728,#343c2d 60%,#3b3f38);color:#f5eddc}
html[data-theme="dark"] .topbar{background:#2d3a25}
html[data-theme="dark"] .site-header{background:rgba(43,51,37,.96)}
html[data-theme="dark"] .brand-copy strong,html[data-theme="dark"] .nav-links a,html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .hero-proof div strong{color:#f3ead6}
html[data-theme="dark"] .nav-links a.active,html[data-theme="dark"] .nav-links a:hover{color:#e8c774}
html[data-theme="dark"] .image-placeholder,html[data-theme="dark"] .feature-art,html[data-theme="dark"] .article-art{background-color:#555a52!important;border-color:rgba(232,199,116,.56);outline-color:rgba(232,199,116,.22)}
html[data-theme="dark"] .pillar,html[data-theme="dark"] .partner-card,html[data-theme="dark"] .ticket-card,html[data-theme="dark"] .article-card,html[data-theme="dark"] .newsletter,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .form-card{background:linear-gradient(160deg,#3b4434,#424b3b)}
html[data-theme="dark"] .editorial-flow p,html[data-theme="dark"] .prose p{color:#d8d7ce}
html[data-theme="dark"] .editorial-flow h2,html[data-theme="dark"] .prose h2,html[data-theme="dark"] .editorial-flow h3,html[data-theme="dark"] .prose h3{color:#eee5d0}

@media (max-width:1050px){
  .hero-proof,.pillars,.article-grid,.article-grid.many,.partner-grid,.ticket-grid{grid-template-columns:1fr 1fr}
  .image-placeholder.hero-image{aspect-ratio:16/9;min-height:280px}
}
@media (max-width:720px){
  .hero-copy .display{font-size:clamp(2.8rem,15vw,4.4rem)}
  .hero-proof,.pillars,.article-grid,.article-grid.many,.partner-grid,.ticket-grid{grid-template-columns:1fr}
  .image-placeholder.hero-image{min-height:210px;border-radius:20px}
  .section{padding:70px 0}
  .page-hero{padding-top:40px}
}

/* V9 final editorial adjustments */
.hero-copy{max-width:900px;margin:0 auto;text-align:left!important}
.hero-copy .eyebrow,.hero-copy .display,.hero-copy .lede,.hero-copy .hero-actions{max-width:900px;margin-left:0;margin-right:0;text-align:left}
.hero-copy .eyebrow{margin-top:58px}
.hero-actions{justify-content:flex-start}
.hero .image-placeholder.hero-image{margin-top:40px}
.editorial-flow{max-width:900px}
.editorial-flow>.image-placeholder{width:100%}
.park-entry{margin:0 0 86px}
.park-entry h2{margin-top:28px}
.park-entry p{max-width:72ch}
.partner-note{padding:18px 22px;margin-top:20px;border-left:3px solid var(--gold);background:rgba(255,250,240,.72);color:var(--muted)}
html[data-theme="dark"] .partner-note{background:rgba(60,69,52,.75)}
.article-card .article-art{background:#e5e5e1!important}
.article-card .article-art:before,.article-card .article-art:after{content:none!important;display:none!important}


/* V14 typography + multilingual controls */
.hero-copy,.page-hero-box,.section-head{text-align:center!important}
.hero-copy .eyebrow,.hero-copy .display,.hero-copy .lede,.hero-copy .hero-actions,
.page-hero .eyebrow,.page-hero h1,.page-hero .lede,
.section-head .eyebrow,.section-head h2,.section-head p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.hero-copy .display,.page-hero h1{font-size:clamp(40px,5vw,60px)!important;line-height:1.02!important;max-width:100%!important}
.section-head h2,.editorial-flow h2,.prose h2,.newsletter h2{font-size:clamp(34px,4vw,50px)!important;line-height:1.08!important;text-align:center!important;max-width:100%!important}
.editorial-flow h2,.prose h2{margin-left:auto!important;margin-right:auto!important}
.hero-actions{justify-content:center!important}
.page-hero-box{max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
.page-hero .lede{max-width:760px!important}
.section-head p{max-width:760px!important}
.lang-switch-wrap{display:flex;align-items:center;gap:7px;margin-left:8px}
.lang-switch-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}
.lang-switch{appearance:none;border:1px solid rgba(210,173,87,.68);background:rgba(255,250,240,.88);color:var(--ink);border-radius:999px;padding:9px 30px 9px 12px;font-weight:800;font-size:.78rem;outline:0;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#7d6a36 50%),linear-gradient(135deg,#7d6a36 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
html[data-theme="dark"] .lang-switch{background-color:rgba(54,64,47,.94);color:#f3ead6;border-color:rgba(232,199,116,.5)}
.sv-editing .image-placeholder{cursor:pointer!important}
.sv-editing .image-placeholder:hover{box-shadow:0 0 0 3px rgba(210,173,87,.38),0 18px 42px rgba(80,78,68,.12)!important}
@media(max-width:1050px){.lang-switch-wrap{margin-left:auto;margin-right:4px}.lang-switch-label{display:none}}
@media(max-width:720px){.hero-copy .display,.page-hero h1{font-size:clamp(36px,12vw,52px)!important}.section-head h2,.editorial-flow h2,.prose h2,.newsletter h2{font-size:clamp(30px,9vw,42px)!important}}

/* V14 editor/master-language additions */
.sv-translation-master-note{
  margin:0 0 12px;padding:10px 12px;border-radius:12px;
  background:color-mix(in srgb,var(--gold-2) 26%,var(--surface));
  border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));
  font-size:.78rem;line-height:1.4;color:var(--muted)
}
.sv-translation-master-note strong{color:var(--ink)}
html:not([lang="en"]) .sv-editor-group[data-sv-text-controls]{opacity:.48;pointer-events:none}


/* V14 — persistent real image layer inside every image placeholder */
.image-placeholder,.feature-art,.article-art,.lux-visual{position:relative;overflow:hidden}
.image-placeholder>img.sv-user-image,
.feature-art>img.sv-user-image,
.article-art>img.sv-user-image,
.lux-visual>img.sv-user-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;display:block!important;
  z-index:3!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;
}
.sv-editing .image-placeholder>img.sv-user-image,
.sv-editing .feature-art>img.sv-user-image,
.sv-editing .article-art>img.sv-user-image,
.sv-editing .lux-visual>img.sv-user-image{pointer-events:none!important}
html[data-theme="dark"] .image-placeholder>img.sv-user-image,
html[data-theme="dark"] .feature-art>img.sv-user-image,
html[data-theme="dark"] .article-art>img.sv-user-image,
html[data-theme="dark"] .lux-visual>img.sv-user-image{display:block!important;opacity:1!important;visibility:visible!important;filter:none!important}


/* V14 compact centered header + image backgrounds */
body{
  background:
    linear-gradient(rgba(246,241,231,.70), rgba(246,241,231,.70)),
    url('../images/page-park-topdown.webp') center top / cover fixed no-repeat;
}
html[data-theme="dark"] body{
  background:
    linear-gradient(rgba(43,51,37,.90), rgba(50,56,42,.94)),
    url('../images/page-park-topdown.webp') center top / cover fixed no-repeat !important;
}
.topbar{display:none!important}
.site-header.compact-header{
  position:sticky;top:0;z-index:40;
  background:
    linear-gradient(rgba(248,243,233,.90), rgba(248,243,233,.90)),
    url('../images/header-park.webp') center center / cover no-repeat;
  border-bottom:1px solid rgba(210,173,87,.42);
  backdrop-filter:blur(8px);
}
html[data-theme="dark"] .site-header.compact-header{
  background:
    linear-gradient(rgba(41,49,34,.88), rgba(41,49,34,.88)),
    url('../images/header-park.webp') center center / cover no-repeat;
}
.nav-shell.compact-shell{display:block;min-height:auto;padding:14px 0 12px}
.header-top{
  display:grid;
  grid-template-columns:72px 1fr auto;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.brand-compact{justify-self:start;display:flex;align-items:center;justify-content:center}
.header-title{justify-self:center;text-align:center;padding:0 8px}
.header-title strong{
  display:block;
  font-family:Baskerville,serif;
  font-size:clamp(2rem,3.1vw,3rem);
  line-height:1;
  color:#35432a;
  letter-spacing:.03em;
  text-shadow:0 1px 0 rgba(255,250,240,.65);
}
html[data-theme="dark"] .header-title strong{color:#f3ead6}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.header-nav-wrap{display:flex;justify-content:center}
.nav-links{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;
}
.nav-links a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:8px 14px;border-radius:999px;
  background:rgba(255,250,240,.82);
  border:1px solid rgba(210,173,87,.48);
  box-shadow:0 6px 14px rgba(120,108,71,.08), inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="dark"] .nav-links a{
  background:rgba(54,64,47,.88);border-color:rgba(232,199,116,.42);
}
.nav-links a.active,.nav-links a:hover{
  background:linear-gradient(180deg,rgba(244,231,194,.96),rgba(236,220,171,.94));
  color:#745f24;
}
html[data-theme="dark"] .nav-links a.active,html[data-theme="dark"] .nav-links a:hover{
  background:linear-gradient(180deg,rgba(96,86,48,.95),rgba(77,69,36,.95));
  color:#f4dfac;
}
.lang-switch-wrap{
  display:flex;align-items:center;gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,250,240,.82);
  border:1px solid rgba(210,173,87,.48);
  box-shadow:0 6px 14px rgba(120,108,71,.08), inset 0 1px 0 rgba(255,255,255,.7);
  margin-left:0;
}
html[data-theme="dark"] .lang-switch-wrap{background:rgba(54,64,47,.88);border-color:rgba(232,199,116,.42)}
.lang-switch{background:rgba(255,250,240,.92)!important;min-height:34px;padding-top:7px;padding-bottom:7px}
html[data-theme="dark"] .lang-switch{background:rgba(54,64,47,.94)!important}
.icon-btn{
  width:38px;height:38px;border-radius:999px;
  background:rgba(255,250,240,.84);
  border:1px solid rgba(210,173,87,.48);
  box-shadow:0 6px 14px rgba(120,108,71,.08), inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="dark"] .icon-btn{background:rgba(54,64,47,.88);border-color:rgba(232,199,116,.42)}
.brand-copy span{display:none!important}
.brand-copy strong{font-size:1.1rem}
/* Image placeholders: fit uploaded images exactly to frame size */
.image-placeholder>img.sv-user-image,.feature-art>img.sv-user-image,.article-art>img.sv-user-image,.lux-visual>img.sv-user-image{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
}
/* Keep content cards readable over park backdrop */
.hero-copy,.page-hero-box,.newsletter,.pillar,.article-card,.mini-card,.feature-panel,.sidebar-card,.info-card,.contact-card,.form-card,.prose,.partner-card,.ticket-card,.quote-band{
  backdrop-filter:saturate(1.05);
}
@media (max-width:1150px){
  .header-top{grid-template-columns:60px 1fr auto}
  .header-title strong{font-size:clamp(1.7rem,3vw,2.4rem)}
  .nav-links a{padding:7px 11px;font-size:.9rem}
}
@media (max-width:860px){
  .header-top{grid-template-columns:48px 1fr auto;gap:8px}
  .lang-switch-label{display:none}
  .nav-links{gap:8px}
}
@media (max-width:720px){
  .header-top{grid-template-columns:44px 1fr auto}
  .header-title strong{font-size:clamp(1.3rem,5vw,1.8rem)}
  .header-actions{gap:6px}
  .lang-switch-wrap{padding:5px 8px}
  .nav-links a{min-height:32px;padding:6px 10px;font-size:.84rem}
}


/* V14 compact header refinement: keep header within two total rows */
.nav-shell.compact-shell{padding:10px 0 10px!important}
.header-top{margin-bottom:8px!important;grid-template-columns:64px 1fr auto!important;gap:10px!important}
.brand-mark{width:44px!important;height:44px!important;font-size:1.15rem!important}
.header-title strong{font-size:clamp(1.85rem,2.9vw,2.7rem)!important;letter-spacing:.02em!important}
.header-nav-wrap{display:flex!important;justify-content:center!important}
.nav-links{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
}
.nav-links a{
  min-height:32px!important;
  padding:7px 12px!important;
  font-size:.78rem!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}
.lang-switch-wrap{padding:5px 9px!important;gap:7px!important}
.lang-switch-label{font-size:.66rem!important;letter-spacing:.1em!important}
.lang-switch{min-height:32px!important;padding:6px 27px 6px 10px!important;font-size:.74rem!important}
.icon-btn{width:34px!important;height:34px!important}
.mobile-toggle{display:none!important}
@media (max-width:1180px){
  .nav-links a{padding:7px 10px!important;font-size:.74rem!important}
  .header-title strong{font-size:clamp(1.6rem,2.6vw,2.35rem)!important}
}
@media (max-width:980px){
  .nav-links{flex-wrap:wrap!important}
  .mobile-toggle{display:inline-flex!important}
}
@media (max-width:720px){
  .header-top{grid-template-columns:46px 1fr auto!important;gap:8px!important}
  .header-title strong{font-size:clamp(1.2rem,5vw,1.7rem)!important}
}

/* V16 — image placeholders are 20% smaller and uploaded images scale to the frame without cropping. */
.image-placeholder,
.feature-art,
.article-art{
  width:80%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.image-placeholder.hero-image{
  max-width:944px!important; /* 80% of the previous 1180px maximum */
  min-height:288px!important; /* 80% of the previous 360px minimum */
}
.image-placeholder.article-image{
  min-height:208px!important; /* 80% of the base 260px minimum */
}
.article-card .article-art{
  min-height:144px!important; /* 80% of the previous 180px minimum */
}
.feature-panel .feature-art{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Scale the whole uploaded image inside the placeholder; do not crop it. */
.image-placeholder>img.sv-user-image,
.feature-art>img.sv-user-image,
.article-art>img.sv-user-image,
.lux-visual>img.sv-user-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

@media (max-width:1050px){
  .image-placeholder.hero-image{min-height:224px!important;}
}
@media (max-width:720px){
  .image-placeholder.hero-image{min-height:168px!important;}
}

/* V17 content, accessibility and image integration; V16 frame widths retained. */
.sv-editor-badge{display:none!important}.sv-editing .sv-editor-badge{display:block!important}
.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:12px;top:12px;z-index:100000;background:white;color:#183b2e;padding:12px}
.image-placeholder,.article-art,.feature-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3eddf!important}
.image-placeholder:before,.image-placeholder:after,.article-art:before,.article-art:after{display:none!important}
.image-placeholder>img.sv-user-image,.article-art>img.sv-user-image{display:block!important;position:relative!important;max-width:100%;width:100%!important;height:auto!important;max-height:380px;object-fit:contain!important}
.article-card .article-art>img.sv-user-image{max-height:200px}
figure{margin:0 0 24px}figcaption{font-size:.76rem;text-align:center;margin:9px auto;color:var(--muted,#667060);max-width:80%}
.prose p{line-height:1.85}.prose h2{scroll-margin-top:150px}.article-meta{font-size:.82rem;line-height:1.7}.article-body h3 a{color:inherit;text-decoration:none}.article-body h3 a:hover{text-decoration:underline}
.article-grid{align-items:stretch}.article-card{display:flex;flex-direction:column}.article-body{flex:1}.article-card .btn{margin-top:12px}
.related-list{display:grid;gap:10px;padding-left:20px}.source-list{overflow-wrap:anywhere}.aff-position{border:1px solid #b9ab89;border-radius:8px;padding:16px;margin:28px 0;background:rgba(185,165,121,.12)}
.aff-label{display:inline-block;padding:5px 10px;border:1px dashed #9c8e6f;border-radius:4px;font:600 .8rem monospace;color:inherit}.aff-position p{margin:8px 0;font-size:.9rem}.content-grid .prose{min-width:0}
.policy-content{max-width:860px;margin:auto}.policy-content p{overflow-wrap:anywhere}.policy-content h2{margin-top:30px}.newsletter .btn{white-space:normal}
.footer-grid a{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bb954d;outline-offset:4px}
.sv-owner-required{border-left:3px solid #a68550;padding-left:14px}.header-title strong{white-space:normal}.hero .hero-copy{max-width:100%}
@media(max-width:980px){.header-nav-wrap .nav-links{display:none!important}.header-nav-wrap .nav-links.open{display:flex!important}.mobile-toggle{display:inline-flex!important}}
@media(max-width:720px){.content-grid{grid-template-columns:1fr!important}.sidebar-card{position:static!important}.article-grid,.article-grid.many{grid-template-columns:1fr!important}.header-top{grid-template-columns:36px 1fr auto!important;gap:4px!important}.header-title strong{font-size:1.14rem!important}.brand-mark{width:32px!important;height:32px!important}.header-actions{gap:3px!important}.lang-switch-wrap{padding:2px!important}.hero .display,.page-hero .display{font-size:clamp(1.9rem,8vw,2.8rem)!important}.image-placeholder.hero-image{min-height:168px!important}.newsletter{display:block!important}.newsletter .hero-actions{margin-top:18px}.container{max-width:calc(100% - 28px)!important}.hero .container{display:block!important}}

/* V18 — smaller image containers matched to the 16:9 artwork ratio. */
.image-placeholder,
.feature-art,
.article-art{
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
}

/* Main article/hero frames are reduced again so the illustration does not sit in an oversized box. */
.image-placeholder.hero-image,
.image-placeholder.article-image,
.feature-panel .feature-art{
  width:64%!important;
  max-width:755px!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Card artwork remains compact, but its frame now follows the same 16:9 shape as the supplied artwork. */
.article-card .article-art{
  width:80%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* The image fills the matching frame proportionally; no cropping or stretching. */
.image-placeholder>img.sv-user-image,
.feature-art>img.sv-user-image,
.article-art>img.sv-user-image,
.lux-visual>img.sv-user-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}

@media (max-width:1050px){
  .image-placeholder.hero-image,
  .image-placeholder.article-image,
  .feature-panel .feature-art{width:72%!important;max-width:680px!important;}
}
@media (max-width:720px){
  .image-placeholder.hero-image,
  .image-placeholder.article-image,
  .feature-panel .feature-art{width:92%!important;max-width:none!important;}
  .article-card .article-art{width:92%!important;}
}

/* V22: breadcrumbs and contact form */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;font-size:.82rem;color:var(--muted)}
.breadcrumbs a{color:var(--blue);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current="page"]{color:var(--muted)}
.contact-form{display:grid;gap:18px}.field{display:grid;gap:8px}.char-count{margin-top:7px;text-align:right;font-size:.78rem;color:var(--muted)}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.form-status.success{color:#2b6b45}.form-status.error{color:#a0443c}

/* V22 logo restoration */
.brand-logo{
  width:44px;
  height:44px;
  display:block;
  object-fit:contain;
  object-position:center;
  border-radius:50%;
  flex:0 0 auto;
}
.brand-compact .brand-logo{width:44px;height:44px}
.site-footer .brand-logo{width:48px;height:48px}
@media(max-width:720px){
  .brand-logo,.brand-compact .brand-logo{width:32px!important;height:32px!important}
  .site-footer .brand-logo{width:42px!important;height:42px!important}
}

/* V23 — reduce excess space between page titles and images, and scale images down by 10%. */
.page-hero{
  padding:52px 0 18px!important;
}
.page-hero + .section{
  padding-top:28px!important;
}
figure{
  margin:0 0 18px!important;
}
figcaption{
  margin:7px auto 0!important;
}

/* Reduce article and feature images by about 10% compared with the previous layout. */
.image-placeholder.hero-image,
.image-placeholder.article-image,
.feature-panel .feature-art{
  width:58%!important;
  max-width:680px!important;
}
.article-card .article-art{
  width:72%!important;
}

@media (max-width:1050px){
  .image-placeholder.hero-image,
  .image-placeholder.article-image,
  .feature-panel .feature-art{width:66%!important;max-width:620px!important;}
}
@media (max-width:720px){
  .page-hero{padding:34px 0 12px!important;}
  .page-hero + .section{padding-top:18px!important;}
  .image-placeholder.hero-image,
  .image-placeholder.article-image,
  .feature-panel .feature-art{width:88%!important;max-width:none!important;}
  .article-card .article-art{width:88%!important;}
}

/* V24 affiliate placements */
.sv-aff-hide{display:none!important}
body.sv-aff-enabled .content-grid{max-width:1220px!important}
.affiliate-right-rail{display:flex;flex-direction:column;gap:22px;align-self:start}
.sv-aff-heading{margin:0 0 4px;font-family:Baskerville,serif;font-size:1.85rem;line-height:1.1;color:#3d4d30}
.sv-aff-heading-center{text-align:center;margin-bottom:26px}
.sv-aff-card{border:1px solid var(--gold-edge);border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:var(--paper-shadow-b)}
.sv-aff-linkwrap{display:block;color:inherit;text-decoration:none}
.sv-aff-media{position:relative;background:#f2eee3}
.sv-aff-media img{display:block;width:100%;height:auto;object-fit:cover}
.sv-aff-portrait .sv-aff-media img{aspect-ratio:4/5}
.sv-aff-landscape .sv-aff-media img{aspect-ratio:16/10}
.sv-aff-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(47,71,37,.92);color:#fff;font:700 .77rem/1 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.sv-aff-copy{padding:16px 18px 18px}
.sv-aff-copy h3{margin:0 0 8px;font-size:1.16rem;line-height:1.28;color:#2f4725}
.sv-aff-copy p{margin:0 0 14px;color:#666b62;font-size:.97rem;line-height:1.65}
.sv-aff-button{display:inline-block;padding:10px 14px;border-radius:999px;background:#355126;color:#fff;font-weight:700;font-size:.9rem;line-height:1;letter-spacing:.01em}
.sv-aff-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(20,38,25,.12);transition:transform .18s ease,box-shadow .18s ease}
.sv-aff-card:hover .sv-aff-button{background:#47692f}
.page-affiliate-bottom{padding-top:8px;padding-bottom:54px}
.sv-aff-bottom-shell{padding:28px;border:1px solid var(--gold-edge);border-radius:32px;background:linear-gradient(180deg,rgba(255,250,240,.88),rgba(247,242,231,.96));box-shadow:var(--paper-shadow-a)}
.sv-aff-grid-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.page-under-construction .sv-under-construction-wrap{padding-top:72px;padding-bottom:72px}
.sv-under-construction-card{max-width:760px;margin:0 auto;padding:38px 32px;border:1px solid var(--gold-edge);border-radius:28px;background:var(--surface);box-shadow:var(--paper-shadow-a);text-align:center}
.sv-under-construction-card p{font-size:1.05rem;line-height:1.75;color:#666b62}
@media(min-width:1025px){
  body.sv-aff-enabled .content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:34px!important;align-items:start!important}
  body.sv-aff-enabled .content-grid>.prose{min-width:0}
  .affiliate-right-rail{position:sticky;top:104px}
}
@media(max-width:1024px){
  .affiliate-right-rail{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .affiliate-right-rail .sv-aff-heading{grid-column:1/-1}
  .sv-aff-grid-bottom{grid-template-columns:1fr;gap:18px}
}
@media(max-width:720px){
  .affiliate-right-rail{grid-template-columns:1fr}
  .sv-aff-bottom-shell{padding:18px}
  .sv-aff-copy{padding:14px 14px 16px}
}

/* V25 all-pages right rail */
.affiliate-floating-rail{margin:30px auto 0;max-width:320px}
@media(min-width:1360px){
  body.sv-floating-aff-enabled main{position:relative;padding-right:340px}
  body.sv-floating-aff-enabled .affiliate-floating-rail{position:fixed;top:118px;right:24px;width:290px;max-width:290px;margin:0;z-index:30}
}
@media(min-width:1025px) and (max-width:1359px){
  body.sv-floating-aff-enabled .affiliate-floating-rail{max-width:1100px;width:auto;padding:0 20px}
  body.sv-floating-aff-enabled .affiliate-floating-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  body.sv-floating-aff-enabled .affiliate-floating-rail .sv-aff-heading{grid-column:1/-1;text-align:center}
}
@media(max-width:1024px){
  body.sv-floating-aff-enabled .affiliate-floating-rail{padding:0 20px}
}

/* V26 layout refinement for 100% zoom */
.affiliate-inline-top{padding-top:8px;padding-bottom:18px}
.affiliate-inline-top-inner{display:flex;justify-content:flex-end}
.affiliate-inline-rail{width:min(100%,300px);display:flex;flex-direction:column;gap:22px}
@media(min-width:1025px){
  .affiliate-inline-top{padding-top:18px;padding-bottom:26px}
}
@media(max-width:1024px){
  .affiliate-inline-top-inner{justify-content:center}
  .affiliate-inline-rail{width:min(100%,680px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .affiliate-inline-rail .sv-aff-heading{grid-column:1/-1;text-align:center}
}
@media(max-width:720px){
  .affiliate-inline-rail{grid-template-columns:1fr}
}

/* V27 — reklame smanjene približno 20% */
@media(min-width:1025px){
  body.sv-aff-enabled .content-grid{grid-template-columns:minmax(0,1fr) 240px!important;gap:30px!important}
  .affiliate-right-rail{gap:18px}
  .affiliate-inline-rail{width:min(100%,240px)}
  .sv-aff-bottom-shell{width:80%;margin-left:auto;margin-right:auto;padding:22px}
  .sv-aff-grid-bottom{gap:19px}
}

.sv-aff-card{border-radius:19px}
.sv-aff-heading{font-size:1.48rem}
.sv-aff-heading-center{margin-bottom:21px}
.sv-aff-badge{top:11px;left:11px;padding:5px 8px;font-size:.62rem}
.sv-aff-copy{padding:13px 14px 14px}
.sv-aff-copy h3{margin-bottom:6px;font-size:.93rem}
.sv-aff-copy p{margin-bottom:11px;font-size:.78rem;line-height:1.55}
.sv-aff-button{padding:8px 11px;font-size:.72rem}

@media(max-width:1024px){
  .affiliate-right-rail,
  .affiliate-inline-rail{width:80%;margin-left:auto;margin-right:auto}
  .sv-aff-bottom-shell{width:80%;margin-left:auto;margin-right:auto}
}

@media(max-width:720px){
  .affiliate-right-rail,
  .affiliate-inline-rail,
  .sv-aff-bottom-shell{width:90%}
}


/* V28 — reklame smanjene na oko 60% i bez guranja sadržaja dolje */
@media(min-width:1025px){
  body.sv-aff-enabled .content-grid{grid-template-columns:minmax(0,1fr) 180px!important;gap:24px!important;max-width:1060px!important}
  .affiliate-right-rail{gap:14px}
  .affiliate-floating-rail{position:fixed!important;top:124px;right:18px;width:180px!important;max-width:180px!important;margin:0!important;z-index:30}
  body.sv-floating-aff-enabled main{padding-right:210px}
  .sv-aff-bottom-shell{max-width:760px;width:100%!important;margin-left:auto;margin-right:auto;padding:18px}
  .sv-aff-grid-bottom{grid-template-columns:repeat(3,180px)!important;justify-content:center;gap:16px!important}
}

.sv-aff-card{border-radius:16px}
.sv-aff-heading{font-size:1.18rem}
.sv-aff-heading-center{margin-bottom:16px}
.sv-aff-badge{top:9px;left:9px;padding:4px 7px;font-size:.56rem}
.sv-aff-copy{padding:10px 11px 12px}
.sv-aff-copy h3{margin-bottom:5px;font-size:.82rem;line-height:1.22}
.sv-aff-copy p{margin-bottom:9px;font-size:.7rem;line-height:1.45}
.sv-aff-button{padding:7px 9px;font-size:.66rem}

@media(max-width:1024px){
  body.sv-floating-aff-enabled main{padding-right:0}
  body.sv-floating-aff-enabled .affiliate-floating-rail{position:static!important;max-width:520px!important;width:78%!important;margin:22px auto 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
  body.sv-floating-aff-enabled .affiliate-floating-rail .sv-aff-heading{grid-column:1/-1;text-align:center}
  .affiliate-right-rail,.affiliate-inline-rail{width:78%;margin-left:auto;margin-right:auto}
  .sv-aff-bottom-shell{width:78%;margin-left:auto;margin-right:auto;padding:16px}
}

@media(max-width:720px){
  body.sv-floating-aff-enabled .affiliate-floating-rail{width:90%!important;grid-template-columns:1fr!important}
  .affiliate-right-rail,.affiliate-inline-rail,.sv-aff-bottom-shell{width:90%}
  .sv-aff-grid-bottom{grid-template-columns:1fr!important}
}


/* V29 — desne reklame uvijek jedna ispod druge i šire */
@media(min-width:1025px){
  body.sv-aff-enabled .content-grid{grid-template-columns:minmax(0,1fr) 250px!important;gap:26px!important;max-width:1130px!important}
  .affiliate-right-rail{display:flex!important;flex-direction:column!important;gap:16px!important;width:250px!important;max-width:250px!important}
  .affiliate-floating-rail{display:flex!important;flex-direction:column!important;gap:16px!important;position:fixed!important;top:124px;right:18px;width:250px!important;max-width:250px!important;margin:0!important;z-index:30}
  body.sv-floating-aff-enabled main{padding-right:280px!important}
}

@media(max-width:1024px){
  .affiliate-right-rail,
  .affiliate-inline-rail,
  body.sv-floating-aff-enabled .affiliate-floating-rail{display:flex!important;flex-direction:column!important;gap:14px!important;width:min(100%,250px)!important;max-width:250px!important;margin-left:auto!important;margin-right:auto!important}
  body.sv-floating-aff-enabled main{padding-right:0!important}
}

@media(max-width:720px){
  .affiliate-right-rail,
  .affiliate-inline-rail,
  body.sv-floating-aff-enabled .affiliate-floating-rail{width:min(100%,250px)!important;max-width:250px!important}
}


/* V30 — desne reklame širine 3 cm i nisu fiksirane */
@media (min-width: 1025px){
  body.sv-aff-enabled .content-grid{
    grid-template-columns:minmax(0,1fr) 3cm !important;
    gap:22px !important;
    max-width:1000px !important;
  }
  .affiliate-right-rail,
  .affiliate-inline-rail{
    width:3cm !important;
    max-width:3cm !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    align-self:start;
  }
  .affiliate-inline-top{
    padding-top:14px;
    padding-bottom:18px;
  }
  .affiliate-inline-top-inner{
    display:flex;
    justify-content:flex-end;
  }
  .affiliate-floating-rail{
    position:static !important;
    width:3cm !important;
    max-width:3cm !important;
    margin:0 0 0 auto !important;
  }
  body.sv-floating-aff-enabled main{
    padding-right:0 !important;
  }
  .sv-aff-bottom-shell{
    max-width:720px;
    width:100% !important;
    margin-left:auto;
    margin-right:auto;
    padding:16px;
  }
  .sv-aff-grid-bottom{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
  }
}

.sv-aff-heading{
  font-size:1rem !important;
  line-height:1.15 !important;
}
.sv-aff-heading-center{
  margin-bottom:14px !important;
}
.sv-aff-card{
  border-radius:14px !important;
}
.sv-aff-badge{
  top:8px !important;
  left:8px !important;
  padding:4px 6px !important;
  font-size:.5rem !important;
}
.sv-aff-copy{
  padding:9px 10px 11px !important;
}
.sv-aff-copy h3{
  font-size:.78rem !important;
  line-height:1.2 !important;
  margin:0 0 5px !important;
}
.sv-aff-copy p{
  font-size:.66rem !important;
  line-height:1.4 !important;
  margin:0 0 8px !important;
}
.sv-aff-button{
  padding:6px 8px !important;
  font-size:.62rem !important;
}

@media (max-width: 1024px){
  .affiliate-right-rail,
  .affiliate-inline-rail,
  body.sv-floating-aff-enabled .affiliate-floating-rail{
    width:min(100%, 3cm) !important;
    max-width:3cm !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .affiliate-inline-top-inner{
    justify-content:center !important;
  }
  .sv-aff-bottom-shell{
    width:84% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 720px){
  .affiliate-right-rail,
  .affiliate-inline-rail,
  body.sv-floating-aff-enabled .affiliate-floating-rail{
    width:min(100%, 3cm) !important;
    max-width:3cm !important;
  }
  .sv-aff-bottom-shell{
    width:92% !important;
  }
  .sv-aff-grid-bottom{
    grid-template-columns:1fr !important;
  }
}


/* V31 — DESNE REKLAME NE SMIJU UTJECATI NA TOK SADRŽAJA */
main{position:relative}
body.sv-aff-overlay-enabled .content-grid{
  max-width:900px!important;
  display:block!important;
}
body.sv-aff-overlay-enabled .content-grid>.prose{
  min-width:0!important;
  width:auto!important;
}
body.sv-aff-overlay-enabled .sidebar-card{
  display:none!important;
}
.affiliate-overlay-rail{
  position:absolute!important;
  top:72px!important;
  right:18px!important;
  width:3cm!important;
  max-width:3cm!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  z-index:20!important;
}
.affiliate-overlay-rail .sv-aff-heading{
  margin:0 0 2px!important;
  text-align:center!important;
}
body.sv-aff-overlay-enabled main{
  padding-right:0!important;
}
/* old experimental rails must never reserve space */
body.sv-aff-overlay-enabled .affiliate-inline-top,
body.sv-aff-overlay-enabled .affiliate-floating-rail{
  display:none!important;
}

@media(max-width:1180px){
  .affiliate-overlay-rail{
    right:8px!important;
    width:2.7cm!important;
    max-width:2.7cm!important;
  }
}

@media(max-width:900px){
  /* On narrow screens keep ads in normal flow, after the page content, to avoid covering text. */
  .affiliate-overlay-rail{
    position:static!important;
    width:3cm!important;
    max-width:3cm!important;
    margin:22px auto 0!important;
  }
}


/* V33 contact form */
.contact-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-contact-section{scroll-margin-top:110px}
@media(max-width:720px){.contact-name-grid{grid-template-columns:1fr}}

/* V35 — compact article reading flow only. Keep all other styling and functionality unchanged. */
.prose h2{
  margin-top:.9em!important;
  margin-bottom:.42em!important;
}
.prose h3{
  margin-top:1.15em!important;
  margin-bottom:.42em!important;
}
.prose p{
  margin-bottom:1em!important;
}
.prose>h2:first-of-type{
  margin-top:.6em!important;
}


/* V37 parchment article sheets */
.prose.sv-parchment-mode{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:0!important;
  max-width:760px;
  margin:0 auto;
}
.prose.sv-parchment-mode:before,
.prose.sv-parchment-mode:after{display:none!important;content:none!important}
.prose.sv-parchment-mode .article-meta{
  margin:0 auto 14px!important;
  max-width:720px;
  padding:0 6px;
}
.sv-parchment-sheet{
  position:relative;
  width:min(100%,720px);
  aspect-ratio:685/1039;
  margin:0 auto 24px;
  filter:drop-shadow(0 18px 28px rgba(61,45,20,.18));
}
.sv-parchment-sheet-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  z-index:0;
  pointer-events:none;
}
.sv-parchment-sheet-content{
  position:relative;
  z-index:1;
  height:100%;
  padding:7% 10% 18%;
  overflow:hidden;
}
.sv-parchment-sheet-content > :first-child{margin-top:0!important}
.sv-parchment-sheet-content > :last-child{margin-bottom:0!important}
.prose.sv-parchment-mode .sv-parchment-sheet-content h2,
.prose.sv-parchment-mode .sv-parchment-sheet-content h3{
  color:#394626!important;
  max-width:none!important;
  margin:0 0 16px!important;
  text-align:left!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content h2{
  font-size:clamp(2rem,3vw,2.45rem)!important;
  line-height:1.08!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content h3{
  font-size:clamp(1.45rem,2.4vw,1.85rem)!important;
  line-height:1.12!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-parchment-sheet-content li{
  color:#3f4534!important;
  font-size:1rem!important;
  line-height:1.6!important;
  max-width:none!important;
  margin:0 0 .95em!important;
  text-align:left!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content ul,
.prose.sv-parchment-mode .sv-parchment-sheet-content ol{
  margin:0 0 .8em!important;
  padding-left:1.25em!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content li{margin-bottom:.6em!important}
.prose.sv-parchment-mode .sv-parchment-sheet-content a{color:#2f4d31!important}
.prose.sv-parchment-mode .sv-parchment-sheet:last-child{margin-bottom:0}
html[data-theme="dark"] .prose.sv-parchment-mode{background:transparent!important}
html[data-theme="dark"] .prose.sv-parchment-mode .article-meta{color:#eed7a9!important}
@media (max-width:900px){
  .prose.sv-parchment-mode{max-width:100%}
  .sv-parchment-sheet{width:min(100%,680px)}
  .sv-parchment-sheet-content{padding:8% 10% 18%}
}
@media (max-width:720px){
  .sv-parchment-sheet{margin-bottom:18px}
  .sv-parchment-sheet-content{padding:9% 10.5% 18%}
  .prose.sv-parchment-mode .sv-parchment-sheet-content h2{font-size:clamp(1.6rem,6.2vw,2rem)!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content p,
  .prose.sv-parchment-mode .sv-parchment-sheet-content li{font-size:.92rem!important;line-height:1.5!important}
}


/* V38 parchment fit refinement + related topics parchment */
.prose.sv-parchment-mode{
  max-width:780px!important;
}
.sv-parchment-sheet{
  width:min(100%,780px)!important;
  margin:0 auto 20px!important;
}
.sv-parchment-sheet-content{
  padding:6.6% 8.4% 16.2%!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content h2{
  font-size:clamp(1.9rem,2.8vw,2.3rem)!important;
  line-height:1.06!important;
  margin:0 0 14px!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content h3{
  font-size:clamp(1.35rem,2.2vw,1.72rem)!important;
  line-height:1.1!important;
  margin:0 0 12px!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-parchment-sheet-content li{
  font-size:.95rem!important;
  line-height:1.5!important;
  margin:0 0 .8em!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content ul,
.prose.sv-parchment-mode .sv-parchment-sheet-content ol{
  margin:0 0 .55em!important;
  padding-left:1.2em!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content li:last-child,
.prose.sv-parchment-mode .sv-parchment-sheet-content p:last-child{
  margin-bottom:0!important;
}
.prose.sv-parchment-mode .article-meta{
  max-width:760px!important;
}


@media (max-width:900px){
  .prose.sv-parchment-mode{max-width:100%!important}
  .sv-parchment-sheet{width:min(100%,740px)!important}
  .sv-parchment-sheet-content{padding:7.2% 8.8% 16.8%!important}
}
@media (max-width:720px){
  .sv-parchment-sheet{width:100%!important}
  .sv-parchment-sheet-content{padding:8.2% 9.4% 18.4%!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content h2{font-size:clamp(1.55rem,6vw,1.9rem)!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content p,
  .prose.sv-parchment-mode .sv-parchment-sheet-content li{font-size:.89rem!important;line-height:1.45!important}
}


/* V40: Related reading must stay off parchment */
.prose.sv-parchment-mode .sv-related-reading-plain{
  width:min(100%,760px);
  margin:10px auto 24px;
  padding:8px 4px 4px;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain h2,
.prose.sv-parchment-mode .sv-related-reading-plain h3{
  margin:0 0 12px!important;
  color:#394626!important;
  max-width:none!important;
  text-align:left!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain ul{
  margin:0!important;
  padding-left:1.35em!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain li{
  margin:.55em 0!important;
  color:#394626!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain a{color:#2f4d31!important}


/* V41: Sources & further reading must also stay off parchment */
.prose.sv-parchment-mode .sv-sources-plain{width:min(100%,760px);margin:10px auto 24px;padding:8px 4px 4px;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;}
.prose.sv-parchment-mode .sv-sources-plain h2,.prose.sv-parchment-mode .sv-sources-plain h3{margin:0 0 12px!important;color:#394626!important;max-width:none!important;text-align:left!important;}
.prose.sv-parchment-mode .sv-sources-plain ul{margin:0!important;padding-left:1.35em!important;}
.prose.sv-parchment-mode .sv-sources-plain li{margin:.55em 0!important;color:#394626!important;}
.prose.sv-parchment-mode .sv-sources-plain a{color:#2f4d31!important}


/* V42 parchment size system: S / M / L */

.sv-parchment-sheet{
  aspect-ratio:auto!important;
  width:min(100%,780px)!important;
  max-width:780px!important;
  height:auto!important;
  margin:0 auto 20px!important;
}
.sv-parchment-sheet.sv-sheet-l{
  width:min(100%,700px)!important;
  max-width:700px!important;
}
.sv-parchment-sheet-bg{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
.sv-parchment-sheet-content{
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  overflow:hidden!important;
}
.sv-parchment-sheet.sv-sheet-s .sv-parchment-sheet-content{
  padding:8% 18% 9% 7%!important;
}
.sv-parchment-sheet.sv-sheet-m .sv-parchment-sheet-content{
  padding:7% 16% 10% 7%!important;
}
.sv-parchment-sheet.sv-sheet-l .sv-parchment-sheet-content{
  padding:7% 17% 12% 8%!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content h2{
  font-size:clamp(1.8rem,2.5vw,2.18rem)!important;
  line-height:1.08!important;
  margin:0 0 12px!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content h3{
  font-size:clamp(1.28rem,2vw,1.58rem)!important;
  line-height:1.12!important;
  margin:0 0 10px!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-parchment-sheet-content li{
  font-size:.94rem!important;
  line-height:1.47!important;
  margin:0 0 .72em!important;
}
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content h2,
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content h3,
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content li{
  max-width:none!important;
}
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content h2{
  font-size:clamp(1.7rem,2.2vw,2.02rem)!important;
}
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content h3{
  font-size:clamp(1.2rem,1.8vw,1.45rem)!important;
}
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content li{
  font-size:.92rem!important;
  line-height:1.45!important;
}
@media (max-width:900px){
  .sv-parchment-sheet{width:min(100%,740px)!important;max-width:740px!important}
  .sv-parchment-sheet.sv-sheet-l{width:min(100%,640px)!important;max-width:640px!important}
  .sv-parchment-sheet.sv-sheet-s .sv-parchment-sheet-content{padding:8.5% 19% 10% 7.5%!important}
  .sv-parchment-sheet.sv-sheet-m .sv-parchment-sheet-content{padding:7.8% 17% 10.8% 7.6%!important}
  .sv-parchment-sheet.sv-sheet-l .sv-parchment-sheet-content{padding:7.5% 18% 12% 8%!important}
}
@media (max-width:720px){
  .sv-parchment-sheet,
  .sv-parchment-sheet.sv-sheet-l{width:100%!important;max-width:none!important}
  .sv-parchment-sheet{margin-bottom:16px!important}
  .sv-parchment-sheet.sv-sheet-s .sv-parchment-sheet-content{padding:9% 20% 10% 7%!important}
  .sv-parchment-sheet.sv-sheet-m .sv-parchment-sheet-content{padding:8.5% 18.5% 11% 7%!important}
  .sv-parchment-sheet.sv-sheet-l .sv-parchment-sheet-content{padding:8.5% 19.5% 12.5% 8%!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content h2{font-size:clamp(1.52rem,5.3vw,1.85rem)!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content h3{font-size:clamp(1.12rem,4vw,1.34rem)!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content p,
  .prose.sv-parchment-mode .sv-parchment-sheet-content li{font-size:calc(.88rem + 1pt)!important;line-height:1.42!important}
}


/* V43 — exact Serena Vitalis parchment rules */
.prose.sv-parchment-mode{
  max-width:980px!important;
}
.sv-parchment-sheet{
  position:relative!important;
  aspect-ratio:auto!important;
  width:min(100%,920px)!important;
  max-width:920px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto 22px!important;
  overflow:visible!important;
  filter:drop-shadow(0 16px 26px rgba(61,45,20,.16));
}
.sv-parchment-sheet.sv-sheet-s{width:min(100%,920px)!important;max-width:920px!important}
.sv-parchment-sheet.sv-sheet-m{width:min(100%,920px)!important;max-width:920px!important}
.sv-parchment-sheet.sv-sheet-l{width:min(100%,720px)!important;max-width:720px!important}
.sv-parchment-sheet-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  display:block!important;
  z-index:0!important;
  pointer-events:none!important;
}
.sv-parchment-sheet-content{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
/* Plants stay on the right; text gets a protected left-side writing zone. */
.sv-parchment-sheet.sv-sheet-s .sv-parchment-sheet-content{padding:7.5% 27% 9% 7.5%!important;min-height:430px!important}
.sv-parchment-sheet.sv-sheet-m .sv-parchment-sheet-content{padding:7.5% 25% 10% 7.5%!important;min-height:610px!important}
.sv-parchment-sheet.sv-sheet-l .sv-parchment-sheet-content{padding:7.5% 23% 11% 8%!important;min-height:940px!important}

/* V55 — Body text: +1pt and never wider than 60 characters. */
.prose.sv-parchment-mode .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-parchment-sheet-content li,
.prose.sv-parchment-mode .sv-parchment-sheet-content blockquote,
.prose.sv-parchment-mode .sv-parchment-sheet-content dd{
  width:min(100%,60ch)!important;
  max-width:60ch!important;
  color:#3f4534!important;
  text-align:left!important;
}
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content li{
  font-size:calc(.96rem + 1pt)!important;
  line-height:1.48!important;
  margin:0 0 .72em!important;
}
.prose.sv-parchment-mode .sv-sheet-m .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-sheet-m .sv-parchment-sheet-content li{
  font-size:calc(.88rem + 1pt)!important;
  line-height:1.42!important;
  margin:0 0 .62em!important;
}
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content p,
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content li{
  font-size:calc(.86rem + 1pt)!important;
  line-height:1.4!important;
  margin:0 0 .6em!important;
}

.prose.sv-parchment-mode .sv-parchment-sheet-content h2,
.prose.sv-parchment-mode .sv-parchment-sheet-content h3{
  width:min(100%,65ch)!important;
  max-width:65ch!important;
  color:#394626!important;
  margin-left:0!important;
  margin-right:0!important;
}
.prose.sv-parchment-mode .sv-sheet-s .sv-parchment-sheet-content h2{font-size:clamp(1.72rem,2.4vw,2.12rem)!important;line-height:1.06!important;margin-bottom:12px!important}
.prose.sv-parchment-mode .sv-sheet-m .sv-parchment-sheet-content h2{font-size:clamp(1.52rem,2.15vw,1.92rem)!important;line-height:1.04!important;margin-bottom:10px!important}
.prose.sv-parchment-mode .sv-sheet-l .sv-parchment-sheet-content h2{font-size:clamp(1.44rem,2vw,1.8rem)!important;line-height:1.04!important;margin-bottom:9px!important}
.prose.sv-parchment-mode .sv-parchment-sheet-content h3{font-size:1.25rem!important;line-height:1.08!important;margin-bottom:9px!important}

/* Any heading over 30 characters is split into two lines and centered. */
.prose.sv-parchment-mode .sv-parchment-sheet-content .sv-heading-two-line{
  text-align:center!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content .sv-heading-two-line br{display:block!important}

/* Keep Related reading and Sources & further reading off parchment. */
.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

@media (max-width:900px){
  .prose.sv-parchment-mode{max-width:100%!important}
  .sv-parchment-sheet,.sv-parchment-sheet.sv-sheet-s,.sv-parchment-sheet.sv-sheet-m{width:100%!important;max-width:none!important}
  .sv-parchment-sheet.sv-sheet-l{width:min(100%,680px)!important;max-width:680px!important}
  .sv-parchment-sheet.sv-sheet-s .sv-parchment-sheet-content{padding:8% 28% 10% 7.5%!important}
  .sv-parchment-sheet.sv-sheet-m .sv-parchment-sheet-content{padding:8% 26% 10.5% 7.5%!important}
  .sv-parchment-sheet.sv-sheet-l .sv-parchment-sheet-content{padding:8% 24% 11.5% 8%!important}
}
@media (max-width:720px){
  .sv-parchment-sheet,.sv-parchment-sheet.sv-sheet-l{width:100%!important;max-width:none!important;margin-bottom:16px!important}
  .sv-parchment-sheet.sv-sheet-s .sv-parchment-sheet-content{padding:9% 25% 11% 7%!important;min-height:390px!important}
  .sv-parchment-sheet.sv-sheet-m .sv-parchment-sheet-content{padding:9% 24% 12% 7%!important;min-height:560px!important}
  .sv-parchment-sheet.sv-sheet-l .sv-parchment-sheet-content{padding:9% 23% 12% 7.5%!important;min-height:860px!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content p,
  .prose.sv-parchment-mode .sv-parchment-sheet-content li{font-size:calc(.82rem + 1pt)!important;line-height:1.36!important}
  .prose.sv-parchment-mode .sv-parchment-sheet-content h2{font-size:clamp(1.35rem,5vw,1.7rem)!important}
}


/* V44 — A/B/C reading structure and left-aligned two-line headings */

/* A = summary on small parchment, B = practical section on medium parchment, C = deeper section on A4 parchment. */
.sv-parchment-sheet.sv-part-a::after,
.sv-parchment-sheet.sv-part-b::after,
.sv-parchment-sheet.sv-part-c::after{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(93,80,38,.28);
  background:rgba(255,248,231,.84);
  color:#506133;
  font-size:.94rem;
  font-weight:700;
  letter-spacing:.06em;
  box-shadow:0 3px 8px rgba(50,40,20,.08);
}
.sv-parchment-sheet.sv-part-a::after{content:"A"}
.sv-parchment-sheet.sv-part-b::after{content:"B"}
.sv-parchment-sheet.sv-part-c::after{content:"C"}

.sv-parchment-sheet.sv-part-a .sv-parchment-sheet-content{
  padding-top:8.5%!important;
  min-height:430px!important;
}
.sv-parchment-sheet.sv-part-b .sv-parchment-sheet-content{
  padding-top:7.75%!important;
}
.sv-parchment-sheet.sv-part-c .sv-parchment-sheet-content{
  padding-top:7.75%!important;
}
.prose.sv-parchment-mode .sv-summary-heading{
  font-size:clamp(1.7rem,2.35vw,2.06rem)!important;
  line-height:1.06!important;
  margin:0 0 12px!important;
  width:min(100%,65ch)!important;
  max-width:65ch!important;
  color:#394626!important;
  text-align:left!important;
}

/* Rule update: headings over 30 characters go on 2 lines and align left. */
.prose.sv-parchment-mode .sv-parchment-sheet-content .sv-heading-two-line{
  text-align:left!important;
}
.prose.sv-parchment-mode .sv-parchment-sheet-content .sv-heading-two-line br{display:block!important}

@media (max-width:720px){
  .sv-parchment-sheet.sv-part-a::after,
  .sv-parchment-sheet.sv-part-b::after,
  .sv-parchment-sheet.sv-part-c::after{
    top:14px; left:14px; width:30px; height:30px; font-size:.86rem;
  }
  .sv-parchment-sheet.sv-part-a .sv-parchment-sheet-content,
  .sv-parchment-sheet.sv-part-b .sv-parchment-sheet-content,
  .sv-parchment-sheet.sv-part-c .sv-parchment-sheet-content{
    padding-top:12%!important;
  }
}


/* V46 — meta in section A, unified parchment width, tighter image-to-section spacing */

/* All parchments use the same width across A, B and C sections. */
.sv-parchment-sheet,
.sv-parchment-sheet.sv-sheet-s,
.sv-parchment-sheet.sv-sheet-m,
.sv-parchment-sheet.sv-sheet-l{
  width:min(100%,920px)!important;
  max-width:920px!important;
}

/* Move publication line visually into section A and style it above Summary. */
.sv-part-a .article-meta{
  margin:0 0 10px!important;
  padding:0!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  color:#6a664c!important;
  text-align:left!important;
  width:min(100%,65ch)!important;
  max-width:65ch!important;
}

/* Remove the old gap between featured image and section A. */
.page-hero + .container figure{
  margin-bottom:8px!important;
}
.page-hero + .container + .section{
  padding-top:8px!important;
}

/* Remove empty caption area when figcaptions are deleted. */
figure figcaption{display:none!important}

@media (max-width:900px){
  .sv-parchment-sheet,
  .sv-parchment-sheet.sv-sheet-s,
  .sv-parchment-sheet.sv-sheet-m,
  .sv-parchment-sheet.sv-sheet-l{
    width:100%!important;
    max-width:none!important;
  }
}

/* V49 — compact 5 mm spacing between article sections and before bottom affiliate links */
:root{
  --sv-gap-5mm:19px;
}

/* Keep the visible gap between A/B/C sections, related reading and sources at about 5 mm. */
.sv-parchment-sheet,
.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain{
  margin-bottom:var(--sv-gap-5mm)!important;
}

.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain{
  margin-top:0!important;
  padding-top:0!important;
}

/* Reduce the bottom spacing of the main article content block so Sources sits close to the affiliate block. */
.page-hero + .container + .section{
  padding-bottom:var(--sv-gap-5mm)!important;
}

/* Keep the affiliate block very close to Sources & further reading. */
.page-affiliate-bottom{
  padding-top:0!important;
}

/* V50 — exact 5 mm visual spacing correction */
:root{--sv-gap-5mm:19px;}

/* A / B / C parchment edges: exactly one 5 mm gap. */
.sv-parchment-sheet{
  margin-bottom:var(--sv-gap-5mm)!important;
}

/* Plain reading sections: remove hidden internal whitespace so the visible gap is 5 mm. */
.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain{
  margin-top:0!important;
  margin-bottom:var(--sv-gap-5mm)!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain ul,
.prose.sv-parchment-mode .sv-sources-plain ul{
  margin-top:0!important;
  margin-bottom:0!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain li:last-child,
.prose.sv-parchment-mode .sv-sources-plain li:last-child{
  margin-bottom:0!important;
}

/* No extra parent padding between the last article section and affiliate block. */
.page-hero + .container + .section{
  padding-bottom:0!important;
}
.page-affiliate-bottom{
  padding-top:0!important;
}

/* V51 — enforce 5 mm vertical gap everywhere, including featured image to section A */
:root{--sv-gap-5mm:19px;}

/* Keep the article title block compact before the featured image. */
.page-hero{
  padding-bottom:var(--sv-gap-5mm)!important;
}

/* Exact 5 mm gap below the featured image block. */
.page-hero + .container figure{
  margin-bottom:var(--sv-gap-5mm)!important;
}

/* Remove section padding that was adding extra hidden space above/below the prose block. */
.page-hero + .container + .section{
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Ensure the first parchment starts exactly after one 5 mm gap from the image. */
.page-hero + .container + .section .content-grid{
  margin-top:0!important;
  padding-top:0!important;
}
.page-hero + .container + .section .prose.sv-parchment-mode > .sv-parchment-sheet:first-child{
  margin-top:0!important;
}

/* Keep every following block at the same 5 mm rhythm. */
.sv-parchment-sheet,
.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain{
  margin-bottom:var(--sv-gap-5mm)!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain,
.page-affiliate-bottom{
  margin-top:0!important;
  padding-top:0!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain ul,
.prose.sv-parchment-mode .sv-sources-plain ul{
  margin-top:0!important;
  margin-bottom:0!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain li:last-child,
.prose.sv-parchment-mode .sv-sources-plain li:last-child{
  margin-bottom:0!important;
}

/* V52 — TRUE visible 5 mm rhythm on article pages */
:root{--sv-gap-5mm:19px;}

/* Featured image: remove its own legacy bottom margin; FIGURE owns the single 5 mm gap. */
.page-hero + .container .image-placeholder.hero-image{
  margin-top:0!important;
  margin-bottom:0!important;
}
.page-hero + .container figure{
  margin:0 0 var(--sv-gap-5mm)!important;
  padding:0!important;
}

/* No hidden wrapper spacing around the parchment article. */
.page-hero + .container + .section{
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.page-hero + .container + .section .content-grid,
.page-hero + .container + .section .prose.sv-parchment-mode{
  margin-top:0!important;
  padding-top:0!important;
}

/* Exactly one 5 mm gap between visible parchment blocks. */
.prose.sv-parchment-mode > .sv-parchment-sheet{
  margin:0 auto var(--sv-gap-5mm)!important;
}
.prose.sv-parchment-mode > .sv-related-reading-plain,
.prose.sv-parchment-mode > .sv-sources-plain{
  margin:0 auto var(--sv-gap-5mm)!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.prose.sv-parchment-mode > .sv-related-reading-plain > :first-child,
.prose.sv-parchment-mode > .sv-sources-plain > :first-child{
  margin-top:0!important;
}
.prose.sv-parchment-mode > .sv-related-reading-plain > :last-child,
.prose.sv-parchment-mode > .sv-sources-plain > :last-child,
.prose.sv-parchment-mode > .sv-related-reading-plain li:last-child,
.prose.sv-parchment-mode > .sv-sources-plain li:last-child{
  margin-bottom:0!important;
}

/* Affiliate block begins immediately after the preceding 5 mm margin. */
.page-affiliate-bottom{
  margin-top:0!important;
  padding-top:0!important;
}

/* V53 — exact 5 mm rhythm on HOME and all main category landing pages */
:root{--sv-gap-5mm:5mm;}

/* HOME: keep only one 5 mm gap between hero copy, hero image and the next section. */
body.page-index main > .hero{
  padding-bottom:0!important;
}
body.page-index main > .hero figure{
  margin:0!important;
  padding:0!important;
}
body.page-index main > .hero .image-placeholder.hero-image{
  margin:var(--sv-gap-5mm) auto 0!important;
}

/* Main landing pages: one 5 mm gap from page heading to featured image/content. */
:is(body.page-gardening,
    body.page-raised-beds,
    body.page-greenhouses,
    body.page-tools-gadgets,
    body.page-pots-planters,
    body.page-royal-parks,
    body.page-articles) main > .page-hero{
  padding-bottom:0!important;
  margin-bottom:0!important;
}

/* All HOME/category content sections begin 5 mm after the previous visible block,
   with no extra bottom padding that could double the gap. */
:is(body.page-index,
    body.page-gardening,
    body.page-raised-beds,
    body.page-greenhouses,
    body.page-tools-gadgets,
    body.page-pots-planters,
    body.page-royal-parks,
    body.page-articles) main > .section{
  padding-top:var(--sv-gap-5mm)!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Category featured image: remove old 28/52 px image margins and let FIGURE own 5 mm below it. */
:is(body.page-gardening,
    body.page-raised-beds,
    body.page-greenhouses,
    body.page-tools-gadgets,
    body.page-pots-planters,
    body.page-royal-parks,
    body.page-articles) main > .section figure{
  margin:0 0 var(--sv-gap-5mm)!important;
  padding:0!important;
}
:is(body.page-gardening,
    body.page-raised-beds,
    body.page-greenhouses,
    body.page-tools-gadgets,
    body.page-pots-planters,
    body.page-royal-parks,
    body.page-articles) main > .section .image-placeholder.hero-image{
  margin:0 auto!important;
}

/* HOME section heading to cards = 5 mm. */
body.page-index main > .section .section-head{
  margin-top:0!important;
  margin-bottom:var(--sv-gap-5mm)!important;
}

/* HOME: remove inherited figure/card spacing that can visually add to section gaps. */
body.page-index main > .hero + .section{
  padding-top:var(--sv-gap-5mm)!important;
}
body.page-index main > .section + .section{
  padding-top:var(--sv-gap-5mm)!important;
}

/* Keep a final 5 mm breathing space before the footer on these landing pages. */
:is(body.page-index,
    body.page-gardening,
    body.page-raised-beds,
    body.page-greenhouses,
    body.page-tools-gadgets,
    body.page-pots-planters,
    body.page-royal-parks,
    body.page-articles) main > .section:last-child{
  padding-bottom:var(--sv-gap-5mm)!important;
}


/* V58 — homepage category menu: remove redundant hero media/actions and illustrate 01–06 cards */
body.page-index .pillars .pillar{
  padding:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.page-index .pillars .pillar:before{display:none!important;}
body.page-index .pillar-image{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-bottom:1px solid rgba(210,173,87,.58);
  background:#e5e5e1;
}
body.page-index .pillar-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.page-index .pillar-content{padding:22px 24px 26px;}
body.page-index .pillar-content .num{display:block;}
body.page-index .pillar-content h3{margin:16px 0 10px;}
body.page-index main>.hero+.section{padding-top:var(--sv-gap-5mm)!important;}
@media(max-width:720px){
  body.page-index .pillar-content{padding:18px 20px 22px;}
}

/* V59-WORDPRESS — mobile affiliate rail: the two desktop right-side cards become full-width stacked cards on phones.
   Bottom affiliate cards are intentionally untouched. */
@media (max-width: 900px){
  body.sv-aff-overlay-enabled .affiliate-overlay-rail{
    position:static!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:18px 12px 0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-heading{
    width:100%!important;
    margin:0 0 2px!important;
    text-align:center!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-linkwrap,
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-media,
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-media img{
    width:100%!important;
    max-width:none!important;
  }
}

/* V61 — parchment text must stay dark and readable even when the site is in dark mode.
   This also overrides accidental nested span/strong colors introduced by the WordPress editor. */
html[data-theme="dark"] .sv-parchment-sheet-content,
html[data-theme="dark"] .sv-parchment-sheet-content *{
  color:#3f4534!important;
}
html[data-theme="dark"] .sv-parchment-sheet-content h1,
html[data-theme="dark"] .sv-parchment-sheet-content h2,
html[data-theme="dark"] .sv-parchment-sheet-content h3,
html[data-theme="dark"] .sv-parchment-sheet-content h4,
html[data-theme="dark"] .sv-parchment-sheet-content h5,
html[data-theme="dark"] .sv-parchment-sheet-content h6{
  color:#394626!important;
}
html[data-theme="dark"] .sv-parchment-sheet-content a{
  color:#2f4d31!important;
}

/* V61 — successful contact submission confirmation panel. */
.sv-contact-success-overlay{
  position:fixed;
  inset:0;
  z-index:100050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(5,15,19,.68);
  backdrop-filter:blur(5px);
}
.sv-contact-success-panel{
  width:min(100%,560px);
  border:1px solid var(--gold-edge);
  outline:1px solid color-mix(in srgb,var(--gold-light) 46%,transparent);
  outline-offset:-5px;
  border-radius:28px;
  padding:36px 34px 30px;
  background:var(--surface);
  color:var(--ink);
  box-shadow:0 28px 70px rgba(0,0,0,.32);
  text-align:center;
}
.sv-contact-success-panel h2{
  margin:0 0 12px;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:clamp(2rem,5vw,2.8rem);
  line-height:1.04;
  color:var(--ink);
}
.sv-contact-success-panel p{
  margin:0 auto 24px;
  max-width:42ch;
  color:var(--muted);
  font-size:1.03rem;
}
.sv-contact-success-panel .sv-contact-success-close{
  min-width:128px;
}
@media(max-width:720px){
  .sv-contact-success-overlay{padding:18px}
  .sv-contact-success-panel{padding:30px 22px 24px;border-radius:24px}
}

/* V62 — mobile affiliate cards + unified dark-mode readability.
   This block intentionally sits last so it overrides the older V30/V31 3 cm mobile rail rules. */

/* 1) MOBILE: the two former desktop right-rail affiliate cards use the same wide card presentation
      as the affiliate cards at the bottom of the page. Desktop placement remains unchanged. */
@media (max-width:900px){
  body.sv-aff-overlay-enabled .affiliate-overlay-rail{
    position:static!important;
    top:auto!important;
    right:auto!important;
    box-sizing:border-box!important;
    width:92%!important;
    max-width:720px!important;
    margin:var(--sv-gap-5mm, 5mm) auto 0!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    border:1px solid var(--gold-edge)!important;
    border-radius:32px!important;
    background:linear-gradient(180deg,rgba(255,250,240,.94),rgba(247,242,231,.98))!important;
    box-shadow:var(--paper-shadow-a)!important;
    z-index:auto!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-heading{
    width:100%!important;
    margin:0 0 4px!important;
    text-align:center!important;
    font-size:1.48rem!important;
    line-height:1.12!important;
    color:#394626!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:18px!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-linkwrap,
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-media,
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-media img{
    width:100%!important;
    max-width:none!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-media img{
    aspect-ratio:16/10!important;
    height:auto!important;
    object-fit:cover!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-copy{
    padding:14px 16px 17px!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-copy h3{
    font-size:1rem!important;
    line-height:1.25!important;
    margin:0 0 7px!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-copy p{
    font-size:.9rem!important;
    line-height:1.55!important;
    margin:0 0 12px!important;
  }
  body.sv-aff-overlay-enabled .affiliate-overlay-rail .sv-aff-button{
    padding:9px 12px!important;
    font-size:.82rem!important;
  }
}
@media (max-width:520px){
  body.sv-aff-overlay-enabled .affiliate-overlay-rail{
    width:calc(100% - 28px)!important;
    padding:14px!important;
    gap:16px!important;
    border-radius:28px!important;
  }
}

/* 2) DARK MODE: one consistent readable palette on dark cards. */
html[data-theme="dark"] :is(.pillar,.article-card,.mini-card,.feature-panel,.newsletter,.sidebar-card,.info-card,.contact-card,.form-card,.partner-card,.ticket-card,.sv-under-construction-card) :is(h1,h2,h3,h4,h5,h6,strong){
  color:#f3ead6!important;
}
html[data-theme="dark"] :is(.pillar,.article-card,.mini-card,.feature-panel,.newsletter,.sidebar-card,.info-card,.contact-card,.form-card,.partner-card,.ticket-card,.sv-under-construction-card) :is(p,li,label,.form-note,.char-count){
  color:#d8d7ce!important;
}
html[data-theme="dark"] .article-card .article-meta{
  color:#e8c774!important;
}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea{
  background:#2f382b!important;
  color:#f3ead6!important;
  border-color:rgba(232,199,116,.34)!important;
}
html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder{
  color:#bfc6b8!important;
}

/* Dark-mode action buttons use the same Serena green everywhere. */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .sv-aff-button,
html[data-theme="dark"] .sv-contact-success-close{
  background:#496b33!important;
  color:#fff!important;
  border-color:#6f8b50!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .sv-aff-card:hover .sv-aff-button,
html[data-theme="dark"] .sv-contact-success-close:hover{
  background:#5b7d40!important;
  color:#fff!important;
}

/* Affiliate cards themselves are dark in dark mode, so their fixed light-mode text colors must be overridden. */
html[data-theme="dark"] .sv-aff-card{
  background:#132731!important;
  color:#f3ead6!important;
  border-color:rgba(232,199,116,.50)!important;
}
html[data-theme="dark"] .sv-aff-card .sv-aff-copy h3{
  color:#f3ead6!important;
}
html[data-theme="dark"] .sv-aff-card .sv-aff-copy p{
  color:#d8d7ce!important;
}
html[data-theme="dark"] .sv-aff-card .sv-aff-badge{
  background:#496b33!important;
  color:#fff!important;
}
/* The cream affiliate shells stay light in both themes, so their section headings stay dark green. */
html[data-theme="dark"] .sv-aff-bottom-shell .sv-aff-heading,
html[data-theme="dark"] .affiliate-overlay-rail > .sv-aff-heading{
  color:#394626!important;
}

/* 3) PARCHMENT IN DARK MODE: parchment stays light, therefore every text element on it stays dark.
      These selectors are deliberately more specific than the older generic .prose dark-mode rules. */
html[data-theme="dark"] body .prose.sv-parchment-mode .sv-parchment-sheet-content{
  color:#3f4534!important;
}
html[data-theme="dark"] body .prose.sv-parchment-mode .sv-parchment-sheet-content :is(p,li,blockquote,dd,dt,span,strong,em,b,i,small){
  color:#3f4534!important;
  opacity:1!important;
}
html[data-theme="dark"] body .prose.sv-parchment-mode .sv-parchment-sheet-content :is(h1,h2,h3,h4,h5,h6){
  color:#394626!important;
  opacity:1!important;
}
html[data-theme="dark"] body .prose.sv-parchment-mode .sv-parchment-sheet-content a{
  color:#2f4d31!important;
  opacity:1!important;
}

/* Article section A: Published / Updated metadata must be the same readable dark text as the body. */
html[data-theme="dark"] body .prose.sv-parchment-mode .sv-parchment-sheet-content .article-meta,
html[data-theme="dark"] body .prose.sv-parchment-mode .sv-part-a .article-meta{
  color:#3f4534!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Privacy Policy: explicitly prevent white editor/body text from overriding the parchment palette. */
html[data-theme="dark"] body.page-privacy-policy .prose.policy-content.sv-parchment-mode .sv-parchment-sheet-content,
html[data-theme="dark"] body.page-privacy-policy .prose.policy-content.sv-parchment-mode .sv-parchment-sheet-content :is(p,li,blockquote,dd,dt,span,strong,em,b,i,small,.sv-owner-required){
  color:#3f4534!important;
  opacity:1!important;
}
html[data-theme="dark"] body.page-privacy-policy .prose.policy-content.sv-parchment-mode .sv-parchment-sheet-content :is(h1,h2,h3,h4,h5,h6){
  color:#394626!important;
}
html[data-theme="dark"] body.page-privacy-policy .prose.policy-content.sv-parchment-mode .sv-parchment-sheet-content a{
  color:#2f4d31!important;
  text-decoration-color:#2f4d31!important;
}


/* V63 — Related reading follows the active theme + global Back to top control. */
.prose.sv-parchment-mode .sv-related-reading-plain,
.prose.sv-parchment-mode .sv-sources-plain{
  color:var(--ink)!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain :is(h2,h3),
.prose.sv-parchment-mode .sv-sources-plain :is(h2,h3){
  color:var(--ink)!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain li,
.prose.sv-parchment-mode .sv-sources-plain li{
  color:var(--muted)!important;
}
.prose.sv-parchment-mode .sv-related-reading-plain a,
.prose.sv-parchment-mode .sv-sources-plain a{
  color:var(--ink)!important;
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--gold) 72%,transparent);
  text-underline-offset:.18em;
  text-decoration-thickness:1px;
}
.prose.sv-parchment-mode .sv-related-reading-plain a:hover,
.prose.sv-parchment-mode .sv-sources-plain a:hover{
  color:var(--gold)!important;
}
html[data-theme="dark"] .prose.sv-parchment-mode .sv-related-reading-plain :is(h2,h3),
html[data-theme="dark"] .prose.sv-parchment-mode .sv-sources-plain :is(h2,h3){
  color:#f3ead6!important;
}
html[data-theme="dark"] .prose.sv-parchment-mode .sv-related-reading-plain li,
html[data-theme="dark"] .prose.sv-parchment-mode .sv-sources-plain li{
  color:#d8d7ce!important;
}
html[data-theme="dark"] .prose.sv-parchment-mode .sv-related-reading-plain a,
html[data-theme="dark"] .prose.sv-parchment-mode .sv-sources-plain a{
  color:#f3ead6!important;
  text-decoration-color:rgba(232,199,116,.78);
}
html[data-theme="dark"] .prose.sv-parchment-mode .sv-related-reading-plain a:hover,
html[data-theme="dark"] .prose.sv-parchment-mode .sv-sources-plain a:hover{
  color:#e8c774!important;
}

.sv-back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:90;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--gold-edge);
  border-radius:50%;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  color:var(--ink);
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 0 0 1px color-mix(in srgb,var(--gold-light) 34%,transparent);
  backdrop-filter:blur(10px);
  font-size:1.55rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease,color .2s ease;
}
.sv-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.sv-back-to-top:hover,
.sv-back-to-top:focus-visible{
  background:var(--surface-soft);
  color:var(--gold-dark);
  outline:2px solid color-mix(in srgb,var(--gold) 55%,transparent);
  outline-offset:3px;
}
html[data-theme="dark"] .sv-back-to-top{
  background:rgba(54,64,47,.94);
  color:#f3ead6;
  border-color:rgba(232,199,116,.58);
  box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 0 0 1px rgba(232,199,116,.16);
}
html[data-theme="dark"] .sv-back-to-top:hover,
html[data-theme="dark"] .sv-back-to-top:focus-visible{
  background:#496b33;
  color:#fff;
}
@media (max-width:720px){
  .sv-back-to-top{
    right:16px;
    bottom:18px;
    width:46px;
    height:46px;
    font-size:1.4rem;
  }
}

/* V64 — contact success confirmation is always centered in the viewport.
   The inline form status is reserved for errors; successful delivery uses this modal only. */
body.sv-contact-modal-open{overflow:hidden!important}
.sv-contact-success-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(16px,4vw,32px)!important;
  margin:0!important;
  transform:none!important;
  background:rgba(5,15,19,.72)!important;
  backdrop-filter:blur(5px);
}
.sv-contact-success-panel{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  transform:none!important;
  width:min(560px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;
}

/* V68 — About contact: one full-width message panel on every language. */
.about-contact-section .sv-contact-only{width:100%;max-width:none;margin:0 auto}
.about-contact-section .sv-contact-only h2 a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.about-contact-section .sv-contact-email-separator{white-space:nowrap}
@media(max-width:720px){.about-contact-section .sv-contact-only h2{font-size:1.8rem}.about-contact-section .sv-contact-email-separator{white-space:normal}}

/* V70: natural German word breaks within the existing design. */
html[lang="de"] .prose p,
html[lang="de"] .prose li,
html[lang="de"] .prose h2 { hyphens: auto; overflow-wrap: break-word; }

/* V71: Croatian text wraps within the same English page layout. */
html[lang="hr"] .prose p,
html[lang="hr"] .prose li,
html[lang="hr"] .prose h2 { hyphens: auto; overflow-wrap: break-word; }


/* V85 — FIXED mobile parchment mapping. No dynamic sizing and no generated sections.
   Desktop content/ordering is untouched. On mobile only the artwork changes:
   A -> S, B -> M, C -> L. */
@media (max-width:720px){
  .prose.sv-parchment-mode > .sv-parchment-sheet{
    display:block!important;
    position:relative!important;
    width:calc(100% - 28px)!important;
    max-width:332px!important;
    margin:0 auto 18px!important;
    overflow:hidden!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
  }
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-a{
    aspect-ratio:751/1897!important;
  }
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-b{
    aspect-ratio:751/2446!important;
  }
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-c{
    aspect-ratio:751/3312!important;
  }
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-a > .sv-parchment-sheet-bg,
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-b > .sv-parchment-sheet-bg,
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-c > .sv-parchment-sheet-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:fill!important;
    z-index:1!important;
  }
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-a > .sv-parchment-sheet-content,
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-b > .sv-parchment-sheet-content,
  .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-c > .sv-parchment-sheet-content{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:7% 22% 8% 8%!important;
    overflow:hidden!important;
  }
  /* Related reading and every other authored element keep desktop order. */
  .prose.sv-parchment-mode > .sv-related-reading-plain,
  .prose.sv-parchment-mode > .sv-sources-plain{
    display:block!important;
    order:initial!important;
  }
}


/* V92 — Privacy Policy uses the longest L parchment on mobile in every language. */
@media (max-width:720px){
  body.page-privacy-policy .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-a{
    aspect-ratio:751/4754!important;
  }
  body.page-privacy-policy .prose.sv-parchment-mode > .sv-parchment-sheet.sv-part-a > .sv-parchment-sheet-content{
    padding:7% 22% 8% 8%!important;
    overflow:hidden!important;
  }
}


/* V94 — Privacy Policy: desktop keeps the authored sheet; mobile uses two L sheets. */
.sv-privacy-mobile-two{display:none}
@media (max-width:720px){
  body.page-privacy-policy .prose.policy-content.sv-parchment-mode > .sv-parchment-sheet:not(.sv-privacy-mobile-sheet){display:none!important}
  body.page-privacy-policy .prose.policy-content.sv-parchment-mode > .sv-privacy-mobile-two{display:block!important}
  body.page-privacy-policy .sv-privacy-mobile-sheet{
    display:grid!important;
    aspect-ratio:751/4754!important;
    width:100%!important;
    min-height:0!important;
    margin:0 auto 18px!important;
  }
  body.page-privacy-policy .sv-privacy-mobile-sheet > .sv-parchment-sheet-content{
    padding:7% 22% 8% 8%!important;
    overflow:hidden!important;
  }
}

/* V107: affiliate placeholder destination only. Small ad tiles remain untouched. */
.sv-under-construction-card.sv-affiliate-placeholder-v107{max-width:980px;padding:26px 26px 22px;border-radius:24px;overflow:hidden}
.sv-affiliate-visual-v107{position:relative;width:100%;margin:0 auto 18px;line-height:0}
.sv-affiliate-farmer-v107{display:block;width:100%;height:auto;object-fit:contain}
.sv-affiliate-board-text-v107{position:absolute;left:37.5%;top:35%;width:48%;height:34%;display:flex;align-items:center;justify-content:center;text-align:center;padding:1%;box-sizing:border-box;font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:clamp(18px,2.1vw,38px);line-height:1.12;color:#28472c;text-transform:uppercase;line-height:1.12}
.sv-affiliate-contact-v107{margin:0!important;font-size:clamp(16px,1.55vw,26px)!important;line-height:1.35!important;color:#304632!important}
.sv-affiliate-contact-v107 a{font-weight:800;text-decoration:underline;color:#355b36}
@media(max-width:640px){.sv-under-construction-card.sv-affiliate-placeholder-v107{padding:12px 10px 16px;border-radius:18px}.sv-affiliate-visual-v107{margin-bottom:12px}.sv-affiliate-board-text-v107{font-size:clamp(11px,3.3vw,18px);left:37.5%;top:34%;width:48%;height:35%}.sv-affiliate-contact-v107{font-size:15px!important}}

/* V108 — Ancient Knowledge article cards match the homepage card rhythm. */
.sv-ancient-card-grid{align-items:stretch!important}
.sv-ancient-card-grid .article-card{display:flex!important;flex-direction:column!important;height:100%!important}
.sv-ancient-card-grid .article-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.sv-ancient-card-grid .article-body h3{min-height:5.25em;margin-bottom:12px!important}
.sv-ancient-card-grid .article-body>p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important;text-overflow:ellipsis!important;max-height:6.6em!important;margin-bottom:14px!important}
.sv-ancient-card-grid .article-body .btn{margin-top:auto!important;align-self:flex-start!important}
@media(max-width:720px){.sv-ancient-card-grid .article-body h3{min-height:0}.sv-ancient-card-grid .article-body>p{-webkit-line-clamp:4!important}}

/* V113 — Ancient Knowledge landing: same compact 5 mm rhythm between parchment and cards. */
.sv-ancient-intro{padding-bottom:18.9px!important}
.sv-ancient-cards-section{padding-top:18.9px!important}
@media(max-width:720px){
  .sv-ancient-intro{padding-bottom:18.9px!important}
  .sv-ancient-cards-section{padding-top:18.9px!important}
}

/* V114 affiliate placeholder back button */
.sv-affiliate-back-v114{margin-top:14px;min-width:120px}


/* V115 — affiliate placeholder: 30% smaller farmer panel/frame; header Back beside Home. */
.sv-under-construction-card.sv-affiliate-placeholder-v107{max-width:686px!important;padding:18px 18px 15px!important;border-radius:17px!important}
.sv-affiliate-visual-v107{margin-bottom:13px!important}
.sv-affiliate-board-text-v107{font-size:clamp(13px,1.47vw,27px)!important}
.sv-affiliate-contact-v107{font-size:clamp(14px,1.1vw,19px)!important}
.sv-affiliate-header-back-v115{margin-left:8px!important}
@media(max-width:640px){
 .sv-under-construction-card.sv-affiliate-placeholder-v107{width:70%!important;max-width:686px!important;padding:9px 7px 11px!important;border-radius:13px!important}
 .sv-affiliate-board-text-v107{font-size:clamp(8px,2.3vw,13px)!important}
 .sv-affiliate-contact-v107{font-size:12px!important}
}

/* V116 — freeze the main Serena header and guarantee the header Back control is visible. */
.site-header.compact-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:10000!important}
body.sv-fixed-header-ready{padding-top:var(--sv-fixed-header-h,0px)!important}
.sv-affiliate-header-back-v115{display:inline-flex!important;visibility:visible!important;opacity:1!important;margin-left:8px!important;min-width:84px!important}
@media(max-width:640px){.sv-affiliate-header-back-v115{min-width:72px!important;padding-left:11px!important;padding-right:11px!important}}


/* V118 — top Back is visually identical to the lower reference Back. */
.sv-affiliate-header-back-v115{margin-top:14px!important;min-width:120px!important;margin-left:8px!important;padding:13px 20px!important;border-radius:999px!important}
@media(max-width:640px){.sv-affiliate-header-back-v115{min-width:120px!important;padding:13px 20px!important}}

/* V134: Articles library controls only. */
.sv-article-library{max-width:1040px;margin:0 auto 26px}
.sv-article-search-wrap{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.sv-article-search{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--gold-edge);border-radius:14px;background:var(--surface);color:inherit;font:inherit;box-shadow:var(--paper-shadow-a)}
.sv-article-search:focus{outline:2px solid var(--gold);outline-offset:2px}
.sv-article-clear:disabled{opacity:.5;cursor:not-allowed}
.sv-article-filters{display:flex;flex-wrap:wrap;gap:8px}
.sv-article-filter{border:1px solid var(--gold-edge);border-radius:999px;padding:8px 13px;background:var(--surface);color:inherit;font:inherit;cursor:pointer}
.sv-article-filter[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.sv-article-no-results{margin:24px 0 0;text-align:center;font-weight:600}
.sv-article-library-grid>.article-card[hidden]{display:none!important}
.sv-article-pagination{max-width:1040px;margin:28px auto 0;display:flex;justify-content:center;align-items:center;gap:16px}
.sv-page-status{min-width:120px;text-align:center;font-weight:600}
.sv-article-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:720px){
  .sv-article-search-wrap{align-items:stretch;flex-direction:column}
  .sv-article-clear{width:100%}
  .sv-article-filters{gap:7px}
  .sv-article-filter{font-size:.94rem;padding:7px 11px}
  .sv-article-pagination{gap:8px}
  .sv-page-status{min-width:96px;font-size:.92rem}
}