/* Shared accessible controls and compact task pages, October 2026. */
.jvk-skip-link{position:fixed;left:16px;top:12px;z-index:2000;transform:translateY(-160%);background:#05231e;color:#fff;padding:14px 20px;border:2px solid #e7bd71;border-radius:8px}
.jvk-skip-link:focus{transform:none}
html[data-jvk-theme] .jvk-page-hero-v4.jvk-page-hero--compact{min-height:0;max-width:1180px;margin:28px auto 24px;border:0;border-radius:0;box-shadow:none;background:transparent;color:#17372f}
html[data-jvk-theme] .jvk-page-hero--compact .jvk-page-hero-v4__inner{width:100%;padding:0;max-width:820px}
html[data-jvk-theme] .jvk-page-hero--compact h1{font-size:clamp(1.8rem,4vw,2.6rem);font-family:var(--jvk-sans);color:#17372f!important;line-height:1.18;margin:0 0 12px}
html[data-jvk-theme] .jvk-page-hero--compact::before,html[data-jvk-theme] .jvk-page-hero--compact::after,html[data-jvk-theme] .jvk-page-hero--compact .jvk-page-hero-v4__ornament{display:none}
html[data-jvk-theme] .jvk-page-hero--compact .jvk-page-hero-v4__lead{margin-bottom:0;color:#52665e;font-size:1rem}
html[data-jvk-theme] .account-hero[hidden]{display:none}
html[data-jvk-theme] body[data-jvk-page="auth"] .topline{display:none}
html[data-jvk-theme] body[data-jvk-page="auth"] .auth-grid{align-items:start;gap:24px;margin:0 auto;max-width:980px}
html[data-jvk-theme] body[data-jvk-page="auth"] .auth-card{background:#faf7ef;color:#17372f;border:1px solid #d8cbb1;border-radius:18px;padding:clamp(20px,3vw,32px);box-shadow:0 6px 22px #05231e0a}
html[data-jvk-theme] body[data-jvk-page="auth"] .jvk-auth-card{border:0;box-shadow:none;padding:0;background:transparent}
html[data-jvk-theme] .form-field label{display:block;font-size:1rem;font-weight:650;margin-bottom:8px;color:#17372f}
html[data-jvk-theme] .form-field input,html[data-jvk-theme] .form-field select,html[data-jvk-theme] .form-field textarea{max-width:100%;min-height:48px;font-size:1rem;line-height:1.5;scroll-margin-block:100px}
html[data-jvk-theme] .jvk-shell-main :focus-visible{outline:3px solid #93621e;outline-offset:3px}
@media(max-width:760px){html[data-jvk-theme] .jvk-page-hero-v4.jvk-page-hero--compact{margin:24px 12px;border-radius:0}html[data-jvk-theme] .jvk-page-hero--compact .jvk-page-hero-v4__inner{padding:0}html[data-jvk-theme] body[data-jvk-page="auth"] .auth-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-jvk-theme]{scroll-behavior:auto}html[data-jvk-theme] *{animation-duration:.01ms;transition-duration:.01ms}}

/* Jouw Verhalenkaart — Heritage V4
   Structurele binnenpagina-stijl. Home blijft volledig buiten deze stylesheet. */
:root{
  --jvk-green-975:#031b17;
  --jvk-green-950:#05231e;
  --jvk-green-925:#072b25;
  --jvk-green-900:#0a332b;
  --jvk-green-850:#0d3b32;
  --jvk-gold-650:#a8742e;
  --jvk-gold-600:#bc873b;
  --jvk-gold-500:#d7a650;
  --jvk-gold-400:#e7bd71;
  --jvk-gold-300:#f2d69a;
  --jvk-paper:#faf7ef;
  --jvk-cream:#f1eadb;
  --jvk-ink:#17372f;
  --jvk-muted:#52665e;
  --jvk-line:#d8cbb1;
  --jvk-white:#fff;
  --jvk-serif:Georgia,"Times New Roman",serif;
  --jvk-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --jvk-shadow:0 4px 14px rgba(3,31,26,.08);
  --jvk-shadow-dark:0 4px 14px rgba(0,0,0,.12);
  --jvk-page-image:url('../images/theme/theme-stories.webp');
}

html[data-jvk-theme="heritage-v5"]{scroll-behavior:smooth;background:var(--jvk-paper)}
html[data-jvk-theme="heritage-v5"] body{
  margin:0;
  min-width:0;
  overflow-x:hidden;
  background:var(--jvk-paper);
  color:var(--jvk-ink);
  font-family:var(--jvk-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[data-jvk-theme="heritage-v5"] *,html[data-jvk-theme="heritage-v5"] *::before,html[data-jvk-theme="heritage-v5"] *::after{box-sizing:border-box}
html[data-jvk-theme="heritage-v5"] img{max-width:100%;height:auto}
html[data-jvk-theme="heritage-v5"] a{color:inherit}
html[data-jvk-theme="heritage-v5"] .btn-dark{background:#05231e;color:#fff;border-color:#05231e}
html[data-jvk-theme="heritage-v5"] .btn-gold{background:#e7bd71;color:#17372f;border-color:#b78b41}
html[data-jvk-theme="heritage-v5"] .btn-light{background:#fffdf8;color:#17372f;border-color:#ccd5cb}
html[data-jvk-theme="heritage-v5"] .btn{min-height:48px;border-radius:8px;font-family:var(--jvk-sans);font-size:16px;line-height:1.4;font-weight:650;box-shadow:none}
html[data-jvk-theme="heritage-v5"] button,html[data-jvk-theme="heritage-v5"] a{touch-action:manipulation}
html[data-jvk-theme="heritage-v5"] :focus-visible{outline:3px solid var(--jvk-gold-400);outline-offset:3px}

/* De oude header blijft in de DOM voor bestaande auth/server-output, maar stuurt de layout niet meer. */
html[data-jvk-theme="heritage-v5"] .jvk-legacy-header{display:none!important}

body[data-jvk-page="map"]{--jvk-page-image:url('../images/theme/theme-map.webp')}
body[data-jvk-page="stories"],body[data-jvk-page="story-compose"],body[data-jvk-page="story-detail"]{--jvk-page-image:url('../images/theme/theme-stories.webp')}
body[data-jvk-page="listen"]{--jvk-page-image:url('../images/theme/theme-listen.webp')}
body[data-jvk-page="today"]{--jvk-page-image:url('../images/theme/theme-today.webp')}
body[data-jvk-page="series"]{--jvk-page-image:url('../images/theme/theme-series.webp')}
body[data-jvk-page="quiz"]{--jvk-page-image:url('../images/theme/theme-quiz.webp')}
body[data-jvk-page="shop"]{--jvk-page-image:url('../images/theme/theme-shop.webp')}
body[data-jvk-page="social"]{--jvk-page-image:url('../images/theme/theme-social.webp')}
body[data-jvk-page="auth"]{--jvk-page-image:url('../images/theme/theme-auth.webp')}
body[data-jvk-page="legal"]{--jvk-page-image:url('../images/theme/theme-legal.webp')}
body[data-jvk-page="organization"]{--jvk-page-image:url('../images/theme/theme-organization.webp')}
body[data-jvk-page="app"]{--jvk-page-image:url('../images/theme/theme-app.webp')}

/* ============================================================
   GEMEENSCHAPPELIJKE HEADER — zelfde hiërarchie als Home
   ============================================================ */
.jvk-shell-header{
  position:relative;
  z-index:900;
  width:100%;
  background:var(--jvk-green-950);
  color:#fff;
  border-bottom:1px solid rgba(231,189,113,.22);
}
.jvk-shell-header__inner{
  width:min(1180px,calc(100% - 40px));
  min-height:78px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:25px;
}
.jvk-shell-brand{
  display:inline-flex;
  align-items:center;
  min-width:0;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
.jvk-shell-brand strong{
  font-family:var(--jvk-serif);
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.002em;
}
.jvk-shell-brand::before{
  content:"✦";
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-right:11px;
  border:1px solid rgba(231,189,113,.44);
  border-radius:50%;
  color:var(--jvk-gold-400);
  font-size:.95rem;
  flex:0 0 auto;
}
.jvk-shell-nav{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}
.jvk-shell-nav>a,.jvk-shell-more__button,.jvk-shell-account{
  border:0;
  border-radius:999px;
  background:transparent;
  color:#d4dfdc;
  text-decoration:none;
  font:800 .86rem/1 var(--jvk-sans);
  padding:11px 12px;
  cursor:pointer;
}
.jvk-shell-nav>a:hover,.jvk-shell-nav>a:focus-visible,.jvk-shell-more__button:hover,.jvk-shell-more__button:focus-visible,.jvk-shell-account:hover,.jvk-shell-account:focus-visible{background:rgba(255,255,255,.065);color:#fff}
.jvk-shell-nav>a[aria-current="page"],.jvk-shell-more:has(a[aria-current="page"])>.jvk-shell-more__button{color:var(--jvk-gold-300)}
.jvk-shell-more{position:relative}
.jvk-shell-more__button{display:inline-flex;align-items:center;gap:6px}
.jvk-shell-more__button::after{content:"⌄";font-size:.95rem;color:var(--jvk-gold-400);transform:translateY(-1px)}
.jvk-shell-more__panel{
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  width:310px;
  transform:translateX(-50%);
  padding:10px;
  border:1px solid rgba(231,189,113,.28);
  border-radius:18px;
  background:#06251f;
  box-shadow:0 26px 60px rgba(0,0,0,.28);
}
.jvk-shell-more__panel[hidden]{display:none!important}
.jvk-shell-more__panel a{
  position:relative;
  display:block;
  min-width:0;
  min-height:50px;
  padding:8px 34px 8px 11px;
  color:#d8e4e0;
  text-decoration:none;
  border-radius:11px;
  font-size:.82rem;
  font-weight:760;
}
.jvk-shell-more__panel a strong{display:block;color:inherit;font-size:.82rem}.jvk-shell-more__panel a span{display:block;margin-top:3px;color:#9fb3ad;font-size:.68rem;font-weight:500}.jvk-shell-more__panel a::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--jvk-gold-400)}
.jvk-shell-more__panel a:hover,.jvk-shell-more__panel a:focus-visible{background:rgba(255,255,255,.06);color:#fff}
.jvk-shell-more__panel a[aria-current="page"]{background:rgba(231,189,113,.1);color:var(--jvk-gold-300)}
.jvk-shell-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;justify-self:end}
.jvk-shell-primary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--jvk-gold-300),var(--jvk-gold-500));
  color:#17342d;
  text-decoration:none;
  font-size:.84rem;
  font-weight:900;
  box-shadow:0 10px 26px rgba(209,164,80,.16);
}
.jvk-shell-toggle{
  display:none;
  width:46px;
  height:46px;
  margin-left:auto;
  padding:9px 10px;
  border:1px solid rgba(231,189,113,.34);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  cursor:pointer;
}
.jvk-shell-toggle span{display:block;width:23px;height:2px;margin:5px auto;background:#fff;border-radius:5px;transition:transform .18s ease,opacity .18s ease}
.jvk-shell-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.jvk-shell-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.jvk-shell-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.jvk-shell-drawer{
  position:absolute;
  z-index:890;
  top:78px;
  left:0;
  right:0;
  width:100%;
  background:rgba(3,27,23,.985);
  color:#fff;
  border-bottom:1px solid rgba(231,189,113,.24);
  box-shadow:0 32px 65px rgba(0,0,0,.27);
}
.jvk-shell-drawer[hidden]{display:none!important}
.jvk-shell-drawer__inner{width:min(720px,calc(100% - 28px));margin:0 auto;padding:18px 0 28px}
.jvk-shell-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.jvk-shell-drawer__head strong{font-family:var(--jvk-serif);font-size:1.1rem;color:var(--jvk-gold-300)}
.jvk-shell-drawer__close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:1.6rem;cursor:pointer}
.jvk-shell-drawer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.jvk-shell-drawer__item{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.032);text-decoration:none}
.jvk-shell-drawer__item strong{font-size:.86rem;color:#fff}
.jvk-shell-drawer__item span{font-size:.72rem;color:#a9bbb6}
.jvk-shell-drawer__item[aria-current="page"]{border-color:rgba(231,189,113,.42);background:rgba(231,189,113,.09)}
.jvk-shell-drawer__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.jvk-shell-drawer__account,.jvk-shell-drawer__primary-action,.jvk-shell-drawer__logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:850}
.jvk-shell-drawer__account{border:1px solid rgba(255,255,255,.18);color:#fff}
.jvk-shell-drawer__primary-action{background:linear-gradient(135deg,var(--jvk-gold-300),var(--jvk-gold-500));color:#17342d}
.jvk-shell-drawer__logout{color:#c6d5d1;background:rgba(255,255,255,.045)}
body.jvk-shell-menu-open{overflow:hidden}

/* ============================================================
   PAGINAHERO — compact, beeldend, nooit een functionele container
   ============================================================ */
.jvk-shell-main{min-width:0}
.jvk-page-hero-v4{
  position:relative;
  isolation:isolate;
  width:min(1180px,calc(100% - 40px));
  min-height:300px;
  margin:32px auto 42px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(190,133,54,.7);
  border-radius:28px;
  background:var(--jvk-green-950) var(--jvk-page-image) center/cover no-repeat;
  box-shadow:var(--jvk-shadow-dark);
  color:#fff;
}
.jvk-page-hero-v4::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,27,23,.99) 0%,rgba(5,35,30,.95) 31%,rgba(5,35,30,.76) 53%,rgba(5,35,30,.25) 78%,rgba(5,35,30,.08) 100%),linear-gradient(0deg,rgba(2,20,17,.34),transparent 55%)}
.jvk-page-hero-v4::after{content:"";position:absolute;inset:15px;border:1px solid rgba(242,214,154,.22);border-radius:19px;pointer-events:none}
.jvk-page-hero-v4__inner{position:relative;z-index:2;width:min(660px,64%);padding:45px 50px}
.jvk-page-hero-v4__ornament{display:flex;align-items:center;gap:12px;width:205px;margin-bottom:15px;color:var(--jvk-gold-400)}
.jvk-page-hero-v4__ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--jvk-gold-500))}
.jvk-page-hero-v4__ornament span:last-child{background:linear-gradient(90deg,var(--jvk-gold-500),transparent)}
.jvk-page-hero-v4__ornament b{font-size:1rem;font-weight:400}
.jvk-page-hero-v4__eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:900;color:var(--jvk-gold-300)}
.jvk-page-hero-v4 h1{max-width:650px;margin:0 0 12px;font-family:var(--jvk-serif);font-size:clamp(2.3rem,5vw,4.6rem);font-weight:600;line-height:.98;letter-spacing:-.032em;color:#fff!important;text-wrap:balance}
.jvk-page-hero-v4__lead{max-width:570px;margin:0;color:#dce6e2;font-size:clamp(.92rem,1.7vw,1.07rem);line-height:1.65}
.jvk-consumed-intro{display:none!important}

/* ============================================================
   BASIS VOOR BESTAANDE INHOUD — gericht, niet destructief
   ============================================================ */
.jvk-shell-main:not(:has(>.jvk-page-hero-v4)){
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}
.jvk-shell-main>.jvk-page-hero-v4~*{max-width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.jvk-shell-main h1,.jvk-shell-main h2,.jvk-shell-main h3{font-family:var(--jvk-sans);letter-spacing:-.022em}
.jvk-shell-main h1{color:var(--jvk-green-950)}
.jvk-shell-main h2{color:#173b32}
.jvk-shell-main h3{color:#21483e}
.jvk-shell-main p{line-height:1.65}
.jvk-content-section{min-width:0;margin-top:22px;margin-bottom:28px}

/* Formulieren: rustige papierkaart zonder pagina-logica te veranderen. */
.jvk-theme-form{
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.jvk-theme-form label{color:#294b43;font-weight:760}
.jvk-theme-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.jvk-theme-form select,.jvk-theme-form textarea{
  max-width:100%;
  min-height:46px;
  border:1px solid #c7bda6;
  border-radius:12px;
  background:#fffefb;
  color:#18372f;
  font:500 1rem/1.35 var(--jvk-sans);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.jvk-theme-form textarea{min-height:128px;resize:vertical}
.jvk-theme-form input:focus,.jvk-theme-form select:focus,.jvk-theme-form textarea:focus{border-color:#b77c30;box-shadow:0 0 0 3px rgba(215,166,80,.18);outline:0}
.jvk-theme-form fieldset{border-color:#d4c8af;border-radius:14px}
.jvk-theme-form legend{font-family:var(--jvk-serif);font-weight:700;color:#173b32}

.jvk-action{
  border-radius:8px!important;
  border-color:rgba(177,124,49,.48)!important;
  font-weight:850!important;
}
button.jvk-action,input.jvk-action[type="submit"],a.jvk-action{
  min-height:44px;
}
button.jvk-action:not(.secondary):not(.ghost),input.jvk-action[type="submit"]{background:#05231e;color:#fff;border:1px solid #05231e;min-height:48px;font-size:1rem;line-height:1.4}
a.jvk-action{text-decoration:none}
.jvk-action-danger{border-color:#b76455!important;color:#8e3e33!important}

.jvk-theme-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d9ceb7;border-radius:16px;background:#fffef9}
.jvk-theme-table th{background:#0a332b;color:#fff;text-align:left;font-size:.78rem;letter-spacing:.03em}
.jvk-theme-table th,.jvk-theme-table td{padding:12px 14px;border-bottom:1px solid #e9e1d2}
.jvk-theme-table tr:last-child td{border-bottom:0}

/* Audio krijgt een herkenbare luisterkaart, native controls blijven native. */
.jvk-audio-row{border:1px solid rgba(177,124,49,.22);border-radius:18px;background:#fffdf7;padding:16px 18px;margin:12px 0;box-shadow:0 10px 28px rgba(7,43,36,.06)}
.jvk-audio-player{display:block;width:100%;max-width:100%}
body[data-jvk-page="listen"] .jvk-audio-row{border-color:rgba(231,189,113,.28);background:linear-gradient(135deg,#082e27,#05231e);color:#fff}
body[data-jvk-page="listen"] .jvk-shell-main>.jvk-page-hero-v4~*{color:var(--jvk-ink)}

/* Featurekaarten — alleen blokken die JS op basis van hun eigen kop herkent. */
.jvk-feature-card,.jvk-editorial-card,.jvk-info-card{
  overflow:hidden;
  border:1px solid rgba(157,111,44,.24)!important;
  border-radius:10px!important;
  background:#fffdf7!important;
  box-shadow:none!important;
}
.jvk-feature-card,.jvk-editorial-card{padding:24px!important}
.jvk-info-card{padding:25px 27px!important}
.jvk-feature-card h2,.jvk-feature-card h3,.jvk-editorial-card h2,.jvk-editorial-card h3,.jvk-info-card h2,.jvk-info-card h3{margin-top:0;color:#173b32}
.jvk-feature-card::before,.jvk-editorial-card::before{content:"";display:block;width:58px;height:2px;margin-bottom:15px;background:linear-gradient(90deg,var(--jvk-gold-600),transparent)}

/* Per paginatype: alleen presentatie, geen JS/flow wijzigen. */
body[data-jvk-page="map"] .jvk-theme-form,body[data-jvk-page="stories"] .jvk-theme-form{background:#f7f2e7}
body[data-jvk-page="social"] .jvk-theme-form{padding:18px}
body[data-jvk-page="today"] .jvk-shell-main{background:linear-gradient(180deg,var(--jvk-paper) 0%,#f5efe3 100%)}
body[data-jvk-page="quiz"] .jvk-feature-card{position:relative}
body[data-jvk-page="quiz"] .jvk-feature-card:nth-of-type(2n){background:#f5efe2!important}
body[data-jvk-page="shop"] .jvk-feature-card{background:linear-gradient(180deg,#fffdf7,#f7f0e3)!important}
body[data-jvk-page="legal"] .jvk-shell-main>.jvk-page-hero-v4~*{max-width:min(880px,calc(100% - 40px))}
body[data-jvk-page="legal"] .jvk-info-card{margin-top:18px;margin-bottom:18px}
body[data-jvk-page="organization"] .jvk-theme-form{border-color:rgba(183,124,48,.3)}

/* Accountpagina's: hero compact + formulier als duidelijke centrale kaart. */
body[data-jvk-page="auth"] .jvk-page-hero-v4{min-height:250px;margin-bottom:30px}
body[data-jvk-page="auth"] .jvk-page-hero-v4__inner{padding-top:36px;padding-bottom:36px}
body[data-jvk-page="auth"] .jvk-shell-main>.jvk-page-hero-v4~*{max-width:min(720px,calc(100% - 40px))}
.jvk-auth-card{padding:30px!important;border-color:rgba(166,116,45,.28)!important;box-shadow:0 22px 58px rgba(6,39,33,.1)!important}

/* Story detail: geen kunstmatige hero, wel een rustige leeservaring. */
.jvk-story-detail{max-width:min(940px,calc(100% - 40px))!important;margin:36px auto 0!important;padding:34px clamp(18px,4vw,46px) 50px;border:1px solid rgba(160,115,48,.22);border-radius:26px;background:#fffdf7;box-shadow:var(--jvk-shadow)}
.jvk-story-title{font-family:var(--jvk-serif)!important;font-size:clamp(2.4rem,6vw,4.7rem)!important;line-height:.98!important;letter-spacing:-.035em!important;color:#153b32!important}
.jvk-story-detail p{font-family:var(--jvk-sans);font-size:1.125rem;line-height:1.82;color:#2c423c}
.jvk-story-detail img{border-radius:19px;box-shadow:0 16px 36px rgba(4,32,27,.1)}
.jvk-story-quote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--jvk-gold-500);background:#f4ecdd;color:#3c4d48;font-family:var(--jvk-serif);font-size:1.14rem;border-radius:0 14px 14px 0}

/* Kaart-herstel: alleen actief als de live kaart zelf de expliciete foutmelding toont. */
.jvk-map-recovery{
  position:relative;
  display:block!important;
  width:100%!important;
  max-width:1180px!important;
  height:480px!important;
  min-height:380px!important;
  margin:22px auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(183,124,48,.52)!important;
  border-radius:24px!important;
  background:#e9e4d6!important;
  box-shadow:0 20px 48px rgba(4,35,29,.12)!important;
  color:#17372f!important;
}
.jvk-map-recovery__loading,.jvk-map-recovery__failure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px;text-align:center;background:linear-gradient(135deg,#f5efe2,#e8dfcc)}
.jvk-map-recovery__loading{font-weight:800;color:#31534a}
.jvk-map-recovery__failure strong{font-family:var(--jvk-serif);font-size:1.45rem;color:#173b32}
.jvk-map-recovery__failure p{max-width:520px;margin:0;color:#61726d}
.jvk-map-recovery__failure button{min-height:44px;padding:0 18px;margin-top:5px;border:1px solid #b77c30;border-radius:999px;background:#0a332b;color:#fff;font-weight:850;cursor:pointer}
.jvk-map-pin{display:grid;place-items:center;width:34px;height:34px;padding:0;border:2px solid #f2d69a;border-radius:50% 50% 50% 4px;background:#0a332b;box-shadow:0 6px 18px rgba(0,0,0,.26);transform:rotate(-45deg);cursor:pointer}
.jvk-map-pin span{display:block;width:9px;height:9px;border-radius:50%;background:#e7bd71;transform:rotate(45deg)}
.jvk-map-popup{min-width:170px;color:#17372f;font-family:var(--jvk-sans)}
.jvk-map-popup strong{display:block;font-family:var(--jvk-serif);font-size:1rem;line-height:1.15;margin-bottom:5px}
.jvk-map-popup small{display:block;color:#6a7772;margin-bottom:6px}
.jvk-map-popup a{font-size:.78rem;font-weight:850;color:#7c5620;text-decoration:none}
.jvk-map-recovery .maplibregl-popup-content{border-radius:13px;padding:12px 14px;box-shadow:0 12px 32px rgba(0,0,0,.17)}
.jvk-map-recovery .maplibregl-ctrl-group{border-radius:11px;overflow:hidden}

/* Footer: alleen bestaande footer kleuren/typografie laten aansluiten. */
.jvk-global-footer{margin-top:70px!important;padding-top:40px!important;background:#031915!important;color:#b8c9c4!important;border-top:1px solid rgba(231,189,113,.18)!important}
.jvk-global-footer a{color:#d0dad7}
.jvk-global-footer a:hover{color:var(--jvk-gold-300)}

/* Horror behoudt de eigen ervaring; alleen header/footer worden verbonden aan het merk. */
body[data-jvk-page="horror"]{background:#020c0a;color:#e5ece9}
body[data-jvk-page="horror"] .jvk-shell-main{max-width:none;margin:0;padding:0}

@media(max-width:1040px){
  .jvk-shell-nav{display:none}
  .jvk-shell-account{display:none}
  .jvk-shell-toggle{display:block;grid-column:3;grid-row:1}
  .jvk-shell-brand{grid-column:1;grid-row:1}
  /* Brand + eventuele primaire actie + hamburger moeten op één rij blijven.
     De vorige 2-koloms grid zette de hamburger op een tweede rij en maakte de
     mobiele header visueel ongeveer dubbel zo hoog. */
  .jvk-shell-header__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
  .jvk-shell-actions{grid-column:2;grid-row:1;gap:8px}
  .jvk-page-hero-v4__inner{width:min(710px,72%)}
}

@media(max-width:760px){
  .jvk-shell-header__inner{width:calc(100% - 24px);min-height:72px;grid-template-columns:minmax(0,1fr) auto}
  .jvk-shell-brand{grid-column:1;grid-row:1}
  .jvk-shell-brand::before{display:none}
  .jvk-shell-brand strong{font-size:1rem}
  .jvk-shell-primary-action{display:none}
  .jvk-shell-actions{display:none!important}
  .jvk-shell-toggle{display:block;grid-column:2;grid-row:1;margin-left:auto}
  .jvk-shell-drawer{top:72px;position:absolute;max-height:calc(100vh - 72px);overflow:auto}
  .jvk-shell-drawer__grid{grid-template-columns:1fr}
  .jvk-page-hero-v4{width:calc(100% - 24px);min-height:270px;margin:18px auto 28px;border-radius:23px;background-position:center}
  .jvk-page-hero-v4::before{background:linear-gradient(0deg,rgba(3,27,23,.98) 0%,rgba(5,35,30,.9) 46%,rgba(5,35,30,.48) 78%,rgba(5,35,30,.18) 100%),linear-gradient(90deg,rgba(3,27,23,.55),transparent 75%)}
  .jvk-page-hero-v4::after{inset:10px;border-radius:16px}
  .jvk-page-hero-v4__inner{width:100%;align-self:flex-end;padding:70px 24px 25px}
  .jvk-page-hero-v4__ornament{width:150px;margin-bottom:10px}
  .jvk-page-hero-v4__eyebrow{font-size:.58rem;margin-bottom:7px}
  .jvk-page-hero-v4 h1{max-width:94%;font-size:clamp(2.1rem,11vw,3.4rem);line-height:.98;margin-bottom:9px}
  .jvk-page-hero-v4__lead{max-width:94%;font-size:.88rem;line-height:1.5}
  .jvk-shell-main>.jvk-page-hero-v4~*{max-width:calc(100% - 24px)}
  .jvk-shell-main:not(:has(>.jvk-page-hero-v4)){width:calc(100% - 24px)}
  .jvk-theme-form{padding:18px;border-radius:17px}
  .jvk-theme-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),.jvk-theme-form select,.jvk-theme-form textarea{font-size:16px}
  .jvk-feature-card,.jvk-editorial-card,.jvk-info-card{padding:19px!important;border-radius:18px!important}
  .jvk-auth-card{padding:21px!important}
  body[data-jvk-page="auth"] .jvk-page-hero-v4{min-height:225px}
  .jvk-story-detail{width:calc(100% - 24px)!important;max-width:none!important;margin:22px auto 0!important;padding:25px 18px 34px;border-radius:21px}
  .jvk-story-title{font-size:clamp(2.25rem,12vw,3.5rem)!important}
  .jvk-map-recovery{height:390px!important;min-height:330px!important;border-radius:20px!important}
  .jvk-theme-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .jvk-global-footer{margin-top:52px!important}
}

@media(max-width:420px){
  .jvk-shell-header__inner{width:calc(100% - 20px)}
  .jvk-shell-brand strong{font-size:.92rem}
  .jvk-shell-toggle{width:44px;height:44px}
  .jvk-shell-drawer__inner{width:calc(100% - 20px)}
  .jvk-page-hero-v4{width:calc(100% - 20px);min-height:255px}
  .jvk-page-hero-v4__inner{padding:64px 20px 22px}
  .jvk-page-hero-v4 h1{font-size:2.45rem}
  .jvk-shell-main>.jvk-page-hero-v4~*{max-width:calc(100% - 20px)}
  .jvk-shell-main:not(:has(>.jvk-page-hero-v4)){width:calc(100% - 20px)}
  .jvk-map-recovery{height:360px!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-jvk-theme="heritage-v5"]{scroll-behavior:auto}
  .jvk-shell-toggle span{transition:none}
}


/* ============================================================
   KAART RECOVERY V5 — lokale slippy-map zonder externe JS-library
   ============================================================ */
.jvk-map-recovery{position:relative!important;display:block!important;min-height:440px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(190,133,54,.46)!important;border-radius:22px!important;background:#dce6df!important;color:#173b32!important}
.jvk-map-recovery.is-loading{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#e8eee9,#f5efe2)!important}
.jvk-map-recovery__loading{padding:24px;font-weight:850;color:#21483e}
.jvk-native-map{position:relative!important;min-height:440px!important;isolation:isolate;overflow:hidden!important;background:#dfe9e2!important}
.jvk-native-map__viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none;background:#dbe6df}
.jvk-native-map__viewport:focus-visible{box-shadow:inset 0 0 0 3px rgba(210,164,80,.8)}
.jvk-native-map__viewport.is-dragging{cursor:grabbing}
.jvk-native-map__tiles,.jvk-native-map__markers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.jvk-native-map__tile{position:absolute;width:256px;height:256px;max-width:none!important;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#dbe6df}
.jvk-native-map__markers{z-index:4;overflow:visible}
.jvk-native-map__pin{position:absolute;z-index:5;width:34px;height:42px;transform:translate(-50%,-100%);border:0!important;background:transparent!important;padding:0!important;pointer-events:auto!important;cursor:pointer!important;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}
.jvk-native-map__pin>span{display:block;width:28px;height:28px;margin:0 auto;border:2px solid #f0d697;border-radius:50% 50% 50% 0;background:#0a4136;transform:rotate(-45deg);box-shadow:0 0 0 2px rgba(5,35,30,.25)}
.jvk-native-map__pin>span::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#f0d697;transform:translate(-50%,-50%)}
.jvk-native-map__pin.is-user>span{background:#f0c86e;border-color:#0a4136}
.jvk-native-map__pin.is-user>span::after{background:#0a4136}
.jvk-native-map__controls{position:absolute;z-index:9;right:12px;top:12px;display:flex;flex-direction:column;gap:7px}
.jvk-native-map__controls button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid rgba(5,35,30,.18)!important;border-radius:12px!important;background:rgba(255,252,244,.96)!important;color:#123c32!important;font:900 1.22rem/1 var(--jvk-sans)!important;box-shadow:0 5px 16px rgba(15,41,34,.16)!important;cursor:pointer!important}
.jvk-native-map__controls button:hover,.jvk-native-map__controls button:focus-visible{background:#fff!important;border-color:rgba(190,133,54,.72)!important}
.jvk-native-map__attribution{position:absolute;z-index:8;right:8px;bottom:6px;padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.88);font:600 .62rem/1.25 var(--jvk-sans)}
.jvk-native-map__attribution a{color:#335e54;text-decoration:none}
.jvk-native-map__status{position:absolute;z-index:10;left:10px;bottom:10px;display:flex;align-items:center;gap:9px;max-width:min(72%,520px);padding:7px 10px;border-radius:10px;background:rgba(5,35,30,.92);color:#fff;font:650 .72rem/1.35 var(--jvk-sans);pointer-events:auto}
.jvk-native-map__status:empty{display:none}
.jvk-native-map__status a{color:#f0d697;font-weight:850}
.jvk-native-map__popup{position:absolute;z-index:12;width:min(250px,calc(100% - 28px));transform:translate(-50%,-100%);padding:13px 36px 13px 14px;border:1px solid rgba(190,133,54,.5);border-radius:14px;background:rgba(5,35,30,.97);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.27);pointer-events:auto}
.jvk-native-map__popup strong,.jvk-native-map__popup small,.jvk-native-map__popup a{display:block}
.jvk-native-map__popup strong{font-family:var(--jvk-serif);font-size:1rem;line-height:1.2}
.jvk-native-map__popup small{margin-top:5px;color:#bfd0ca;font-size:.72rem}
.jvk-native-map__popup a{margin-top:9px;color:#f0d697;font-size:.76rem;font-weight:850;text-decoration:none}
.jvk-native-map__popup-close{position:absolute!important;right:5px!important;top:5px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:1.2rem!important;cursor:pointer!important}
.jvk-map-recovery__failure{display:grid;place-items:start;gap:9px;min-height:340px;padding:34px;background:linear-gradient(135deg,#f2eadc,#fbf8f0)}
.jvk-map-recovery__failure strong{font-family:var(--jvk-serif);font-size:1.25rem;color:#173b32}.jvk-map-recovery__failure p{margin:0;color:#526b64}.jvk-map-recovery__failure a{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border-radius:999px;background:#0a4136;color:#fff;text-decoration:none;font-weight:850}
@media(max-width:760px){.jvk-map-recovery,.jvk-native-map{min-height:410px!important;border-radius:18px!important}.jvk-native-map__controls{right:9px;top:9px}.jvk-native-map__controls button{width:40px!important;height:40px!important}.jvk-native-map__status{left:8px;bottom:8px;max-width:calc(100% - 78px);font-size:.68rem}.jvk-native-map__attribution{font-size:.56rem}.jvk-native-map__popup{width:min(230px,calc(100% - 24px))}}

/* ============================================================
   V7 — VISUELE CONSISTENTIE NA LIVE VIDEO-CONTROLE
   Gericht op leesweergave, tijdlijn/verhalenkaarten, accountpagina's
   en dubbele oude headers. Geen backend- of kaartlogica.
   ============================================================ */
html[data-jvk-theme="heritage-v5"] .jvk-legacy-header{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}

/* Lees-/dagverhaalweergave: geen spierwit document meer, maar rustige heritage-papierkaart. */
body.jvk-longform-reader{background:linear-gradient(180deg,#f1eadb 0,#faf7ef 220px,#f6f0e5 100%)!important}
body.jvk-longform-reader .jvk-shell-main,
body[data-jvk-page="story-detail"] .jvk-story-detail{
  width:min(900px,calc(100% - 40px))!important;
  max-width:900px!important;
  margin:34px auto 54px!important;
  padding:clamp(28px,5vw,54px)!important;
  border:1px solid rgba(171,120,48,.3)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fbf6ea 100%)!important;
  box-shadow:0 24px 64px rgba(4,35,29,.11)!important;
}
body.jvk-longform-reader .jvk-shell-main::before,
body[data-jvk-page="story-detail"] .jvk-story-detail::before{
  content:"✦";display:block;width:100%;margin:0 0 24px;text-align:center;color:var(--jvk-gold-500);font-size:1rem;letter-spacing:.3em
}
body.jvk-longform-reader .jvk-shell-main h1,
body.jvk-longform-reader .jvk-shell-main h2,
body[data-jvk-page="story-detail"] .jvk-story-detail h1,
body[data-jvk-page="story-detail"] .jvk-story-detail h2{color:#153b32!important;font-family:var(--jvk-serif)!important}
body.jvk-longform-reader .jvk-shell-main p,
body[data-jvk-page="story-detail"] .jvk-story-detail p{
  max-width:72ch;margin-left:auto;margin-right:auto;color:#293f39!important;font-family:var(--jvk-sans)!important;font-size:1.125rem!important;line-height:1.82!important
}
body.jvk-longform-reader .jvk-shell-main p+p,
body[data-jvk-page="story-detail"] .jvk-story-detail p+p{margin-top:1.25em}
body.jvk-longform-reader .jvk-shell-main img,
body[data-jvk-page="story-detail"] .jvk-story-detail img{display:block;margin:26px auto;border-radius:20px;box-shadow:0 18px 42px rgba(4,35,29,.13)}
body.jvk-longform-reader .jvk-shell-main a:not(.jvk-action),
body[data-jvk-page="story-detail"] .jvk-story-detail a:not(.jvk-action){color:#80591f;text-decoration-color:rgba(128,89,31,.38);text-underline-offset:3px}

/* Dynamische verhaal- en tijdlijnkaarten: dezelfde rustige kaarttaal als Home. */
.jvk-feed-card,.jvk-story-result-card,
body[data-jvk-page="social"] .jvk-shell-main article,
body[data-jvk-page="stories"] .jvk-shell-main article{
  position:relative;overflow:hidden;margin:14px 0!important;padding:20px 20px 18px!important;border:1px solid rgba(171,120,48,.27)!important;border-radius:10px!important;background:#fffdf8!important;box-shadow:none!important;color:#234139!important
}
.jvk-feed-card::before,.jvk-story-result-card::before,
body[data-jvk-page="social"] .jvk-shell-main article::before,
body[data-jvk-page="stories"] .jvk-shell-main article::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--jvk-gold-500),rgba(231,189,113,.12),transparent)}
.jvk-feed-card h2,.jvk-feed-card h3,.jvk-story-result-card h2,.jvk-story-result-card h3,
body[data-jvk-page="social"] .jvk-shell-main article h2,body[data-jvk-page="social"] .jvk-shell-main article h3,
body[data-jvk-page="stories"] .jvk-shell-main article h2,body[data-jvk-page="stories"] .jvk-shell-main article h3{margin:.25rem 0 .55rem!important;color:#163b32!important;font-family:var(--jvk-serif)!important;line-height:1.08!important}
.jvk-feed-card p,.jvk-story-result-card p,
body[data-jvk-page="social"] .jvk-shell-main article p,
body[data-jvk-page="stories"] .jvk-shell-main article p{color:#536963!important;line-height:1.55!important}
.jvk-feed-card img,.jvk-story-result-card img,
body[data-jvk-page="social"] .jvk-shell-main article img,
body[data-jvk-page="stories"] .jvk-shell-main article img{border-radius:15px}
.jvk-feed-card [class*="avatar"] img,.jvk-story-result-card [class*="avatar"] img,
body[data-jvk-page="social"] [class*="avatar"] img{border:2px solid var(--jvk-gold-400);box-shadow:0 0 0 3px #f7efdf}

/* Actieknoppen die in live kaarten nog donkerblauw waren. */
a.jvk-action,a.jvk-read-action,button.jvk-read-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:10px 16px!important;border:1px solid rgba(231,189,113,.52)!important;border-radius:8px!important;background:#07352d!important;color:#fff!important;text-decoration:none!important;font:650 1rem/1.4 var(--jvk-sans)!important;box-shadow:none!important
}
a.jvk-action:hover,a.jvk-action:focus-visible,a.jvk-read-action:hover,a.jvk-read-action:focus-visible,button.jvk-read-action:hover,button.jvk-read-action:focus-visible{background:#0b4439!important;color:#fff!important}

/* Sociale filters/search niet als losse witte velden, maar als één rustige werkbalk. */
body[data-jvk-page="social"] .jvk-theme-form{margin:14px 0 22px!important;background:linear-gradient(180deg,#f7f0e3,#fffaf0)!important;border-color:rgba(171,120,48,.24)!important}
body[data-jvk-page="social"] .jvk-shell-main button:not(.jvk-shell-toggle):not(.jvk-shell-drawer__close){border-radius:999px}

/* Account: minder lege ruimte en geen decoratieve lege banner tussen hero en formulier. */
body[data-jvk-page="auth"] .jvk-page-hero-v4{min-height:220px;margin-bottom:22px}
body[data-jvk-page="auth"] .jvk-page-hero-v4__inner{padding-top:30px;padding-bottom:30px}
body[data-jvk-page="auth"] .jvk-auth-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-jvk-page="auth"] .jvk-auth-empty-slot{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
body[data-jvk-page="auth"] .jvk-shell-main>.jvk-page-hero-v4~*{margin-top:0}

/* Footer professioneler en beter leesbaar op mobiel. */
.jvk-global-footer{padding:44px max(20px,calc((100% - 1180px)/2)) 28px!important}
.jvk-global-footer h2,.jvk-global-footer h3,.jvk-global-footer strong{color:#f4e4bd!important}
.jvk-global-footer a{display:inline-block;padding:2px 0;color:#c7d6d2!important;text-decoration:none}
.jvk-global-footer a:hover,.jvk-global-footer a:focus-visible{color:var(--jvk-gold-300)!important}

@media(max-width:760px){
  body.jvk-longform-reader .jvk-shell-main,
  body[data-jvk-page="story-detail"] .jvk-story-detail{width:calc(100% - 20px)!important;margin:16px auto 34px!important;padding:26px 20px 34px!important;border-radius:20px!important}
  body.jvk-longform-reader .jvk-shell-main p,
  body[data-jvk-page="story-detail"] .jvk-story-detail p{font-size:1.125rem!important;line-height:1.76!important}
  .jvk-feed-card,.jvk-story-result-card,
  body[data-jvk-page="social"] .jvk-shell-main article,
  body[data-jvk-page="stories"] .jvk-shell-main article{padding:17px 16px!important;border-radius:17px!important}
  body[data-jvk-page="auth"] .jvk-page-hero-v4{min-height:205px}
  .jvk-global-footer{padding:34px 20px 24px!important}
}

/* Tijdlijnfilterknoppen in dezelfde goud/papier-taal. */
body[data-jvk-page="social"] .jvk-theme-form button{
  min-height:48px!important;padding:10px 13px!important;border:1px solid rgba(171,120,48,.35)!important;border-radius:8px!important;background:#fffdf8!important;color:#24483f!important;font:650 1rem/1.4 var(--jvk-sans)!important;box-shadow:none!important
}
body[data-jvk-page="social"] .jvk-theme-form button:hover,
body[data-jvk-page="social"] .jvk-theme-form button:focus-visible,
body[data-jvk-page="social"] .jvk-theme-form button[aria-pressed="true"],
body[data-jvk-page="social"] .jvk-theme-form button.is-active{background:#0a3b32!important;color:#fff!important;border-color:#0a3b32!important}


/* ============================================================
   V8 REGRESSION HOTFIX — mobiel, klikbaarheid, lege advertentieruimte
   ============================================================ */
.jvk-empty-ad-slot{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.jvk-feed-card::before,.jvk-story-result-card::before,
body[data-jvk-page="social"] .jvk-shell-main article::before,
body[data-jvk-page="stories"] .jvk-shell-main article::before{pointer-events:none!important}
.map-story-card,.story-card,.jvk-story-result-card,[data-live-stories] article,.story-grid article{cursor:pointer}
.map-story-card a[href],.story-card a[href],.jvk-story-result-card a[href],[data-live-stories] article a[href],.story-grid article a[href]{position:relative;z-index:3;pointer-events:auto!important}
body[data-jvk-page="stories"] .discover-toolbar,
body[data-jvk-page="map"] .map-toolbar,
body[data-jvk-page="map"] [class*="toolbar"]{max-width:100%!important;min-width:0!important}
body[data-jvk-page="stories"] input[type="search"],body[data-jvk-page="map"] input[type="search"]{max-width:100%!important;min-width:0!important}
@media(max-width:760px){
  .jvk-shell-header{min-height:72px!important}
  .jvk-shell-header__inner{min-height:72px!important}
  .jvk-legacy-header{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body[data-jvk-page="stories"] .discover-toolbar{width:100%!important;overflow:hidden!important}
  body[data-jvk-page="stories"] .discover-toolbar input,
  body[data-jvk-page="stories"] .discover-toolbar select{width:100%!important;max-width:100%!important}
  .jvk-page-hero-v4{margin-bottom:22px!important}
}


/* Explicit task-form variants: shared layout, no decorative panel nesting. */
html[data-jvk-theme] .auth-grid.auth-grid--compact,html[data-jvk-theme] .security-flow.security-flow--compact{display:grid;grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto;gap:24px}
html[data-jvk-theme] .security-flow--compact .security-flow-card,html[data-jvk-theme] .auth-grid--compact .auth-card{padding:24px!important;border-radius:10px!important;background:#fffdf8!important;border:1px solid #d8d9cf!important;box-shadow:none!important}
html[data-jvk-theme] .security-flow--compact .security-flow-body{padding:0}
html[data-jvk-theme] .security-flow--compact button[type=submit]{min-height:48px;background:#05231e;color:#fff;font:650 16px/1.4 var(--jvk-sans);border-radius:8px;box-shadow:none}
html[data-jvk-theme] .auth-grid--compact h2{font:650 20px/1.35 var(--jvk-sans)}
html[data-jvk-theme] .jvk-account-type-option{border-radius:8px!important;box-shadow:none!important}
html[data-jvk-theme] .jvk-account-type-option strong{font-size:16px!important}
html[data-jvk-theme] .jvk-account-type-option small,html[data-jvk-theme] .auth-grid--compact .muted{font-size:14px!important;line-height:1.5}
html[data-jvk-theme] .auth-grid--compact{background:transparent!important;padding:0!important}
html[data-jvk-theme] .jvk-password-toggle{display:block;min-height:48px;margin:4px 0 0 auto;padding:8px 0;background:transparent;border:0;box-shadow:none;color:#17372f;font:500 14px/1.5 var(--jvk-sans);text-decoration:underline;text-underline-offset:3px}
html[data-jvk-theme] .account-section{background:transparent;padding:8px 0 24px}
.jvk-global-footer .brand img{width:32px;height:38px;object-fit:contain;box-shadow:none;border:0;margin:0 10px 0 0}
.jvk-footer-compact{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.jvk-footer-compact .brand{display:flex;align-items:center}
.jvk-footer-compact nav{display:flex;flex-wrap:wrap;gap:4px 20px;flex:1;min-width:220px}
.jvk-footer-compact nav a{display:inline-flex;align-items:center;min-height:48px}
.jvk-footer-compact small{flex-basis:100%}
html[data-jvk-theme] .messages-v2-composer>.form-field{min-width:0;margin:0}
html[data-jvk-theme] .profile-username h1{font-size:1.5rem;overflow-wrap:anywhere}
html[data-jvk-theme] .jvk-info-card{padding:20px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-jvk-theme] .jvk-shell-main :where(input,select,textarea,button){font-family:var(--jvk-sans)}
.jvk-shell-brand__logo{width:32px;height:38px;object-fit:contain;margin-right:10px}
.jvk-shell-brand::before{display:none}
.jvk-shell-header .jvk-shell-toggle,.jvk-shell-drawer__close{width:48px;height:48px;min-height:48px}
html[data-jvk-theme] .jvk-theme-form input:not([type="checkbox"]):not([type="radio"]),html[data-jvk-theme] .jvk-theme-form select{min-height:48px}