/* Header styles removed in content-only build */
:root{
  --svh-beige:#F5F1E8; --svh-blue:#CFEAF8; --svh-green:#1E4639; --svh-text:#121212; --svh-border:#E6E1D7;
  --svh-shadow: 0 8px 28px rgba(0,0,0,.18); --svh-w: clamp(280px, 92vw, 1160px);
}
.svh{position:relative}
.svh-container{width:var(--svh-w);margin-inline:auto;padding-inline:clamp(12px,3vw,20px)}
.svh .svh-center{text-align:center}
.svh.section{padding-block:clamp(28px,4.5vw,56px)}

/* Hero */
.svh-hero .svh-grid-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;
  background: radial-gradient(1200px 600px at 70% 10%, rgba(30,70,57,.16), transparent 60%),
              radial-gradient(900px 900px at 5% 0%, rgba(207,234,248,.5), transparent 60%),
              linear-gradient(180deg, #101816 0%, #1e4639 100%);
  color:#fff;border-bottom-left-radius:28px;border-bottom-right-radius:28px;overflow:hidden;padding-block: clamp(26px,5.5vw,56px); background-size:cover; background-position:center;
}
@media (max-width:960px){.svh-hero .svh-grid-hero{grid-template-columns:1fr}}
.svh-kicker{opacity:.9;letter-spacing:.2px;font-weight:600}
.svh-hero h1{font-size:clamp(36px,6.6vw,68px);line-height:1.05;margin:.4rem 0}
.svh-hero p{font-size:clamp(16px,2.6vw,18px);color:#eaeaea;max-width:58ch}
.svh-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.svh-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .08s ease,box-shadow .15s ease,background .15s ease,color .15s ease;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.svh-btn:hover{transform:translateY(-1px)}
.svh-primary{background:var(--svh-beige);color:#0c0c0c}
.svh-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}

/* Book visual */
.svh-book{position:relative;width:min(380px,90%);aspect-ratio:7/10;margin-inline:auto;transform:rotateY(-14deg);transform-style:preserve-3d;perspective:1200px;filter:drop-shadow(0 20px 60px rgba(0,0,0,.5))}
.svh-book-img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff}
.svh-cover{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,#f9f6ed 100%);border:1px solid rgba(0,0,0,.08);border-radius:10px}
.svh-spine{position:absolute;inset:-2px auto -2px -24px;width:24px;background:linear-gradient(90deg,#e8e1cf,#eee6d3);border-radius:8px 0 0 8px;box-shadow:inset -6px 0 12px rgba(0,0,0,.08)}
.svh-shine{position:absolute;inset:0;border-radius:10px;background:linear-gradient(115deg, rgba(255,255,255,.7), transparent 38%);mix-blend-mode:screen;pointer-events:none}
.svh-title{position:absolute;inset:18% 10% auto 10%;color:#111;font-weight:900;font-size:clamp(18px,2.8vw,26px)}
.svh-ill{position:absolute;inset:auto 10% 14% 10%;height:46%;background:radial-gradient(60% 70% at 50% 0%, #2a2a2a, transparent 70%), radial-gradient(60% 70% at 50% 100%, #c49e2f, transparent 70%);border-radius:10px}
.svh-bookcap{margin-top:10px;text-align:center;color:#eaeaea}

/* About */
.svh-panel{background:var(--svh-beige);border-radius:24px;border:1px solid var(--svh-border)}
.svh-grid-about{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}
@media (max-width:1000px){.svh-grid-about{grid-template-columns:1fr}}
.svh-panel h2{font-size:clamp(26px,4.6vw,42px);margin:.4rem 0}
.svh-panel p{color:#333;max-width:58ch}
.svh-blobforest{width:min(460px,90%);aspect-ratio:1/1;margin-inline:auto;border-radius:24px;background:radial-gradient(80% 80% at 50% 20%, rgba(30,70,57,.09), transparent 50%),linear-gradient(180deg,#e2f2ea,#fff);box-shadow:var(--svh-shadow);position:relative;overflow:hidden}
.svh-blobforest::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg, rgba(0,0,0,.04) 0 2px, transparent 2px 6px);mix-blend-mode:multiply;opacity:.35}
.svh-list{padding-left:1.1rem}

/* Book section */
.svh-booksec .svh-grid-book{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}
@media (max-width:1000px){.svh-booksec .svh-grid-book{grid-template-columns:1fr}}
.svh-badge{display:inline-block;background:#0b0b0b;color:#fff;padding:.45rem .7rem;border-radius:999px;font-size:.9rem;box-shadow:var(--svh-shadow)}
.svh-sub{font-size:1.15rem;color:#333}

/* Testimonials */
.svh-carousel{position:relative;overflow:hidden}
.svh-track{display:flex;gap:14px;transition:transform .5s ease}
.svh-card{min-width:clamp(260px,48%,520px);background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;box-shadow:var(--svh-shadow)}
.svh-controls{display:flex;gap:10px;justify-content:center;margin-top:10px}
.svh-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #ddd;background:#fff;display:grid;place-items:center;cursor:pointer}

/* Blog teaser */
.svh-teaser{background:var(--svh-blue);border-radius:24px}
.svh-inner{padding-block:16px}
.svh-muted{color:#333}
.svh-posts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
@media (max-width:900px){.svh-posts{grid-template-columns:1fr}}
.svh-post{background:#fff;border-radius:14px;border:1px solid #ececec;overflow:hidden;box-shadow:var(--svh-shadow)}
.svh-thumb{display:block;height:240px;background:linear-gradient(120deg,#dfe,#cef,#efd);}
.svh-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.svh-thumb.svh-ph{background:linear-gradient(120deg,#eaeaea,#ffffff,#eaeaea)}
.svh-body{padding:14px}

/* Editor/Theme vars */
:root{ --svh-border: #E6E1D7; }


/* === Force centering / full-width wrapper for any theme === */
.svh-root.alignfull{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
/* If theme uses grid for content+sidebar, span all columns */
.entry-content .svh-root.alignfull,
.wp-block-post-content .svh-root.alignfull { grid-column: 1 / -1; }
/* Center internal sections in the full-width wrapper */
.svh-root .svh .svh-container{ margin-left:auto; margin-right:auto; }
/* Prevent parent containers from clipping */
.svh-root{ overflow:visible; }
/* Some themes add max-width to images inside content; neutralize for our mock cover */
.svh-root img.svh-book-img{ max-width:100% !important; height:auto; }


/* About image support */
.svh-blobforest.svh-hasimg{ background:none; box-shadow:var(--svh-shadow); }
.svh-blobforest.svh-hasimg::after{ display:none; }
.svh-blobforest.svh-hasimg img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:24px; display:block; }


/* ===== Sticky Header ===== */
.svh-header{position:sticky; top:0; z-index:1000; width:100%; background:rgba(255,255,255,.92); backdrop-filter:saturate(1.2) blur(6px); border-bottom:1px solid rgba(0,0,0,.06)}
.svh-header-inner{width:clamp(280px, 92vw, 1160px); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 16px}
.svh-brand{display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#0b0b0b; font-weight:800; letter-spacing:.2px}
.svh-brand img{height:38px; width:auto; display:block}
.svh-brand-text{font-size:18px}
.svh-nav{display:flex; gap:14px; align-items:center}
.svh-link{padding:8px 10px; border-radius:10px; text-decoration:none; color:#0b0b0b; font-weight:600}
.svh-link:hover{background:rgba(0,0,0,.06)}
.svh-burger{display:none; width:42px; height:42px; border-radius:10px; border:1px solid rgba(0,0,0,.08); background:#fff; display:none; align-items:center; justify-content:center}
.svh-burger span{display:block; width:20px; height:2px; background:#0b0b0b; margin:3px 0}
@media (max-width:900px){
  .svh-nav{display:none}
  .svh-burger{display:inline-flex}
}
.svh-mobile{position:fixed; top:60px; left:0; right:0; background:#fff; border-top:1px solid rgba(0,0,0,.06); display:flex; flex-direction:column; padding:10px 16px; gap:6px; z-index:1001; box-shadow:0 18px 40px rgba(0,0,0,.12)}
.svh-mobile .svh-m-link{padding:12px 6px; text-decoration:none; color:#0b0b0b; font-weight:700}
/* avoid overlap with sticky header on anchor scroll */
:target{ scroll-margin-top: 80px; }


/* v1.3.1: ensure mobile drawer is hidden by default */
.svh-mobile[hidden]{ display:none !important; }
@media (min-width: 901px){
  .svh-mobile{ display:none !important; }
}

/* v1.3.4: guard components to avoid site-wide collisions */
body .svh-header * { box-sizing: border-box; }
body .svh-root .svh * { box-sizing: border-box; }