:root{
  --ivory:#f9f3eb;
  --cream:#fffdfa;
  --paper:#fffaf4;
  --sand:#eadfd2;
  --line:#e5d8c9;
  --wood:#4a3024;
  --walnut:#6a4633;
  --ink:#2d2622;
  --muted:#6f6258;
  --blue:#2d8fd6;
  --blue-soft:#dff0f8;
  --peach:#f2d7c7;
  --gold:#d8b26e;
  --shadow:0 22px 56px rgba(74,48,36,.12);
  --soft:0 10px 26px rgba(74,48,36,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 0% 0%, rgba(45,143,214,.07), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(232,130,79,.10), transparent 24%),
    linear-gradient(180deg,#fbf7f1 0%, var(--ivory) 100%);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1320px, calc(100% - 38px));margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(251,247,241,.92);
  border-bottom:1px solid rgba(74,48,36,.08);
  backdrop-filter:blur(16px);
}
.navrow{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;color:var(--wood);min-width:0}
.brand img{width:48px;height:48px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 5px 14px rgba(74,48,36,.07)}
.brand span{white-space:nowrap;font-size:16px}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.nav a{font-size:14px;font-weight:720;color:var(--muted);padding:9px 12px;border-radius:999px}
.nav a:hover{background:rgba(255,255,255,.76);color:var(--wood)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--wood);line-height:1.02;margin:0}
.eyebrow,.sectionLabel{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--walnut)}

.hero{
  margin-top:26px;
  border-radius:34px;
  overflow:hidden;
  background:rgba(255,253,248,.88);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
  min-height:600px;
}
.heroText{
  padding:64px 56px 50px;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero h1{font-size:clamp(62px,6.7vw,98px);max-width:540px;margin:14px 0 18px}
.lead{font-size:18px;color:var(--muted);max-width:560px;margin:0}
.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:11px 19px;border-radius:999px;
  border:1px solid rgba(74,48,36,.16);
  background:rgba(255,255,255,.84);
  color:var(--wood);font-weight:850;
  box-shadow:0 8px 18px rgba(74,48,36,.06)
}
.btn.primary{background:linear-gradient(135deg,#4a3024,#2f1d17);color:#fff;border-color:transparent}
.heroVisual{min-height:600px;background:linear-gradient(135deg,rgba(45,143,214,.07),rgba(232,130,79,.08));padding:0}
.heroVisual img{width:100%;height:100%;object-fit:cover}

.manifesto{
  margin-top:24px;
  background:rgba(255,253,248,.84);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  border-radius:22px;
  padding:22px 26px;
}
.manifesto p{margin:0;color:var(--walnut);font-weight:680;font-size:17px}

.paths{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.pathCard{
  min-width:0;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  border-radius:24px;
  padding:24px 22px;
  min-height:190px;
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:10px;
  transition:.18s ease;
}
.pathCard:hover,.sectionCard:hover,.miniCard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.pathCard span{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(45,143,214,.16),rgba(232,130,79,.18));
  color:var(--wood);font-weight:850;
}
.pathCard h3{font-size:27px;max-width:220px}
.pathCard p{margin:0;color:var(--muted);font-size:15px}

.contentSplit{
  margin-top:62px;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:26px;
  align-items:start;
}
.contentSplit h2,.lowerPanels h2{font-size:45px;margin:8px 0 12px}
.muted{color:var(--muted);margin:0}
.sectionGrid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.sectionCard{
  min-width:0;
  overflow:hidden;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  border-radius:24px;
  display:flex;
  flex-direction:column;
}
.sectionCard img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#f2e9df;
}
.sectionCard div{padding:17px 18px 20px}
.sectionCard span{
  display:block;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--walnut);
  font-weight:850;
  margin-bottom:6px;
}
.sectionCard h3{font-size:28px;line-height:1.06;margin:0 0 8px}
.sectionCard p{margin:0;color:var(--muted);font-size:14px}

.lowerPanels{margin:58px auto 72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.panel{
  padding:28px 26px;
  border-radius:24px;
  background:rgba(255,253,248,.88);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}
.panel.accent{background:linear-gradient(135deg,rgba(45,143,214,.10),rgba(255,253,248,.94))}
.panel p{margin:0;color:var(--muted)}

.readerPage{padding-bottom:70px}
.readerHero{
  margin-top:26px;
  border-radius:30px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  padding:34px 38px;
}
.readerHero h1{font-size:clamp(44px,5.2vw,74px);margin:10px 0 10px}
.readerHero p{max-width:780px;margin:0;color:var(--muted);font-size:18px}
.back{display:inline-block;color:var(--muted);font-weight:850;margin-bottom:14px}
.readerLayout{
  margin-top:20px;
  display:grid;
  grid-template-columns:350px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.cardList{display:flex;flex-direction:column;gap:12px;min-width:0}
.miniCard{
  min-width:0;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:10px;
  border-radius:20px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  transition:.18s ease;
}
.miniCard.active{border-color:rgba(45,143,214,.55);background:linear-gradient(135deg,rgba(45,143,214,.10),rgba(255,253,248,.95))}
.miniCard img{width:92px;height:74px;border-radius:14px;object-fit:cover}
.miniCard span{display:block;font-size:11px;color:var(--walnut);font-weight:850;letter-spacing:.1em;margin-bottom:2px}
.miniCard strong{display:block;color:var(--wood);font-size:18px;line-height:1.08;margin-bottom:5px}
.miniCard p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.3}

.reader{
  min-width:0;
  overflow:hidden;
  border-radius:28px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  padding:0 0 28px;
}
.reader.full{padding:38px}
.readerImage{
  width:100%;
  aspect-ratio:16/7;
  object-fit:cover;
  background:#f2e9df;
}
.md{padding:34px 42px 14px;min-width:0}
.md h1{font-size:50px;margin:0 0 18px}
.md h2{font-size:32px;margin:30px 0 10px}
.md h3{font-size:24px;margin:22px 0 8px}
.md p,.md li{font-size:18px;color:#3f352f}
.md ul{padding-left:22px}
.readerActions{display:flex;flex-wrap:wrap;gap:12px;padding:0 42px}
.viewer{padding-top:30px;padding-bottom:80px}

@media (max-width:1180px){
  .hero{grid-template-columns:1fr}
  .heroVisual{min-height:360px}
  .paths{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lowerPanels{grid-template-columns:1fr}
}
@media (max-width:920px){
  .navrow{height:auto;min-height:70px;padding:11px 0;align-items:flex-start;flex-direction:column}
  .nav{justify-content:flex-start}
  .contentSplit,.readerLayout{grid-template-columns:1fr}
  .sectionGrid{grid-template-columns:1fr}
  .heroText{padding:42px 28px 18px}
  .hero h1{font-size:58px;max-width:440px}
}
@media (max-width:640px){
  .wrap{width:min(100% - 22px,1320px)}
  .nav a{font-size:13px;padding:7px 8px}
  .hero{margin-top:14px;border-radius:24px}
  .hero h1{font-size:47px}
  .lead{font-size:15px}
  .heroVisual{min-height:245px}
  .paths,.sectionGrid{grid-template-columns:1fr}
  .pathCard{min-height:auto}
  .contentSplit h2,.lowerPanels h2{font-size:38px}
  .readerHero{padding:26px 22px}
  .readerHero h1{font-size:44px}
  .readerImage{aspect-ratio:16/9}
  .md{padding:28px 22px 10px}
  .readerActions{padding:0 22px}
  .miniCard{grid-template-columns:78px minmax(0,1fr)}
  .miniCard img{width:78px;height:66px}
}


/* V5 home structure */
.homeSection{margin-top:62px}
.splitHead{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}
.sectionTop{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.textLink{color:var(--wood);font-weight:800;white-space:nowrap}
.productRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.productCard,.bookCard,.recommendedCard{background:rgba(255,253,248,.90);border:1px solid rgba(74,48,36,.08);box-shadow:var(--soft);border-radius:24px;overflow:hidden}
.productCard img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f2e9df}
.productCard div,.bookCard div{padding:18px}
.productCard h3,.bookCard h3,.recommendedCard h3{font-size:28px;margin:0 0 8px}
.productCard p,.bookCard p,.recommendedCard p,.recommendedCard li span{margin:0;color:var(--muted);font-size:15px}
.productCard a,.bookCard a{display:inline-block;margin-top:10px;color:var(--blue);font-weight:800}
.booksLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.booksGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bookCard img{width:100%;aspect-ratio:13/18;object-fit:cover;background:#f2e9df}
.recommendedCard{padding:24px;position:sticky;top:94px}
.recommendedCard ol{margin:16px 0 22px;padding-left:22px;display:grid;gap:14px}
.recommendedCard li strong{display:block;color:var(--wood);font-size:18px;margin-bottom:2px}
.featureSplit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:20px;align-items:center;background:rgba(255,253,248,.9);border:1px solid rgba(74,48,36,.08);box-shadow:var(--soft);border-radius:30px;overflow:hidden}
.featureText{padding:34px 34px 34px 38px}
.featureVisual img{width:100%;height:100%;min-height:360px;object-fit:cover}
.valueStrip{margin:58px auto 72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.valueStrip article{padding:22px 20px;border-radius:22px;background:rgba(255,253,248,.88);border:1px solid rgba(74,48,36,.08);box-shadow:var(--soft)}
.valueStrip strong{display:block;color:var(--wood);font-size:18px;margin-bottom:4px}
.valueStrip span{color:var(--muted);font-size:14px}
.heroV5{min-height:620px}
@media (max-width:1180px){.productRow{grid-template-columns:repeat(2,minmax(0,1fr))}.booksLayout{grid-template-columns:1fr}.booksGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendedCard{position:static}.featureSplit{grid-template-columns:1fr}.valueStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.splitHead{grid-template-columns:1fr}}
@media (max-width:640px){.productRow,.booksGrid,.valueStrip{grid-template-columns:1fr}.sectionTop{display:block}.textLink{display:inline-block;margin-top:10px}.featureText{padding:24px}.featureVisual img{min-height:240px}}


/* V6 section page */
.readerHeroV6{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch}
.readerHeroMain{min-width:0}
.readerHeroStats{display:grid;grid-template-columns:1fr;gap:12px}
.statCard{background:rgba(255,253,248,.78);border:1px solid rgba(74,48,36,.08);border-radius:22px;padding:18px 18px 16px;box-shadow:var(--soft)}
.statCard strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:36px;line-height:1;color:var(--wood);margin-bottom:4px}
.statCard span{color:var(--muted);font-size:14px}
.readerLayoutV6{grid-template-columns:360px minmax(0,1fr);gap:24px}
.readerSidebar{position:relative}
.sectionOverview{position:sticky;top:94px;background:rgba(255,253,248,.90);border:1px solid rgba(74,48,36,.08);box-shadow:var(--soft);border-radius:24px;padding:22px 22px 18px;margin-bottom:14px}
.sectionOverview h3{font-size:34px;margin:8px 0 10px}
.sectionOverview p{margin:0;color:var(--muted);font-size:15px}
.overviewChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.overviewChip{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(74,48,36,.08);font-size:12px;font-weight:800;color:var(--walnut)}
.cardListV6{position:sticky;top:330px}
.readerV6{padding-bottom:0}
.readerHeaderBar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 30px 18px}
.readerHeaderText h2{font-size:40px;line-height:1.02;margin:6px 0 8px}
.readerHeaderText p{margin:0;color:var(--muted);font-size:16px;max-width:680px}
.readerHeaderTags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:260px}
.readerHeaderTags span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(74,48,36,.08);font-size:12px;font-weight:800;color:var(--walnut)}
.readerActionsV6{padding-bottom:22px}
.readerPager{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 30px 30px}
.pagerItem{min-height:96px;border-top:1px solid rgba(74,48,36,.08);padding-top:16px}
.pagerItem a{display:block;background:rgba(255,255,255,.56);border:1px solid rgba(74,48,36,.08);border-radius:20px;padding:16px 18px;box-shadow:var(--soft)}
.pagerItem a span{display:block;font-size:12px;letter-spacing:.10em;text-transform:uppercase;color:var(--walnut);font-weight:800;margin-bottom:6px}
.pagerItem a strong{display:block;font-size:22px;font-family:"Cormorant Garamond",Georgia,serif;color:var(--wood);line-height:1.08}
.pagerEmpty{display:inline-flex;align-items:center;min-height:58px;color:var(--muted);font-weight:700}
@media (max-width:1180px){.readerHeroV6{grid-template-columns:1fr}.readerHeroStats{grid-template-columns:repeat(3,minmax(0,1fr))}.readerLayoutV6{grid-template-columns:1fr}.sectionOverview,.cardListV6{position:static}}
@media (max-width:760px){.readerHeroStats{grid-template-columns:1fr}.readerHeaderBar{display:block;padding:24px 22px 16px}.readerHeaderText h2{font-size:34px}.readerHeaderTags{justify-content:flex-start;max-width:none;margin-top:12px}.readerPager{grid-template-columns:1fr;padding:0 22px 24px}}

/* V6.1 hero overlap fix */
.heroVisual{position:relative;overflow:hidden}
.heroVisual img{position:relative;z-index:1}


/* V6.2 mobile + hero fix */
.heroVisual{
  position:relative;
  overflow:hidden;
}
.heroVisual img{
  position:relative;
  z-index:1;
}
@media (max-width: 640px){
  .topbar{
    position:relative;
  }
  .navrow{
    height:74px;
    min-height:74px;
    padding:0;
    flex-direction:row;
    align-items:center;
  }
  .brand{
    width:100%;
  }
  .brand img{
    width:50px;
    height:50px;
  }
  .brand span{
    font-size:18px;
  }
  .brand:after{
    content:"☰";
    margin-left:auto;
    font-size:30px;
    line-height:1;
    color:var(--wood);
    font-weight:700;
  }
  .nav{
    display:none;
  }
  .hero{
    display:flex;
    flex-direction:column;
    margin-top:12px;
    border-radius:24px;
    min-height:auto;
    overflow:hidden;
  }
  .heroText{
    padding:34px 24px 22px;
    order:1;
  }
  .hero h1{
    font-size:46px;
    line-height:.98;
    max-width:360px;
    margin:10px 0 16px;
  }
  .lead{
    font-size:16px;
    line-height:1.62;
  }
  .heroActions{
    gap:10px;
    margin-top:24px;
  }
  .btn{
    width:100%;
    min-height:52px;
    font-size:16px;
  }
  .heroVisual{
    order:2;
    min-height:260px;
    height:260px;
  }
  .heroVisual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
}


/* V6.3 robust responsive fix */
html,body{overflow-x:hidden}
.wrap{width:min(1320px, calc(100% - 32px));margin:0 auto}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
.heroText,.heroVisual{min-width:0}
.heroVisual{position:relative;overflow:hidden}
.heroVisual img{width:100%;height:100%;object-fit:cover;object-position:center center}

@media (max-width: 1100px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .heroText{padding:40px 32px 24px}
  .heroVisual{height:340px;min-height:340px}
  .hero h1{font-size:58px;max-width:620px}
}

@media (max-width: 900px){
  .topbar{position:relative}
  .navrow{height:76px;min-height:76px;padding:0;flex-direction:row;align-items:center;justify-content:space-between}
  .brand{flex:1 1 auto;min-width:0}
  .brand img{width:50px;height:50px}
  .brand span{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand:after{content:"☰";margin-left:auto;font-size:30px;line-height:1;color:var(--wood);font-weight:700}
  .nav{display:none !important}
  .hero{margin-top:12px;border-radius:24px;overflow:hidden}
  .heroText{padding:34px 24px 22px}
  .hero h1{font-size:46px;line-height:.98;max-width:360px;margin:10px 0 16px}
  .lead{font-size:16px;line-height:1.62;max-width:none}
  .heroActions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
  .btn{width:100%;min-height:52px;font-size:16px}
  .heroVisual{height:260px;min-height:260px}
  .paths,.sectionGrid,.productRow,.booksGrid,.valueStrip{grid-template-columns:1fr}
  .booksLayout,.featureSplit,.splitHead,.readerLayoutV6,.readerHeroV6{grid-template-columns:1fr}
  .sectionTop{display:block}
  .textLink{display:inline-block;margin-top:10px}
  .recommendedCard,.sectionOverview,.cardListV6{position:static}
}

@media (max-width: 520px){
  .wrap{width:min(100% - 22px,1320px)}
  .brand span{font-size:17px}
  .heroText{padding:28px 20px 18px}
  .hero h1{font-size:40px}
  .heroVisual{height:230px;min-height:230px}
  .manifesto{padding:18px 18px}
  .manifesto p{font-size:16px}
}


/* V6.4 topbar full-width + cache-safe responsive fix */
html, body {max-width:100%; overflow-x:hidden;}
body {overflow-x:hidden;}
.topbar{width:100%; left:0; right:0;}
.topbar .navrow{
  width:100%;
  max-width:none;
  padding:0 28px;
  box-sizing:border-box;
  margin:0;
  gap:24px;
}
.topbar .brand{flex:0 1 auto; min-width:0;}
.topbar .nav{margin-left:auto; flex:0 1 auto;}
.hero{width:100%; max-width:100%; grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.heroText,.heroVisual{min-width:0; overflow:hidden;}
.heroVisual{display:flex; align-items:stretch; justify-content:stretch;}
.heroVisual img{width:100%; height:100%; object-fit:cover; object-position:center center;}
.manifesto,.paths,.homeSection,.readerPage{max-width:100%;}

@media (max-width: 1200px){
  .topbar .navrow{padding:0 20px;}
  .hero{grid-template-columns:1fr; min-height:auto;}
  .heroText{padding:40px 28px 24px;}
  .heroVisual{height:320px; min-height:320px;}
}

@media (max-width: 900px){
  .topbar{position:relative;}
  .topbar .navrow{
    min-height:78px;
    height:78px;
    padding:0 16px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
  }
  .topbar .brand{width:auto; flex:1 1 auto;}
  .topbar .brand img{width:50px; height:50px;}
  .topbar .brand span{font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .topbar .brand:after{content:"☰"; margin-left:auto; font-size:30px; line-height:1; color:var(--wood); font-weight:700;}
  .topbar .nav{display:none !important;}

  .hero{margin-top:12px; border-radius:24px; grid-template-columns:1fr; min-height:auto;}
  .heroText{padding:28px 20px 18px;}
  .hero h1{font-size:42px; line-height:.98; max-width:320px; margin:10px 0 14px;}
  .lead{font-size:16px; line-height:1.62; max-width:none;}
  .heroActions{display:grid; grid-template-columns:1fr; gap:10px; margin-top:22px;}
  .btn{width:100%; min-height:52px; font-size:16px;}
  .heroVisual{height:230px; min-height:230px;}

  .wrap{width:min(100% - 22px, 1320px);}
  .paths,.sectionGrid,.productRow,.booksGrid,.valueStrip{grid-template-columns:1fr;}
  .booksLayout,.featureSplit,.splitHead,.readerLayoutV6,.readerHeroV6{grid-template-columns:1fr;}
  .recommendedCard,.sectionOverview,.cardListV6{position:static; top:auto;}
}


/* V6.5 full hero rebuild */
html, body { overflow-x:hidden !important; max-width:100%; }
body { width:100%; }
img { max-width:100%; }

.topbar{
  width:100%;
  position:sticky;
  top:0;
  left:0;
  right:0;
  z-index:60;
}
.topbar .navrow{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 28px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.topbar .brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto;}
.topbar .nav{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.hero{
  display:flex !important;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:0;
  width:100%;
  max-width:100%;
  min-height:560px;
}
.heroText,
.heroVisual{
  min-width:0;
  width:50%;
  flex:0 0 50%;
}
.heroText{
  padding:56px 48px 44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero h1{
  font-size:clamp(56px, 5.6vw, 92px);
  max-width:500px;
}
.heroVisual{
  position:relative;
  overflow:hidden;
  min-height:560px;
  display:block;
}
.heroVisual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.manifesto{width:100%;max-width:100%;}
.paths{width:100%;}

@media (max-width: 1024px){
  .topbar .navrow{padding:0 18px;}
  .hero{
    flex-direction:column;
    min-height:auto;
  }
  .heroText,
  .heroVisual{
    width:100%;
    flex:0 0 auto;
  }
  .heroText{padding:34px 24px 22px;}
  .hero h1{font-size:46px;max-width:360px;line-height:.98;}
  .heroActions{display:grid;grid-template-columns:1fr;gap:10px;}
  .btn{width:100%;}
  .heroVisual{min-height:250px;height:250px;}
}

@media (max-width: 900px){
  .topbar .navrow{
    height:78px;
    min-height:78px;
    padding:0 16px;
    flex-wrap:nowrap;
  }
  .topbar .nav{display:none !important;}
  .topbar .brand{flex:1 1 auto;min-width:0;}
  .topbar .brand img{width:50px;height:50px;}
  .topbar .brand span{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .topbar .brand:after{content:"☰";margin-left:auto;font-size:30px;font-weight:700;line-height:1;color:var(--wood);}
  .wrap{width:min(100% - 20px, 1320px);}
}


/* V6.6 safe contained hero */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}

.topbar {
  width: 100%;
  left: 0;
  right: 0;
}

.topbar .navrow {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 32px;
  box-sizing: border-box;
}

.heroSimpleV66 {
  display: block !important;
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  min-height: auto !important;
  margin: 28px auto 0 !important;
  padding: 54px 56px 58px !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(255,253,248,.98) 0%, rgba(255,253,248,.96) 45%, rgba(255,253,248,.70) 68%, rgba(255,253,248,.20) 100%),
    url("../img/hero/alma-meeo-portal-hero-v62.webp") right center / 54% auto no-repeat,
    #fffdf8 !important;
  box-shadow: var(--shadow);
  border: 1px solid rgba(74,48,36,.08);
}

.heroSimpleV66 .heroText {
  width: min(560px, 100%) !important;
  max-width: 560px !important;
  padding: 0 !important;
  display: block !important;
}

.heroSimpleV66 .heroVisual {
  display: none !important;
}

.heroSimpleV66 h1 {
  font-size: clamp(56px, 6vw, 86px) !important;
  max-width: 540px !important;
  margin: 14px 0 18px !important;
}

.heroSimpleV66 .lead {
  font-size: 17px !important;
  max-width: 540px !important;
}

.heroSimpleV66 .heroActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.heroSimpleV66 .btn {
  width: auto !important;
}

@media (max-width: 900px) {
  .topbar .navrow {
    height: 76px;
    min-height: 76px;
    padding: 0 16px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .topbar .nav {
    display: none !important;
  }

  .topbar .brand {
    flex: 1 1 auto;
    min-width: 0;
  }

  .topbar .brand img {
    width: 50px;
    height: 50px;
  }

  .topbar .brand span {
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .topbar .brand:after {
    content: "☰";
    margin-left: auto;
    font-size: 30px;
    line-height: 1;
    color: var(--wood);
    font-weight: 700;
  }

  .heroSimpleV66 {
    width: min(100% - 22px, 1180px) !important;
    margin-top: 14px !important;
    padding: 32px 24px 250px !important;
    border-radius: 24px !important;
    background:
      linear-gradient(180deg, rgba(255,253,248,.99) 0%, rgba(255,253,248,.98) 56%, rgba(255,253,248,.20) 100%),
      url("../img/hero/alma-meeo-portal-hero-v62.webp") center bottom / 100% auto no-repeat,
      #fffdf8 !important;
  }

  .heroSimpleV66 .heroText {
    width: 100% !important;
    max-width: none !important;
  }

  .heroSimpleV66 h1 {
    font-size: 42px !important;
    line-height: .98 !important;
    max-width: 360px !important;
  }

  .heroSimpleV66 .lead {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .heroSimpleV66 .heroActions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .heroSimpleV66 .btn {
    width: 100% !important;
    min-height: 52px !important;
  }
}

@media (max-width: 520px) {
  .heroSimpleV66 {
    padding: 28px 20px 230px !important;
  }

  .heroSimpleV66 h1 {
    font-size: 38px !important;
  }
}


/* V6.7 hero background path + desktop polish */
.heroSimpleV66{
  background:
    linear-gradient(90deg, rgba(255,253,248,.98) 0%, rgba(255,253,248,.95) 43%, rgba(255,253,248,.56) 66%, rgba(255,253,248,.12) 100%),
    url("../img/hero/alma-meeo-portal-hero-v62.webp") right center / 54% auto no-repeat,
    #fffdf8 !important;
}
.heroSimpleV66{
  min-height:520px !important;
}
.heroSimpleV66 .heroText{
  position:relative;
  z-index:2;
}
.topbar{
  display:block !important;
}
@media (max-width:900px){
  .heroSimpleV66{
    background:
      linear-gradient(180deg, rgba(255,253,248,.99) 0%, rgba(255,253,248,.98) 55%, rgba(255,253,248,.20) 100%),
      url("../img/hero/alma-meeo-portal-hero-v62.webp") center bottom / 100% auto no-repeat,
      #fffdf8 !important;
  }
}


/* V6.8 desktop + mobile hero rebuild */
html, body { overflow-x:hidden !important; max-width:100%; }
body { width:100%; }
img { max-width:100%; }

.topbar { width:100%; left:0; right:0; }
.topbar .navrow { width:100%; max-width:none; padding:0 32px; margin:0; box-sizing:border-box; }

.heroV68 {
  width:min(1360px, calc(100% - 36px)) !important;
  max-width:1360px !important;
  margin:28px auto 0 !important;
  padding:0 !important;
  min-height:560px;
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr);
  gap:0;
  border-radius:34px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, #fbfaf6 0%, #f7f3ec 100%) !important;
  box-shadow:var(--shadow);
  border:1px solid rgba(74,48,36,.08);
}
.heroV68Text {
  min-width:0;
  padding:62px 56px 56px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(90deg, rgba(255,253,248,.98) 0%, rgba(255,253,248,.98) 82%, rgba(255,253,248,.82) 100%);
}
.heroV68Text h1 {
  font-size:clamp(58px, 6.3vw, 92px) !important;
  line-height:.94;
  max-width:520px;
  margin:12px 0 18px;
}
.heroV68Text .lead {
  max-width:560px;
  font-size:18px;
  line-height:1.64;
}
.heroV68Text .heroActions {
  display:flex !important;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.heroV68Text .btn { width:auto !important; }

.heroV68Art {
  position:relative;
  min-width:0;
  min-height:560px;
  overflow:hidden;
  background:linear-gradient(180deg, #f6f2eb 0%, #efe7dd 100%);
}
.heroV68Backdrop {
  position:absolute;
  border-radius:999px;
  filter:blur(0px);
}
.heroV68BackdropA {
  width:360px; height:360px;
  left:-60px; top:-40px;
  background:rgba(218,236,239,.7);
}
.heroV68BackdropB {
  width:380px; height:380px;
  right:-110px; top:-20px;
  background:rgba(243,225,217,.8);
}
.heroV68ImageCard {
  position:absolute;
  inset:38px 36px 34px 36px;
  border-radius:28px;
  overflow:hidden;
  background:#fffdf8;
  box-shadow:0 18px 40px rgba(65,40,30,.08);
  border:1px solid rgba(74,48,36,.06);
}
.heroV68ImageCard img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

@media (max-width: 1100px) {
  .heroV68 {
    width:min(100% - 24px, 1360px) !important;
    grid-template-columns:1fr;
    min-height:auto;
  }
  .heroV68Text {
    padding:36px 26px 24px;
    background:linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(255,253,248,.96) 100%);
  }
  .heroV68Text h1 {
    font-size:46px !important;
    max-width:380px;
  }
  .heroV68Text .lead {
    font-size:16px;
    max-width:none;
  }
  .heroV68Text .heroActions {
    display:grid !important;
    grid-template-columns:1fr;
    gap:10px;
  }
  .heroV68Text .btn {
    width:100% !important;
    min-height:52px;
  }
  .heroV68Art {
    min-height:290px;
  }
  .heroV68BackdropA {
    width:240px; height:240px; left:-40px; top:10px;
  }
  .heroV68BackdropB {
    width:260px; height:260px; right:-70px; top:-10px;
  }
  .heroV68ImageCard {
    position:relative;
    inset:auto;
    margin:0 16px 16px;
    height:260px;
    border-radius:22px;
  }
}

@media (max-width: 900px) {
  .topbar .navrow {
    height:76px;
    min-height:76px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
  }
  .topbar .nav { display:none !important; }
  .topbar .brand { flex:1 1 auto; min-width:0; }
  .topbar .brand img { width:50px; height:50px; }
  .topbar .brand span { font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .topbar .brand:after { content:"☰"; margin-left:auto; font-size:30px; line-height:1; color:var(--wood); font-weight:700; }
}

@media (max-width: 520px) {
  .heroV68 {
    width:min(100% - 18px, 1360px) !important;
    margin-top:14px !important;
    border-radius:24px !important;
  }
  .heroV68Text {
    padding:28px 18px 18px;
  }
  .heroV68Text h1 {
    font-size:38px !important;
    max-width:300px;
  }
  .heroV68Art { min-height:240px; }
  .heroV68ImageCard {
    margin:0 14px 14px;
    height:210px;
    border-radius:18px;
  }
}


/* V6.9 fine visual tune over stable V6.8 */
.topbar .navrow{
  padding:0 26px;
}

.heroV68{
  width:min(1380px, calc(100% - 28px)) !important;
  margin:22px auto 0 !important;
  min-height:520px;
  border-radius:32px !important;
  background:linear-gradient(180deg, #fcfbf8 0%, #f5f0e8 100%) !important;
}
.heroV68Text{
  padding:54px 48px 48px;
}
.heroV68Text h1{
  font-size:clamp(56px, 6vw, 86px) !important;
  max-width:500px;
  margin:10px 0 16px;
}
.heroV68Text .lead{
  max-width:520px;
  font-size:17px;
  line-height:1.6;
}
.heroV68Text .heroActions{
  margin-top:24px;
}
.heroV68Art{
  min-height:520px;
  background:
    radial-gradient(circle at 24% 18%, rgba(208,236,241,.62) 0%, rgba(208,236,241,0) 35%),
    radial-gradient(circle at 92% 14%, rgba(243,224,216,.78) 0%, rgba(243,224,216,0) 36%),
    linear-gradient(180deg, #f8f4ed 0%, #ede4d9 100%);
}
.heroV68BackdropA{
  width:330px; height:330px;
  left:-48px; top:-34px;
  background:rgba(205,231,236,.82);
}
.heroV68BackdropB{
  width:340px; height:340px;
  right:-86px; top:-10px;
  background:rgba(244,223,215,.88);
}
.heroV68ImageCard{
  inset:28px 28px 28px 20px;
  border-radius:26px;
  box-shadow:0 20px 40px rgba(65,40,30,.10);
  border:1px solid rgba(74,48,36,.07);
}
.heroV68ImageCard img{
  object-position:center center;
  filter:saturate(1.05) contrast(1.03) brightness(1.01);
}

.manifesto{
  margin-top:18px;
  padding:18px 22px;
  border-radius:18px;
}
.manifesto p{
  font-size:16px;
  line-height:1.45;
}

.paths{
  margin-top:22px;
  gap:18px;
}
.pathCard{
  min-height:178px;
  padding:22px 20px;
  border-radius:22px;
}
.pathCard h3{
  font-size:25px;
  line-height:1.04;
}
.pathCard p{
  font-size:14px;
  line-height:1.45;
}

.contentSplit{
  margin-top:50px;
  gap:24px;
}
.contentSplit h2, .lowerPanels h2{
  font-size:42px;
}
.sectionGrid{
  gap:18px;
}
.sectionCard{
  border-radius:22px;
}
.sectionCard h3{
  font-size:26px;
}
.lowerPanels{
  margin:50px auto 68px;
}

@media (max-width: 1100px){
  .heroV68{
    width:min(100% - 20px, 1380px) !important;
    min-height:auto;
  }
  .heroV68Text{
    padding:32px 22px 18px;
  }
  .heroV68Text h1{
    font-size:44px !important;
    max-width:360px;
  }
  .heroV68Text .lead{
    font-size:16px;
  }
  .heroV68Art{
    min-height:272px;
  }
  .heroV68ImageCard{
    margin:0 14px 14px;
    inset:auto;
    height:240px;
    border-radius:20px;
  }
  .manifesto{
    margin-top:16px;
    padding:16px 18px;
  }
  .paths{
    gap:14px;
  }
}

@media (max-width: 520px){
  .heroV68{
    width:min(100% - 14px, 1380px) !important;
    margin-top:12px !important;
    border-radius:22px !important;
  }
  .heroV68Text{
    padding:24px 16px 14px;
  }
  .heroV68Text h1{
    font-size:36px !important;
    max-width:290px;
  }
  .heroV68Text .lead{
    font-size:15px;
    line-height:1.55;
  }
  .heroV68Text .heroActions{
    gap:9px;
    margin-top:18px;
  }
  .heroV68Art{
    min-height:228px;
  }
  .heroV68ImageCard{
    margin:0 12px 12px;
    height:208px;
    border-radius:16px;
  }
  .manifesto p{
    font-size:15px;
  }
}


/* V7.0 safe width + anchor offset fix */
.wrap{
  width:min(1380px, calc(100% - 28px)) !important;
}

#ucbeniki,
#sidra,
#val-mateja,
#kontakt{
  scroll-margin-top:96px;
}

.heroV68{
  width:min(1380px, calc(100% - 28px)) !important;
}

.heroV68ImageCard{
  inset:28px 24px 26px 22px !important;
}

.heroV68ImageCard img{
  object-position:60% center !important;
}

.manifesto,
.paths,
.homeSection,
.lowerPanels,
.valueStrip{
  width:min(1380px, calc(100% - 28px)) !important;
}

@media (max-width: 1100px){
  .wrap,
  .heroV68,
  .manifesto,
  .paths,
  .homeSection,
  .lowerPanels,
  .valueStrip{
    width:min(100% - 20px, 1380px) !important;
  }
  #ucbeniki,
  #sidra,
  #val-mateja,
  #kontakt{
    scroll-margin-top:84px;
  }
}

@media (max-width: 520px){
  .wrap,
  .heroV68,
  .manifesto,
  .paths,
  .homeSection,
  .lowerPanels,
  .valueStrip{
    width:min(100% - 14px, 1380px) !important;
  }
  #ucbeniki,
  #sidra,
  #val-mateja,
  #kontakt{
    scroll-margin-top:72px;
  }
}


/* V7.1 section page polish */
.readerPage{
  width:min(1380px, calc(100% - 28px)) !important;
  max-width:1380px !important;
}

.readerHeroV6{
  margin-top:24px !important;
  padding:30px 34px !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(242,215,199,.45), transparent 30%),
    radial-gradient(circle at 18% 0%, rgba(218,236,241,.40), transparent 32%),
    rgba(255,253,248,.92) !important;
}

.readerHeroV6 h1{
  font-size:clamp(44px, 5vw, 66px) !important;
  letter-spacing:-.02em;
}

.readerHeroStats{
  align-content:center;
}

.statCard{
  padding:16px 16px 14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.68) !important;
}

.readerLayoutV6{
  grid-template-columns:340px minmax(0, 1fr) !important;
  gap:24px !important;
  margin-top:20px !important;
}

.sectionOverview{
  top:92px !important;
  padding:20px 20px 18px !important;
  border-radius:22px !important;
}

.sectionOverview h3{
  font-size:30px !important;
  line-height:1.04;
}

.cardListV6{
  top:310px !important;
  gap:10px !important;
}

.cardListV6 .miniCard{
  grid-template-columns:88px minmax(0, 1fr) !important;
  padding:9px !important;
  border-radius:18px !important;
}

.cardListV6 .miniCard img{
  width:88px !important;
  height:68px !important;
  border-radius:13px !important;
}

.cardListV6 .miniCard strong{
  font-size:17px !important;
}

.cardListV6 .miniCard p{
  font-size:12px !important;
}

.readerV6{
  border-radius:28px !important;
  background:rgba(255,253,248,.92) !important;
}

.readerHeaderBar{
  padding:24px 28px 16px !important;
}

.readerHeaderText h2{
  font-size:38px !important;
  letter-spacing:-.01em;
}

.readerHeaderText p{
  font-size:15.5px !important;
  line-height:1.48;
}

.readerHeaderTags span{
  background:rgba(255,255,255,.75) !important;
}

.readerImage{
  aspect-ratio:16/6.6 !important;
  object-position:center center !important;
}

.readerV6 .md{
  padding:30px 38px 12px !important;
}

.readerV6 .md h1{
  font-size:44px !important;
}

.readerV6 .md h2{
  font-size:30px !important;
  margin-top:26px !important;
}

.readerV6 .md p,
.readerV6 .md li{
  font-size:17px !important;
  line-height:1.68;
}

.readerActionsV6{
  padding:0 38px 20px !important;
}

.readerPager{
  padding:0 28px 28px !important;
}

.pagerItem a{
  border-radius:18px !important;
  padding:14px 16px !important;
}

@media (max-width:1180px){
  .readerPage{
    width:min(100% - 20px, 1380px) !important;
  }

  .readerLayoutV6{
    grid-template-columns:1fr !important;
  }

  .readerHeroStats{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  .sectionOverview,
  .cardListV6{
    position:static !important;
  }

  .cardListV6{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .readerPage{
    width:min(100% - 14px, 1380px) !important;
  }

  .readerHeroV6{
    padding:24px 20px !important;
  }

  .readerHeroV6 h1{
    font-size:40px !important;
  }

  .readerHeroStats{
    grid-template-columns:1fr !important;
  }

  .cardListV6{
    grid-template-columns:1fr !important;
  }

  .readerHeaderBar{
    padding:22px 20px 14px !important;
  }

  .readerHeaderText h2{
    font-size:32px !important;
  }

  .readerImage{
    aspect-ratio:16/9 !important;
  }

  .readerV6 .md{
    padding:24px 20px 10px !important;
  }

  .readerActionsV6{
    padding:0 20px 18px !important;
  }

  .readerPager{
    grid-template-columns:1fr !important;
    padding:0 20px 24px !important;
  }
}


/* V7.2 home polish */
.wrap{
  width:min(1360px, calc(100% - 30px));
}
.topbar .wrap{
  width:min(1380px, calc(100% - 22px));
}
.navrow{
  min-height:78px;
  gap:20px;
}
.nav{
  gap:8px;
}
.nav a{
  padding:10px 14px;
  font-weight:760;
}

.heroV68{
  width:min(1380px, calc(100% - 30px)) !important;
  min-height:580px;
  border-radius:36px !important;
}
.heroV68Text{
  padding:64px 58px 58px;
}
.heroV68Text h1{
  max-width:540px;
}
.heroV68Text .lead{
  max-width:600px;
}
.heroV68ImageCard{
  inset:30px 28px 28px 28px;
  border-radius:30px;
}
.heroV68ImageCard img{
  object-position:center center;
}

.manifesto{
  margin-top:20px;
  padding:20px 26px;
  border-radius:20px;
}
.manifesto p{
  font-size:16px;
  line-height:1.55;
}

.paths{
  margin-top:22px;
  gap:18px;
}
.pathCard{
  min-height:204px;
  padding:24px 22px;
  justify-content:flex-start;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pathCard:hover,
.sectionCard:hover,
.productCard:hover,
.bookCard:hover,
.recommendedCard:hover,
.panel:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(74,48,36,.10);
}
.pathCard h3{
  font-size:25px;
  max-width:240px;
}
.pathCard p{
  line-height:1.55;
}

.homeSection{
  margin-top:54px;
}
.splitHead{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.splitHead > div:first-child{
  position:sticky;
  top:92px;
}
.splitHead h2,
.homeSection h2{
  font-size:48px;
  margin:8px 0 12px;
}
.splitHead .muted,
.homeSection .muted{
  font-size:16px;
  line-height:1.62;
}
.sectionGrid{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:22px;
}
.sectionCard,
.productCard,
.bookCard,
.recommendedCard,
.panel,
.valueStrip article{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sectionCard{
  border-radius:26px;
}
.sectionCard img{
  aspect-ratio:16/10;
}
.sectionCard div{
  padding:18px 18px 20px;
}
.sectionCard h3{
  font-size:30px;
}
.sectionCard p{
  font-size:15px;
  line-height:1.55;
}

.sectionTop{
  align-items:end;
  margin-bottom:18px;
}
.textLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(74,48,36,.10);
  color:var(--wood);
  font-weight:780;
}
.productRow,
.booksGrid,
.valueStrip{
  gap:20px;
}
.productCard img{
  aspect-ratio:4/3;
}
.productCard h3,
.bookCard h3{
  font-size:26px;
}
.productCard p,
.bookCard p,
.recommendedCard p,
.recommendedCard li span{
  line-height:1.55;
}
.booksLayout{
  grid-template-columns:minmax(0,1fr) 330px;
  gap:22px;
}
.recommendedCard{
  border-radius:26px;
  top:92px;
}
.recommendedCard h3{
  font-size:30px;
}
.recommendedCard ol{
  gap:16px;
}
.recommendedCard li strong{
  font-size:19px;
}

.featureSplit{
  border-radius:32px;
}
.featureText{
  padding:38px 36px 38px 40px;
}
.featureText h2{
  font-size:48px;
  margin-bottom:12px;
}
.featureText p{
  font-size:16px;
  line-height:1.62;
}
.featureVisual img{
  min-height:390px;
}
.valueStrip article{
  min-height:120px;
}
.valueStrip strong{
  font-size:19px;
}

.lowerPanels{
  margin:52px auto 72px;
  gap:20px;
}
.panel{
  padding:30px 28px;
  border-radius:26px;
}
.panel h2{
  font-size:38px;
}
.panel p{
  line-height:1.6;
}

@media (max-width: 1180px){
  .wrap{width:min(100% - 22px, 1360px);}
  .topbar .wrap{width:min(100% - 18px, 1380px);}
  .splitHead{
    grid-template-columns:1fr;
  }
  .splitHead > div:first-child{
    position:static;
  }
  .booksLayout{
    grid-template-columns:1fr;
  }
  .recommendedCard{
    position:static;
  }
}

@media (max-width: 760px){
  .wrap{
    width:min(100% - 14px, 1360px);
  }
  .topbar .wrap{
    width:min(100% - 10px, 1380px);
  }
  .navrow{
    min-height:74px;
  }
  .heroV68{
    width:min(100% - 14px, 1380px) !important;
    min-height:auto;
  }
  .heroV68Text{
    padding:30px 20px 18px;
  }
  .heroV68Text h1{
    font-size:44px !important;
    max-width:360px;
  }
  .heroV68Text .lead{
    font-size:16px;
    line-height:1.58;
  }
  .heroV68ImageCard{
    inset:16px 14px 14px 14px;
    border-radius:22px;
  }
  .manifesto{
    padding:16px 18px;
  }
  .paths,
  .sectionGrid,
  .productRow,
  .booksGrid,
  .valueStrip,
  .lowerPanels{
    grid-template-columns:1fr !important;
  }
  .pathCard{
    min-height:unset;
    padding:20px 18px;
  }
  .splitHead h2,
  .homeSection h2,
  .featureText h2{
    font-size:38px;
  }
  .sectionCard h3,
  .recommendedCard h3{
    font-size:28px;
  }
  .productCard h3,
  .bookCard h3{
    font-size:24px;
  }
  .featureText{
    padding:28px 22px;
  }
  .featureVisual img{
    min-height:240px;
  }
  .panel{
    padding:24px 20px;
  }
}


/* V7.3 section + viewer polish */
.readerPage{
  padding-bottom:84px !important;
}

.readerHeroV6{
  box-shadow:0 18px 44px rgba(74,48,36,.08) !important;
}

.readerLayoutV6{
  align-items:start;
}

.sectionOverview{
  background:
    radial-gradient(circle at 100% 0%, rgba(242,215,199,.34), transparent 38%),
    rgba(255,253,248,.94) !important;
}

.cardListV6 .miniCard{
  border-color:rgba(74,48,36,.075) !important;
}

.cardListV6 .miniCard.active{
  border-color:rgba(45,143,214,.62) !important;
  box-shadow:0 14px 30px rgba(45,143,214,.10) !important;
}

.readerV6{
  box-shadow:0 18px 44px rgba(74,48,36,.08) !important;
}

.readerHeaderBar{
  background:
    linear-gradient(180deg, rgba(255,253,248,.96), rgba(255,253,248,.84));
  border-bottom:1px solid rgba(74,48,36,.06);
}

.readerImage{
  opacity:.96;
}

.readerV6 .md{
  max-width:860px;
}

.readerV6 .md h1,
.readerV6 .md h2,
.readerV6 .md h3{
  color:var(--wood);
}

.readerV6 .md p{
  margin-top:0;
  margin-bottom:16px;
}

.readerActionsV6 .btn{
  min-width:180px;
}

.viewerV73{
  width:min(1120px, calc(100% - 28px)) !important;
  max-width:1120px !important;
}

.viewerArticle{
  overflow:hidden;
  border-radius:30px;
  background:rgba(255,253,248,.94);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.viewerHeroImage{
  width:100%;
  aspect-ratio:16/6.2;
  object-fit:cover;
  object-position:center center;
  background:#f2e9df;
}

.viewerIntro{
  padding:34px 42px 8px;
  background:
    radial-gradient(circle at 90% 10%, rgba(242,215,199,.34), transparent 32%),
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.32), transparent 34%),
    rgba(255,253,248,.96);
}

.viewerIntro h1{
  font-size:clamp(42px, 5vw, 64px);
  margin:8px 0 12px;
}

.viewerIntro p{
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
  max-width:820px;
}

.viewerChips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.viewerChips span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
  font-size:12px;
  font-weight:800;
  color:var(--walnut);
}

.viewerMd{
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 0 32px !important;
}

.viewerMd .md{
  padding:28px 42px 10px !important;
  max-width:860px;
}

.viewerMd .md h1{
  font-size:44px !important;
}

.viewerMd .md h2{
  font-size:30px !important;
  margin-top:26px !important;
}

.viewerMd .md p,
.viewerMd .md li{
  font-size:17.5px !important;
  line-height:1.72;
}

@media (max-width: 760px){
  .viewerV73{
    width:min(100% - 14px, 1120px) !important;
  }

  .viewerArticle{
    border-radius:24px;
  }

  .viewerHeroImage{
    aspect-ratio:16/9;
  }

  .viewerIntro{
    padding:26px 22px 8px;
  }

  .viewerIntro h1{
    font-size:38px;
  }

  .viewerIntro p{
    font-size:16px;
  }

  .viewerMd .md{
    padding:24px 22px 8px !important;
  }

  .viewerMd .md h1{
    font-size:36px !important;
  }

  .viewerMd .md h2{
    font-size:28px !important;
  }
}


/* V7.4 mobile navigation */
.mobileMenuToggle{
  display:none;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 18px rgba(74,48,36,.06);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  margin-left:auto;
  flex:0 0 auto;
}

.mobileMenuToggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--wood);
  transition:transform .18s ease, opacity .18s ease;
}

.topbar.navOpen .mobileMenuToggle span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.topbar.navOpen .mobileMenuToggle span:nth-child(2){
  opacity:0;
}

.topbar.navOpen .mobileMenuToggle span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media (max-width: 900px){
  .topbar{
    position:sticky !important;
    top:0;
  }

  .topbar .navrow{
    min-height:70px !important;
    height:auto !important;
    padding:10px 0 !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  .topbar .brand{
    flex:1 1 auto;
    min-width:0;
  }

  .topbar .brand img{
    width:48px !important;
    height:48px !important;
  }

  .topbar .brand span{
    font-size:17px !important;
  }

  .mobileMenuToggle{
    display:flex !important;
  }

  .topbar .nav{
    display:none !important;
    order:10;
    width:100%;
    padding:10px 0 4px;
    grid-template-columns:1fr;
    gap:8px;
  }

  .topbar.navOpen .nav{
    display:grid !important;
  }

  .topbar .nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    width:100%;
    box-sizing:border-box;
    padding:12px 14px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(74,48,36,.08);
    color:var(--wood) !important;
    font-size:15px !important;
  }

  .topbar .nav a:after{
    content:"›";
    opacity:.45;
    font-size:20px;
    line-height:1;
  }

  body.menuOpen{
    overflow-x:hidden;
  }
}

@media (max-width: 520px){
  .topbar .brand span{
    font-size:16px !important;
  }

  .mobileMenuToggle{
    width:44px;
    height:44px;
  }

  .topbar .nav a{
    min-height:44px;
    font-size:14px !important;
  }
}


/* V7.5 footer + final polish */
html{
  scroll-behavior:smooth;
}

.portalFooter{
  margin-top:34px;
  padding:28px 0 34px;
  background:
    radial-gradient(circle at 18% 0%, rgba(218,236,241,.28), transparent 32%),
    radial-gradient(circle at 82% 0%, rgba(242,215,199,.30), transparent 34%),
    rgba(251,247,241,.92);
  border-top:1px solid rgba(74,48,36,.08);
}

.footerInner{
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(0,1.5fr) minmax(220px,.75fr);
  gap:22px;
  align-items:center;
}

.footerBrand strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:30px;
  line-height:1;
  color:var(--wood);
}

.footerBrand span,
.footerEthic span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.footerEthic{
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(74,48,36,.07);
}

.footerLinks{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.footerLinks a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.09);
  color:var(--wood);
  font-size:13px;
  font-weight:800;
}

.backToTop{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:70;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,253,248,.90);
  color:var(--wood);
  box-shadow:0 12px 28px rgba(74,48,36,.14);
  font-size:22px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}

.backToTop.visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.btn:hover,
.textLink:hover,
.footerLinks a:hover,
.backToTop:hover{
  transform:translateY(-1px);
}

@media (max-width:900px){
  .portalFooter{
    margin-top:26px;
    padding:24px 0 30px;
  }

  .footerInner{
    grid-template-columns:1fr;
    gap:14px;
  }

  .footerLinks{
    justify-content:flex-start;
  }

  .footerBrand strong{
    font-size:28px;
  }
}

@media (max-width:520px){
  .backToTop{
    width:44px;
    height:44px;
    right:12px;
    bottom:12px;
  }

  .footerLinks{
    display:grid;
    grid-template-columns:1fr;
  }

  .footerLinks a{
    width:100%;
    box-sizing:border-box;
  }
}


/* V7.6 accessibility + SEO polish */
.skipLink{
  position:fixed;
  left:14px;
  top:10px;
  z-index:999;
  transform:translateY(-150%);
  background:#fffdf8;
  color:var(--wood);
  border:1px solid rgba(74,48,36,.14);
  box-shadow:0 12px 30px rgba(74,48,36,.14);
  padding:10px 14px;
  border-radius:999px;
  font-weight:850;
  transition:transform .18s ease;
}

.skipLink:focus{
  transform:translateY(0);
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.mobileMenuToggle:focus-visible,
.backToTop:focus-visible{
  outline:3px solid rgba(45,143,214,.45);
  outline-offset:3px;
}

.sectionCard img,
.productCard img,
.bookCard img,
.miniCard img,
.readerImage,
.viewerHeroImage,
.heroV68ImageCard img{
  transform:translateZ(0);
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
  }
}

@media print{
  .topbar,
  .portalFooter,
  .backToTop,
  .mobileMenuToggle,
  .readerActions,
  .readerActionsV6,
  .readerPager,
  .footerLinks{
    display:none !important;
  }

  body{
    background:#fff !important;
    color:#2f1d17 !important;
  }

  .wrap,
  .readerPage,
  .viewerV73{
    width:100% !important;
    max-width:none !important;
  }

  .reader,
  .viewerArticle,
  .readerHero,
  .sectionOverview{
    box-shadow:none !important;
    border:1px solid #ddd !important;
  }

  a{
    color:#2f1d17 !important;
    text-decoration:none !important;
  }
}


/* V7.8 stability + link polish */
.readerQuickHint{
  margin:0 38px 18px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(74,48,36,.08);
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.readerQuickHint strong{
  color:var(--wood);
}

.viewerV73{
  position:relative;
}

.viewerEditHint{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 13px;
  margin-left:10px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.09);
  color:var(--wood);
  font-size:13px;
  font-weight:820;
}

.viewerEditHint:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(74,48,36,.08);
}

.sectionCard,
.productCard,
.bookCard,
.pathCard,
.miniCard{
  will-change:transform;
}

@media (max-width:760px){
  .readerQuickHint{
    margin:0 20px 16px;
  }

  .viewerEditHint{
    margin:8px 0 14px;
    width:100%;
    box-sizing:border-box;
  }
}


/* V7.9 quick search + compass */
.portalSearch{
  margin-top:20px;
  border-radius:26px;
  padding:24px;
  background:
    radial-gradient(circle at 92% 0%, rgba(242,215,199,.34), transparent 30%),
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.32), transparent 32%),
    rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.portalSearchHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:16px;
}

.portalSearchHead h2{
  font-size:40px;
  margin-top:6px;
}

.portalSearchHead p{
  max-width:520px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}

.portalSearchBox input{
  width:100%;
  box-sizing:border-box;
  min-height:54px;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,255,255,.82);
  color:var(--wood);
  font-size:16px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.portalSearchBox input:focus{
  border-color:rgba(45,143,214,.45);
  box-shadow:0 0 0 4px rgba(45,143,214,.10);
}

.portalSearchResults{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.searchResult{
  display:block;
  min-height:112px;
  padding:15px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.searchResult:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(74,48,36,.09);
  border-color:rgba(45,143,214,.30);
}

.searchResult span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--walnut);
  font-weight:850;
}

.searchResult strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:24px;
  line-height:1.05;
  color:var(--wood);
  margin-bottom:7px;
}

.searchResult em{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.42;
  font-style:normal;
}

.portalSearchResults.noResults::after{
  content:"Ni zadetkov. Poskusi z drugo besedo.";
  grid-column:1/-1;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.70);
  border:1px dashed rgba(74,48,36,.14);
  color:var(--muted);
  font-weight:760;
}

@media (max-width: 980px){
  .portalSearchResults{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .portalSearchHead{
    display:block;
  }

  .portalSearchHead p{
    margin-top:8px;
  }
}

@media (max-width: 640px){
  .portalSearch{
    padding:18px;
    border-radius:22px;
  }

  .portalSearchHead h2{
    font-size:34px;
  }

  .portalSearchResults{
    grid-template-columns:1fr;
  }

  .searchResult{
    min-height:auto;
  }
}


/* V8.0 anchors + sitemap polish */
.anchorAlias{
  display:block;
  height:0;
  overflow:hidden;
  scroll-margin-top:96px;
}

#vodniki{
  scroll-margin-top:96px;
}

@media (max-width: 1100px){
  .anchorAlias,
  #vodniki{
    scroll-margin-top:84px;
  }
}

@media (max-width: 520px){
  .anchorAlias,
  #vodniki{
    scroll-margin-top:72px;
  }
}


/* V8.1 active path */
#aktivna-pot{
  scroll-margin-top:96px;
}

.activePath{
  margin-top:24px;
  padding:26px;
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,253,248,.94), rgba(246,239,229,.90)),
    radial-gradient(circle at 100% 0%, rgba(242,215,199,.34), transparent 30%);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.activePathIntro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}

.activePathIntro h2{
  font-size:44px;
  margin-top:6px;
}

.activePathIntro p{
  max-width:610px;
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.62;
}

.activePathGrid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:12px;
}

.activeStep{
  min-height:216px;
  padding:18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.activeStep:hover{
  transform:translateY(-3px);
  border-color:rgba(45,143,214,.30);
  box-shadow:0 18px 34px rgba(74,48,36,.10);
}

.activeStep span{
  width:42px;
  height:42px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(45,143,214,.16), rgba(232,130,79,.17));
  color:var(--wood);
  font-size:13px;
  font-weight:900;
  margin-bottom:14px;
}

.activeStep strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:26px;
  line-height:1.03;
  color:var(--wood);
  margin-bottom:8px;
}

.activeStep em{
  display:block;
  color:var(--muted);
  font-style:normal;
  font-size:13.5px;
  line-height:1.5;
  flex:1;
}

.activeStep b{
  display:block;
  margin-top:14px;
  color:var(--blue);
  font-size:13px;
}

@media (max-width: 1180px){
  .activePathGrid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .activePathIntro{
    display:block;
  }

  .activePathIntro p{
    margin-top:8px;
  }
}

@media (max-width: 760px){
  #aktivna-pot{
    scroll-margin-top:84px;
  }

  .activePath{
    padding:18px;
    border-radius:24px;
  }

  .activePathIntro h2{
    font-size:36px;
  }

  .activePathGrid{
    grid-template-columns:1fr;
  }

  .activeStep{
    min-height:auto;
  }
}

@media (max-width: 520px){
  #aktivna-pot{
    scroll-margin-top:72px;
  }
}


/* V8.2 learning journal */
#dnevnik{
  scroll-margin-top:96px;
}

.journalBlock{
  margin-top:24px;
  padding:28px;
  border-radius:30px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.30), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(242,215,199,.30), transparent 36%),
    rgba(255,253,248,.92);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.journalIntro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:18px;
}

.journalIntro h2{
  margin-top:6px;
  font-size:44px;
}

.journalIntro p{
  max-width:620px;
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.62;
}

.journalGrid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:12px;
}

.journalPrompt{
  min-height:210px;
  padding:18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.journalPrompt span{
  display:block;
  color:var(--walnut);
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  margin-bottom:12px;
}

.journalPrompt strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:25px;
  line-height:1.08;
  color:var(--wood);
  margin-bottom:10px;
}

.journalPrompt p{
  margin:0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.5;
}

.journalNote{
  margin-top:14px;
  padding:15px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(74,48,36,.08);
  color:var(--muted);
  font-size:14.5px;
  line-height:1.55;
}

.journalNote strong{
  color:var(--wood);
}

@media (max-width:1180px){
  .journalGrid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .journalIntro{
    display:block;
  }

  .journalIntro p{
    margin-top:8px;
  }
}

@media (max-width:760px){
  #dnevnik{
    scroll-margin-top:84px;
  }

  .journalBlock{
    padding:18px;
    border-radius:24px;
  }

  .journalIntro h2{
    font-size:36px;
  }

  .journalGrid{
    grid-template-columns:1fr;
  }

  .journalPrompt{
    min-height:auto;
  }
}

@media (max-width:520px){
  #dnevnik{
    scroll-margin-top:72px;
  }
}


/* V8.3 Val Mateja weekly question */
#vprasanje-tedna{
  scroll-margin-top:96px;
}

.weeklyQuestion{
  margin-top:24px;
  padding:28px;
  border-radius:32px;
  background:
    radial-gradient(circle at 12% 0%, rgba(45,143,214,.12), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(232,130,79,.14), transparent 36%),
    linear-gradient(135deg, rgba(255,253,248,.95), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.weeklyIntro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:18px;
}

.weeklyIntro h2{
  margin-top:6px;
  font-size:44px;
}

.weeklyIntro p{
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.62;
}

.weeklyGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.weeklyCard{
  min-height:230px;
  padding:20px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.weeklyCard span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.weeklyCard strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  line-height:1.05;
  color:var(--wood);
  margin-bottom:12px;
}

.weeklyCard p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.56;
}

.weeklyPractice{
  margin-top:14px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(74,48,36,.08);
  color:var(--muted);
  font-size:14.5px;
  line-height:1.58;
}

.weeklyPractice strong{
  color:var(--wood);
}

@media (max-width:1180px){
  .weeklyGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .weeklyIntro{
    display:block;
  }

  .weeklyIntro p{
    margin-top:8px;
  }
}

@media (max-width:760px){
  #vprasanje-tedna{
    scroll-margin-top:84px;
  }

  .weeklyQuestion{
    padding:18px;
    border-radius:24px;
  }

  .weeklyIntro h2{
    font-size:36px;
  }

  .weeklyGrid{
    grid-template-columns:1fr;
  }

  .weeklyCard{
    min-height:auto;
  }
}

@media (max-width:520px){
  #vprasanje-tedna{
    scroll-margin-top:72px;
  }
}


/* V8.4 Orientation protocol */
#orientation{
  scroll-margin-top:96px;
}

.orientationBlock{
  margin-top:24px;
  padding:30px;
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.34), transparent 34%),
    radial-gradient(circle at 88% 4%, rgba(242,215,199,.32), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(247,240,231,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.orientationIntro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:20px;
}

.orientationIntro h2{
  margin-top:6px;
  font-size:46px;
}

.orientationIntro p{
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.62;
}

.orientationTimeline{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.orientationStep{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:16px;
  align-items:start;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.orientationStep > span{
  width:50px;
  height:50px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(45,143,214,.16), rgba(232,130,79,.16));
  color:var(--wood);
  font-size:13px;
  font-weight:950;
}

.orientationStep strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  line-height:1.05;
  color:var(--wood);
  margin-bottom:6px;
}

.orientationStep p{
  margin:0;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.56;
}

.orientationStep em{
  display:inline-flex;
  margin-top:10px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-style:normal;
  font-size:12px;
  font-weight:900;
}

.orientationActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

@media (max-width:760px){
  #orientation{
    scroll-margin-top:84px;
  }

  .orientationBlock{
    padding:18px;
    border-radius:24px;
  }

  .orientationIntro{
    display:block;
  }

  .orientationIntro h2{
    font-size:36px;
  }

  .orientationIntro p{
    margin-top:8px;
  }

  .orientationStep{
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media (max-width:520px){
  #orientation{
    scroll-margin-top:72px;
  }

  .orientationActions .btn{
    width:100%;
  }
}


/* V8.5 ethical foundation */
#eticni-temelj{
  scroll-margin-top:96px;
}

.ethicsBlock{
  margin-top:24px;
  padding:30px;
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.30), transparent 35%),
    radial-gradient(circle at 86% 0%, rgba(242,215,199,.30), transparent 36%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.ethicsIntro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:20px;
}

.ethicsIntro h2{
  margin-top:6px;
  font-size:46px;
}

.ethicsIntro p{
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.62;
}

.ethicsGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.ethicCard{
  min-height:170px;
  padding:20px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.ethicCard strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:29px;
  line-height:1.05;
  color:var(--wood);
  margin-bottom:10px;
}

.ethicCard p{
  margin:0;
  color:var(--muted);
  font-size:14.2px;
  line-height:1.58;
}

.ethicsStatement{
  margin-top:14px;
  padding:17px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(74,48,36,.08);
  color:var(--muted);
  font-size:14.7px;
  line-height:1.6;
}

.ethicsStatement strong{
  color:var(--wood);
}

@media (max-width:1180px){
  .ethicsGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .ethicsIntro{
    display:block;
  }

  .ethicsIntro p{
    margin-top:8px;
  }
}

@media (max-width:760px){
  #eticni-temelj{
    scroll-margin-top:84px;
  }

  .ethicsBlock{
    padding:18px;
    border-radius:24px;
  }

  .ethicsIntro h2{
    font-size:36px;
  }

  .ethicsGrid{
    grid-template-columns:1fr;
  }

  .ethicCard{
    min-height:auto;
  }
}

@media (max-width:520px){
  #eticni-temelj{
    scroll-margin-top:72px;
  }
}


/* V8.6 readiness check */
#pripravljenost{
  scroll-margin-top:96px;
}

.readinessBlock{
  margin-top:24px;
  padding:30px;
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.32), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 36%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.readinessIntro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:20px;
}

.readinessIntro h2{
  margin-top:6px;
  font-size:46px;
}

.readinessIntro p{
  max-width:660px;
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.62;
}

.readinessGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.readinessCard{
  min-height:212px;
  padding:19px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.readinessCard span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(232,130,79,.09);
  color:var(--walnut);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:13px;
}

.readinessCard strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:26px;
  line-height:1.07;
  color:var(--wood);
  margin-bottom:10px;
}

.readinessCard p{
  margin:0;
  color:var(--muted);
  font-size:13.8px;
  line-height:1.52;
}

.readinessFooter{
  margin-top:14px;
  padding:17px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(74,48,36,.08);
  color:var(--muted);
  font-size:14.7px;
  line-height:1.6;
}

.readinessFooter strong{
  color:var(--wood);
}

@media (max-width:1180px){
  .readinessGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .readinessIntro{
    display:block;
  }

  .readinessIntro p{
    margin-top:8px;
  }
}

@media (max-width:760px){
  #pripravljenost{
    scroll-margin-top:84px;
  }

  .readinessBlock{
    padding:18px;
    border-radius:24px;
  }

  .readinessIntro h2{
    font-size:36px;
  }

  .readinessGrid{
    grid-template-columns:1fr;
  }

  .readinessCard{
    min-height:auto;
  }
}

@media (max-width:520px){
  #pripravljenost{
    scroll-margin-top:72px;
  }
}


/* V8.7 dynamic navigation */
.nav{
  max-width:980px;
  justify-content:flex-end;
}

.nav a{
  white-space:nowrap;
}

@media (max-width:1180px){
  .nav{
    gap:6px;
  }

  .nav a{
    font-size:13px;
    padding:8px 9px;
  }
}

@media (max-width:900px){
  .topbar .nav{
    max-height:70vh;
    overflow:auto;
    overscroll-behavior:contain;
  }

  .topbar .nav a{
    width:100%;
    box-sizing:border-box;
  }
}


/* V8.8 deep links + viewer pager */
.sectionCard{
  scroll-margin-top:110px;
}

.sectionCard.isSelected{
  border-color:rgba(45,143,214,.52) !important;
  box-shadow:0 22px 46px rgba(45,143,214,.16), 0 10px 24px rgba(74,48,36,.08) !important;
  transform:translateY(-3px);
}

.sectionCard.isSelected::after{
  content:"Izbrana razglednica";
  position:absolute;
  right:14px;
  top:14px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.92);
  color:white;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.viewerPager{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:22px;
}

.viewerPagerLink{
  min-height:88px;
  padding:18px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.09);
  color:var(--wood);
  box-shadow:0 10px 22px rgba(74,48,36,.05);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.viewerPagerLink:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(74,48,36,.10);
  border-color:rgba(45,143,214,.30);
}

.viewerPagerLink.next{
  text-align:right;
}

.viewerPagerLink span{
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.viewerPagerLink strong{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  line-height:1.05;
  color:var(--wood);
}

.viewerPagerLink.disabled{
  opacity:.58;
  pointer-events:none;
}

.viewerPagerLink.disabled span{
  color:var(--muted);
}

@media (max-width:760px){
  .sectionCard{
    scroll-margin-top:92px;
  }

  .viewerPager{
    grid-template-columns:1fr;
  }

  .viewerPagerLink.next{
    text-align:left;
  }

  .viewerPagerLink strong{
    font-size:25px;
  }
}

@media (max-width:520px){
  .sectionCard{
    scroll-margin-top:76px;
  }
}


/* V8.9 portal map */
.portalMap{
  padding-top:34px;
}

.mapHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.mapHero h1{
  max-width:820px;
  margin-top:10px;
  font-size:58px;
}

.mapHero p{
  max-width:760px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.mapQuick{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}

.mapQuick a{
  min-height:112px;
  padding:16px 15px;
  border-radius:22px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
  color:var(--wood);
}

.mapQuick a:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(74,48,36,.10);
  border-color:rgba(45,143,214,.28);
}

.mapQuick strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:25px;
  line-height:1.05;
  margin-bottom:8px;
}

.mapQuick span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.42;
}

.mapSections{
  display:grid;
  gap:18px;
  margin-bottom:36px;
}

.mapSection{
  padding:24px;
  border-radius:30px;
  background:rgba(255,253,248,.88);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.mapSectionHead{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:16px;
}

.mapSectionHead span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.mapSectionHead h2{
  font-size:42px;
  margin:0 0 6px;
}

.mapSectionHead p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}

.mapOpenSection{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--wood);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.mapCards{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:10px;
}

.mapCard{
  min-height:145px;
  padding:15px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
  display:flex;
  flex-direction:column;
}

.mapCard:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(74,48,36,.09);
  border-color:rgba(45,143,214,.30);
}

.mapCard strong{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:24px;
  line-height:1.05;
  margin-bottom:8px;
}

.mapCard span{
  color:var(--muted);
  font-size:13px;
  line-height:1.42;
  flex:1;
}

.mapCard em{
  margin-top:12px;
  color:var(--blue);
  font-style:normal;
  font-size:12px;
  font-weight:900;
}

@media (max-width:1180px){
  .mapQuick{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .mapCards{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .portalMap{
    padding-top:18px;
  }

  .mapHero{
    padding:22px;
    border-radius:26px;
  }

  .mapHero h1{
    font-size:40px;
  }

  .mapQuick,
  .mapCards{
    grid-template-columns:1fr;
  }

  .mapSection{
    padding:18px;
    border-radius:24px;
  }

  .mapSectionHead{
    display:block;
  }

  .mapOpenSection{
    margin-top:12px;
    width:100%;
    box-sizing:border-box;
  }

  .mapCard{
    min-height:auto;
  }
}


/* V9.0 portal check */
.portalCheck{
  padding-top:34px;
}

.checkHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.checkHero h1{
  max-width:820px;
  margin-top:10px;
  font-size:58px;
}

.checkHero p{
  max-width:760px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.checkOverall{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:16px;
  padding:12px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
}

.checkBadge{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}

.checkBadge.ok{
  background:rgba(67,148,102,.13);
  color:#2f7a54;
}

.checkBadge.warn{
  background:rgba(232,130,79,.13);
  color:var(--walnut);
}

.checkStats{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}

.checkStats article{
  min-height:104px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.checkStats strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:38px;
  line-height:1;
  color:var(--wood);
}

.checkStats span{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.checkGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-bottom:36px;
}

.checkPanel{
  padding:22px;
  border-radius:28px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.checkPanel h2{
  font-size:36px;
  margin-bottom:14px;
}

.checkRow,
.checkGood,
.checkWarn{
  padding:12px 14px;
  border-radius:16px;
  margin-top:8px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(74,48,36,.07);
}

.checkRow{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.checkRow span{
  color:var(--muted);
  word-break:break-word;
}

.checkRow strong{
  color:var(--wood);
  white-space:nowrap;
}

.checkGood{
  color:#2f7a54;
  font-weight:850;
}

.checkWarn{
  color:var(--walnut);
  font-weight:850;
}

@media (max-width:980px){
  .checkStats{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .checkGrid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .portalCheck{
    padding-top:18px;
  }

  .checkHero{
    padding:22px;
    border-radius:26px;
  }

  .checkHero h1{
    font-size:40px;
  }

  .checkStats{
    grid-template-columns:1fr;
  }

  .checkRow{
    display:block;
  }

  .checkRow strong{
    display:block;
    margin-top:5px;
  }
}


/* V9.1 editor index */
.editorIndex{
  padding-top:34px;
}

.editorHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.editorHero h1{
  max-width:820px;
  margin-top:10px;
  font-size:58px;
}

.editorHero p{
  max-width:760px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.editorHelp{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}

.editorHelp article{
  min-height:132px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.editorHelp strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  color:var(--wood);
  margin-bottom:8px;
}

.editorHelp span{
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.52;
}

.editorSections{
  display:grid;
  gap:18px;
  margin-bottom:20px;
}

.editorSection{
  padding:24px;
  border-radius:30px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.editorSectionHead{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  margin-bottom:14px;
}

.editorSectionHead span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.editorSectionHead h2{
  margin:0;
  font-size:40px;
}

.editorSectionHead a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--wood);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.editorTable{
  display:grid;
  gap:8px;
}

.editorRow{
  display:grid;
  grid-template-columns:240px 1fr 230px;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.07);
}

.editorTitle strong{
  display:block;
  color:var(--wood);
  font-size:15px;
}

.editorTitle span{
  display:inline-flex;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}

.editorRow code{
  display:block;
  overflow:auto;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(74,48,36,.055);
  color:var(--wood);
  font-size:12px;
  white-space:nowrap;
}

.editorActions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.editorActions a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}

.editorSummary{
  margin-bottom:36px;
  padding:17px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  color:var(--muted);
}

.editorSummary strong{
  color:var(--wood);
}

@media (max-width:1180px){
  .editorRow{
    grid-template-columns:1fr;
  }

  .editorActions{
    justify-content:flex-start;
  }
}

@media (max-width:900px){
  .editorHelp{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .editorIndex{
    padding-top:18px;
  }

  .editorHero{
    padding:22px;
    border-radius:26px;
  }

  .editorHero h1{
    font-size:40px;
  }

  .editorSection{
    padding:18px;
    border-radius:24px;
  }

  .editorSectionHead{
    display:block;
  }

  .editorSectionHead a{
    margin-top:12px;
    width:100%;
    justify-content:center;
    box-sizing:border-box;
  }
}


/* V9.2 version log */
.versionLog{
  padding-top:34px;
}

.versionHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.versionHero h1{
  max-width:850px;
  margin-top:10px;
  font-size:58px;
}

.versionHero p{
  max-width:780px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.versionTools{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}

.versionTools article{
  min-height:118px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.versionTools strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:40px;
  line-height:1;
  color:var(--wood);
}

.versionTools span{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.versionTimeline{
  display:grid;
  gap:12px;
  margin-bottom:38px;
}

.versionItem{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:16px;
  padding:18px;
  border-radius:28px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 10px 24px rgba(74,48,36,.04);
}

.versionMark span{
  display:flex;
  width:76px;
  height:76px;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(45,143,214,.13), rgba(232,130,79,.13));
  color:var(--wood);
  font-weight:950;
  letter-spacing:.02em;
}

.versionBody h2{
  margin:8px 0 8px;
  font-size:34px;
}

.versionBody p{
  margin:0;
  color:var(--muted);
  font-size:14.8px;
  line-height:1.58;
}

.versionMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.versionMeta em,
.versionMeta a{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-style:normal;
}

.versionMeta em{
  background:rgba(232,130,79,.10);
  color:var(--walnut);
}

.versionMeta a{
  background:rgba(45,143,214,.09);
  color:var(--blue);
}

@media (max-width:760px){
  .versionLog{
    padding-top:18px;
  }

  .versionHero{
    padding:22px;
    border-radius:26px;
  }

  .versionHero h1{
    font-size:40px;
  }

  .versionTools{
    grid-template-columns:1fr;
  }

  .versionItem{
    grid-template-columns:1fr;
  }

  .versionMark span{
    width:auto;
    height:auto;
    min-height:42px;
    border-radius:999px;
  }
}


/* V9.3 portal search */
.portalSearch{
  padding-top:34px;
}

.searchHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.searchHero h1{
  max-width:850px;
  margin-top:10px;
  font-size:58px;
}

.searchHero p{
  max-width:780px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.searchForm{
  display:grid;
  grid-template-columns:1fr 150px;
  gap:10px;
  max-width:820px;
  margin-top:22px;
}

.searchForm input{
  width:100%;
  min-height:54px;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,255,255,.76);
  color:var(--wood);
  font-size:16px;
  outline:none;
}

.searchForm input:focus{
  border-color:rgba(45,143,214,.45);
  box-shadow:0 0 0 4px rgba(45,143,214,.08);
}

.searchForm button{
  min-height:54px;
  border:0;
  border-radius:999px;
  background:var(--wood);
  color:white;
  font-weight:950;
  cursor:pointer;
}

.searchForm button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(74,48,36,.16);
}

.searchEmpty,
.searchResults{
  margin:20px 0 38px;
  padding:26px;
  border-radius:30px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.searchEmpty h2,
.searchResultHead h2{
  font-size:40px;
  margin:0 0 8px;
}

.searchEmpty p{
  color:var(--muted);
  max-width:760px;
  line-height:1.6;
}

.searchTags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.searchTags a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:13px;
  font-weight:900;
}

.searchResultHead{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:16px;
}

.searchResultHead span{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(232,130,79,.10);
  color:var(--walnut);
  font-size:12px;
  font-weight:950;
}

.searchResultGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.searchResultCard,
.searchNoResult{
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.searchResultCard > span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.searchResultCard h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:31px;
  line-height:1.05;
  color:var(--wood);
}

.searchQuestion,
.searchExcerpt,
.searchNoResult p{
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.searchExcerpt{
  opacity:.92;
}

.searchActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.searchActions a,
.searchNoResult a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}

.searchNoResult strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:32px;
  color:var(--wood);
}

@media (max-width:1180px){
  .searchResultGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .portalSearch{
    padding-top:18px;
  }

  .searchHero{
    padding:22px;
    border-radius:26px;
  }

  .searchHero h1{
    font-size:40px;
  }

  .searchForm{
    grid-template-columns:1fr;
  }

  .searchEmpty,
  .searchResults{
    padding:18px;
    border-radius:24px;
  }

  .searchResultHead{
    display:block;
  }

  .searchResultHead span{
    margin-top:8px;
  }

  .searchResultGrid{
    grid-template-columns:1fr;
  }
}


/* V9.4 viewer next step */
.viewerNextStep{
  margin-top:22px;
  padding:24px;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.34), transparent 38%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.28), transparent 40%),
    linear-gradient(135deg, rgba(255,253,248,.92), rgba(248,242,234,.88));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 14px 34px rgba(74,48,36,.06);
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:center;
}

.viewerNextStep span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.viewerNextStep h2{
  margin:0 0 8px;
  font-size:38px;
}

.viewerNextStep p{
  max-width:660px;
  margin:0;
  color:var(--muted);
  font-size:14.8px;
  line-height:1.58;
}

.viewerNextActions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  min-width:360px;
}

.viewerNextActions a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  text-align:center;
}

.viewerNextActions a:hover{
  transform:translateY(-1px);
  border-color:rgba(45,143,214,.30);
  box-shadow:0 12px 24px rgba(74,48,36,.08);
}

.viewerNextActions a:first-child{
  background:var(--wood);
  color:#fff;
}

@media (max-width:980px){
  .viewerNextStep{
    grid-template-columns:1fr;
  }

  .viewerNextActions{
    min-width:0;
    width:100%;
  }
}

@media (max-width:560px){
  .viewerNextStep{
    padding:18px;
    border-radius:24px;
  }

  .viewerNextStep h2{
    font-size:32px;
  }

  .viewerNextActions{
    grid-template-columns:1fr;
  }
}


/* V9.5 reader tools */
.viewerTools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}

.viewerToolActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.viewerToolButton{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.10);
  background:rgba(255,255,255,.72);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.viewerToolButton:hover{
  transform:translateY(-1px);
  border-color:rgba(45,143,214,.30);
  box-shadow:0 12px 24px rgba(74,48,36,.08);
}

.viewerToolButton.isDone{
  background:rgba(67,148,102,.13);
  color:#2f7a54;
  border-color:rgba(67,148,102,.22);
}

@media (max-width:760px){
  .viewerTools{
    display:block;
  }

  .viewerToolActions{
    justify-content:flex-start;
    margin-top:10px;
  }

  .viewerToolButton{
    flex:1 1 auto;
  }
}

@media print{
  .topbar,
  .portalFooter,
  .backToTop,
  .viewerTools,
  .viewerNextStep,
  .viewerPager,
  .viewerEditHint,
  .skipLink{
    display:none !important;
  }

  body{
    background:white !important;
    color:#1f1b18 !important;
  }

  .wrap,
  .viewer{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .viewerArticle{
    box-shadow:none !important;
    border:0 !important;
    background:white !important;
    padding:0 !important;
  }

  .viewerHeroImage{
    max-height:260px !important;
    object-fit:cover !important;
  }

  .viewerIntro,
  .reader,
  .viewerMd{
    background:white !important;
    color:#1f1b18 !important;
  }

  .viewerIntro h1{
    font-size:34pt !important;
  }

  .viewerMd{
    font-size:12pt !important;
    line-height:1.45 !important;
  }

  a{
    color:#1f1b18 !important;
    text-decoration:none !important;
  }

  @page{
    margin:18mm;
  }
}


/* V9.6 saved path */
.savedPath{
  padding-top:34px;
}

.savedHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.savedHero h1{
  max-width:850px;
  margin-top:10px;
  font-size:58px;
}

.savedHero p{
  max-width:780px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.savedInfo{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}

.savedInfo article{
  min-height:126px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.savedInfo strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  color:var(--wood);
  margin-bottom:8px;
}

.savedInfo span{
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.52;
}

.savedListBlock{
  margin:0 0 38px;
  padding:26px;
  border-radius:30px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.savedListHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}

.savedListHead h2{
  margin:0;
  font-size:40px;
}

.savedClearButton{
  min-height:38px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.10);
  background:rgba(255,255,255,.72);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.savedEmpty{
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
}

.savedEmpty strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:32px;
  color:var(--wood);
}

.savedEmpty p{
  color:var(--muted);
}

.savedEmpty a{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:950;
}

.savedCards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.savedCard{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:16px;
  padding:14px;
  border-radius:24px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.savedCard img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:18px;
  background:rgba(74,48,36,.06);
}

.savedCardBody span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.savedCardBody h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:31px;
  line-height:1.05;
  color:var(--wood);
}

.savedCardBody p{
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.savedCardActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.savedCardActions a,
.savedCardActions button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:0;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.savedCardActions button{
  background:rgba(232,130,79,.10);
  color:var(--walnut);
}

@media (max-width:1180px){
  .savedCards{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  .savedInfo{
    grid-template-columns:1fr;
  }

  .savedCard{
    grid-template-columns:1fr;
  }

  .savedCard img{
    height:220px;
  }
}

@media (max-width:760px){
  .savedPath{
    padding-top:18px;
  }

  .savedHero{
    padding:22px;
    border-radius:26px;
  }

  .savedHero h1{
    font-size:40px;
  }

  .savedListBlock{
    padding:18px;
    border-radius:24px;
  }

  .savedListHead{
    display:block;
  }

  .savedClearButton{
    margin-top:10px;
  }
}


/* V9.7 my journal */
.myJournal{
  padding-top:34px;
}

.journalHero{
  padding:34px;
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 0%, rgba(218,236,241,.34), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.journalHero h1{
  max-width:850px;
  margin-top:10px;
  font-size:58px;
}

.journalHero p{
  max-width:780px;
  color:var(--muted);
  font-size:17px;
  line-height:1.64;
}

.journalInfo{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}

.journalInfo article{
  min-height:126px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.journalInfo strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  color:var(--wood);
  margin-bottom:8px;
}

.journalInfo span{
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.52;
}

.journalWorkspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:16px;
  margin-bottom:20px;
}

.journalForm,
.journalSide > div,
.journalEntriesBlock{
  padding:24px;
  border-radius:30px;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
}

.journalForm h2,
.journalEntriesHead h2{
  margin:0 0 16px;
  font-size:40px;
}

.journalForm label{
  display:block;
  margin-bottom:13px;
}

.journalForm label span{
  display:block;
  margin-bottom:6px;
  color:var(--wood);
  font-size:13px;
  font-weight:950;
}

.journalForm input,
.journalForm select,
.journalForm textarea{
  width:100%;
  box-sizing:border-box;
  border-radius:18px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,255,255,.76);
  color:var(--wood);
  font-size:15px;
  padding:13px 14px;
  outline:none;
}

.journalForm textarea{
  resize:vertical;
  line-height:1.48;
}

.journalForm input:focus,
.journalForm select:focus,
.journalForm textarea:focus{
  border-color:rgba(45,143,214,.45);
  box-shadow:0 0 0 4px rgba(45,143,214,.08);
}

.journalFormActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.journalFormActions button,
.journalExportBox button,
.journalEntriesHead button,
.journalEntryTop button{
  min-height:38px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.10);
  background:rgba(255,255,255,.72);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.journalFormActions button:first-child{
  background:var(--wood);
  color:white;
}

.journalSide{
  display:grid;
  gap:16px;
  align-content:start;
}

.journalSide span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.journalSide strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:29px;
  line-height:1.05;
  color:var(--wood);
}

.journalSide p{
  color:var(--muted);
  font-size:14px;
  line-height:1.52;
}

.journalEntriesBlock{
  margin-bottom:38px;
}

.journalEntriesHead{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:16px;
}

.journalEmpty,
.journalEntry{
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.journalEmpty strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:32px;
  color:var(--wood);
}

.journalEmpty p{
  color:var(--muted);
}

.journalEntries{
  display:grid;
  gap:12px;
}

.journalEntryTop{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.journalEntryTop span{
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}

.journalEntryTop h3{
  margin:4px 0 0;
  font-size:32px;
}

.journalEntryCard{
  margin:12px 0;
}

.journalEntryCard a,
.journalEntryCard span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}

.journalEntry p{
  color:var(--muted);
  font-size:14.5px;
  line-height:1.56;
}

.journalEntry p strong{
  color:var(--wood);
}

@media (max-width:1040px){
  .journalWorkspace{
    grid-template-columns:1fr;
  }

  .journalInfo{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .myJournal{
    padding-top:18px;
  }

  .journalHero{
    padding:22px;
    border-radius:26px;
  }

  .journalHero h1{
    font-size:40px;
  }

  .journalForm,
  .journalSide > div,
  .journalEntriesBlock{
    padding:18px;
    border-radius:24px;
  }

  .journalEntriesHead,
  .journalEntryTop{
    display:block;
  }

  .journalEntriesHead button,
  .journalEntryTop button{
    margin-top:10px;
  }
}


/* V9.8 journal templates */
.journalTemplates{
  background:
    radial-gradient(circle at 10% 0%, rgba(218,236,241,.32), transparent 40%),
    rgba(255,253,248,.92);
}

.journalTemplateButtons{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.journalTemplateButtons button{
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.10);
  background:rgba(255,255,255,.76);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  text-align:left;
}

.journalTemplateButtons button:hover{
  transform:translateY(-1px);
  border-color:rgba(45,143,214,.30);
  box-shadow:0 10px 20px rgba(74,48,36,.07);
}

.journalTemplateButtons button.isDone{
  background:rgba(67,148,102,.13);
  color:#2f7a54;
  border-color:rgba(67,148,102,.22);
}


/* V9.9 search plus */
.searchFormAdvanced{
  grid-template-columns:1fr minmax(220px, 300px) 150px;
  max-width:1060px;
}

.searchFormAdvanced select{
  min-height:54px;
  padding:13px 16px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,255,255,.76);
  color:var(--wood);
  font-size:15px;
  outline:none;
}

.searchFormAdvanced select:focus{
  border-color:rgba(45,143,214,.45);
  box-shadow:0 0 0 4px rgba(45,143,214,.08);
}

.searchSuggestionStrip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.searchSuggestionStrip a{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
}

.searchSuggestionGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.searchSuggestionGrid a{
  min-height:98px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.searchSuggestionGrid strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:27px;
  color:var(--wood);
  line-height:1.05;
  margin-bottom:8px;
}

.searchSuggestionGrid span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.searchResultHead p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:14px;
}

.searchSectionFilters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}

.searchSectionFilters a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
}

.searchSectionFilters a.isActive{
  background:var(--wood);
  color:#fff;
}

.searchSectionFilters em{
  display:inline-flex;
  min-width:23px;
  height:23px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(45,143,214,.10);
  color:var(--blue);
  font-style:normal;
  font-size:11px;
  font-weight:950;
}

.searchSectionFilters a.isActive em{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.searchResultCard mark{
  background:rgba(232,130,79,.18);
  color:inherit;
  border-radius:6px;
  padding:0 3px;
}

.searchMetaLine{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}

.searchMetaLine small{
  display:inline-flex;
  max-width:100%;
  min-height:26px;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(74,48,36,.055);
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media (max-width:1180px){
  .searchSuggestionGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:820px){
  .searchFormAdvanced{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .searchSuggestionGrid{
    grid-template-columns:1fr;
  }
}


/* V10.0 visible home search */
.homeSearch{
  width:min(760px, 100%);
  margin:22px 0 18px;
  padding:16px;
  border-radius:26px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(74,48,36,.10);
  box-shadow:0 16px 34px rgba(74,48,36,.08);
  backdrop-filter:blur(10px);
}

.homeSearch label{
  display:block;
  margin:0 0 8px;
  color:var(--wood);
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.homeSearchRow{
  display:grid;
  grid-template-columns:1fr 120px;
  gap:8px;
}

.homeSearch input{
  width:100%;
  min-height:50px;
  box-sizing:border-box;
  padding:13px 16px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,253,248,.92);
  color:var(--wood);
  font-size:15px;
  outline:none;
}

.homeSearch input:focus{
  border-color:rgba(45,143,214,.45);
  box-shadow:0 0 0 4px rgba(45,143,214,.08);
}

.homeSearch button{
  min-height:50px;
  border:0;
  border-radius:999px;
  background:var(--wood);
  color:#fff;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}

.homeSearch button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(74,48,36,.14);
}

.homeSearchQuick{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.homeSearchQuick a{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}

@media (max-width:760px){
  .homeSearch{
    margin-top:18px;
    padding:13px;
    border-radius:22px;
  }

  .homeSearchRow{
    grid-template-columns:1fr;
  }

  .homeSearch button{
    width:100%;
  }
}


/* V10.1 full search on first visible page */
.homeSearchFull{
  width:min(980px, 100%);
  margin:24px 0 20px;
  padding:24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 0%, rgba(218,236,241,.34), transparent 36%),
    radial-gradient(circle at 92% 0%, rgba(242,215,199,.28), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.94), rgba(248,242,234,.90));
  border:1px solid rgba(74,48,36,.10);
  box-shadow:0 18px 42px rgba(74,48,36,.10);
  backdrop-filter:blur(10px);
}

.homeSearchFullText span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.homeSearchFullText h2{
  margin:0 0 8px;
  font-size:42px;
  line-height:1.02;
  color:var(--wood);
}

.homeSearchFullText p{
  max-width:780px;
  margin:0 0 16px;
  color:var(--muted);
  font-size:15px;
  line-height:1.58;
}

.homeSearchFullForm{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:10px;
  margin:0 0 14px;
}

.homeSearchFullForm input{
  width:100%;
  min-height:56px;
  box-sizing:border-box;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.12);
  background:rgba(255,255,255,.78);
  color:var(--wood);
  font-size:16px;
  outline:none;
}

.homeSearchFullForm input:focus{
  border-color:rgba(45,143,214,.45);
  box-shadow:0 0 0 4px rgba(45,143,214,.08);
}

.homeSearchFullForm button{
  min-height:56px;
  border:0;
  border-radius:999px;
  background:var(--wood);
  color:#fff;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}

.homeSearchFullForm button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(74,48,36,.14);
}

.homeSearchFullQuick{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:9px;
}

.homeSearchFullQuick a{
  min-height:74px;
  padding:13px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.homeSearchFullQuick a:hover{
  transform:translateY(-2px);
  border-color:rgba(45,143,214,.28);
  box-shadow:0 14px 28px rgba(74,48,36,.08);
}

.homeSearchFullQuick strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:25px;
  line-height:1.05;
  color:var(--wood);
}

.homeSearchFullQuick small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

@media (max-width:980px){
  .homeSearchFullQuick{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .homeSearchFull{
    margin-top:18px;
    padding:18px;
    border-radius:24px;
  }

  .homeSearchFullText h2{
    font-size:34px;
  }

  .homeSearchFullForm{
    grid-template-columns:1fr;
  }

  .homeSearchFullQuick{
    grid-template-columns:1fr;
  }
}


/* V10.2 search results on homepage */
.homeSearchResults{
  width:min(980px, 100%);
  margin:16px 0 22px;
  padding:22px;
  border-radius:28px;
  background:rgba(255,253,248,.92);
  border:1px solid rgba(74,48,36,.09);
  box-shadow:0 16px 34px rgba(74,48,36,.08);
}

.homeSearchResultsHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:16px;
}

.homeSearchResultsHead span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.homeSearchResultsHead h2{
  margin:0;
  font-size:38px;
  line-height:1.05;
  color:var(--wood);
}

.homeSearchResultsHead strong{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(74,48,36,.07);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.homeSearchResultGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.homeSearchResultCard,
.homeSearchNoResult{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 8px 18px rgba(74,48,36,.04);
}

.homeSearchResultCard > span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.homeSearchResultCard h3{
  margin:0 0 8px;
  font-size:31px;
  line-height:1.05;
  color:var(--wood);
}

.homeSearchResultCard mark{
  background:rgba(232,130,79,.18);
  color:inherit;
  border-radius:6px;
  padding:0 3px;
}

.homeSearchQuestion,
.homeSearchExcerpt{
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.homeSearchActions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.homeSearchActions a,
.homeSearchNoResult a,
.homeSearchMore a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:950;
}

.homeSearchMore{
  margin-top:14px;
}

.homeSearchNoResult strong{
  display:block;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:31px;
  color:var(--wood);
}

.homeSearchNoResult p{
  color:var(--muted);
}

@media (max-width:900px){
  .homeSearchResultGrid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .homeSearchResults{
    padding:16px;
    border-radius:22px;
  }

  .homeSearchResultsHead{
    display:block;
  }

  .homeSearchResultsHead strong{
    margin-top:10px;
  }

  .homeSearchResultsHead h2{
    font-size:31px;
  }
}


/* V10.3 right hero card and global search switch */
.heroVisual,
.heroArt,
.heroImage,
.heroMedia,
.heroDevice,
.heroPanel{
  position:relative;
}

.heroRightFeatureCard{
  position:absolute;
  inset:clamp(18px, 3vw, 42px);
  z-index:4;
  padding:clamp(24px, 3vw, 42px);
  border-radius:34px;
  background:
    radial-gradient(circle at 85% 18%, rgba(218,236,241,.46), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(242,215,199,.42), transparent 35%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.10);
  box-shadow:0 24px 58px rgba(74,48,36,.12);
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}

.heroRightFeatureCard:after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:240px;
  height:240px;
  border-radius:50%;
  border:28px solid rgba(139,89,50,.16);
}

.heroRightBadge{
  width:max-content;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(45,143,214,.10);
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.heroRightFeatureCard h2{
  position:relative;
  z-index:1;
  margin:0;
  font-size:clamp(42px, 5vw, 76px);
  line-height:.94;
  color:var(--wood);
}

.heroRightLead{
  position:relative;
  z-index:1;
  margin:10px 0 18px;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(25px, 2.4vw, 38px);
  color:var(--walnut);
  line-height:1.05;
}

.heroRightLine{
  width:52%;
  height:1px;
  background:linear-gradient(90deg, rgba(74,48,36,.15), rgba(45,143,214,.55), rgba(74,48,36,.08));
  margin:0 0 20px;
}

.heroRightFeatureCard ul{
  position:relative;
  z-index:1;
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:14px;
}

.heroRightFeatureCard li{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  align-items:start;
}

.heroRightFeatureCard li span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(45,143,214,.10);
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
}

.heroRightFeatureCard li strong{
  display:block;
  margin:1px 0 3px;
  font-family:"Cormorant Garamond", Georgia, serif;
  color:var(--wood);
  font-size:26px;
  line-height:1;
}

.heroRightFeatureCard li em{
  display:block;
  color:var(--muted);
  font-style:normal;
  font-size:14px;
  line-height:1.42;
}

.heroRightButton{
  position:relative;
  z-index:1;
  width:max-content;
  margin-top:24px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  padding:12px 20px;
  border-radius:999px;
  background:var(--blue);
  color:white;
  font-weight:950;
  box-shadow:0 12px 26px rgba(45,143,214,.20);
}

.searchModeSwitch{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 4px;
}

.searchModeSwitch label{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.09);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.searchModeSwitch input{
  accent-color:var(--blue);
}

.searchModeSwitchWide{
  margin-bottom:8px;
}

.homeGlobalSearchNote{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  margin-top:10px;
  padding:11px 13px;
  border-radius:18px;
  background:rgba(45,143,214,.07);
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}

.homeGlobalSearchNote strong{
  color:var(--blue);
  font-weight:950;
}

@media (max-width:980px){
  .heroRightFeatureCard{
    position:relative;
    inset:auto;
    margin:18px 0 0;
    min-height:520px;
  }
}

@media (max-width:760px){
  .heroRightFeatureCard{
    min-height:auto;
    padding:22px;
    border-radius:26px;
  }

  .heroRightFeatureCard h2{
    font-size:42px;
  }

  .heroRightLead{
    font-size:25px;
  }

  .heroRightFeatureCard li{
    grid-template-columns:38px 1fr;
  }

  .heroRightFeatureCard li span{
    width:36px;
    height:36px;
  }
}


/* V10.4 hotfix: desna velika kartica naj bo v desnem hero panelu, ne čez celo stran */
.heroV68Art .heroRightFeatureCard{
  position:absolute;
  right:54px;
  top:54px;
  width:min(430px, calc(100% - 108px));
  max-width:430px;
  min-height:420px;
  z-index:5;
  padding:26px 24px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 85% 18%, rgba(218,236,241,.38), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(242,215,199,.28), transparent 35%),
    linear-gradient(135deg, rgba(255,253,248,.94), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.10);
  box-shadow:0 20px 48px rgba(74,48,36,.12);
  backdrop-filter: blur(6px);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}

.heroV68Art .heroRightFeatureCard:after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:24px solid rgba(139,89,50,.12);
}

.heroV68Art .heroRightBadge{margin-bottom:12px;}
.heroV68Art .heroRightFeatureCard h2{font-size:clamp(34px, 3.3vw, 54px); line-height:.95; margin:0;}
.heroV68Art .heroRightLead{margin:8px 0 14px; font-size:clamp(22px, 1.9vw, 30px); line-height:1.06;}
.heroV68Art .heroRightLine{width:58%; margin:0 0 16px;}
.heroV68Art .heroRightFeatureCard ul{gap:12px;}
.heroV68Art .heroRightFeatureCard li{grid-template-columns:40px 1fr; gap:10px;}
.heroV68Art .heroRightFeatureCard li span{width:36px; height:36px; font-size:11px;}
.heroV68Art .heroRightFeatureCard li strong{font-size:22px;}
.heroV68Art .heroRightFeatureCard li em{font-size:13px; line-height:1.36;}
.heroV68Art .heroRightButton{margin-top:18px; min-height:44px; padding:10px 18px; font-size:14px;}
.heroV68Art .heroV68ImageCard{z-index:1;}

/* če bi kartica po pomoti prišla v levo kolono, jo skrijemo */
.heroV68Text > .heroRightFeatureCard{
  display:none !important;
}

@media (max-width: 1250px){
  .heroV68Art .heroRightFeatureCard{
    right:34px;
    top:34px;
    width:min(390px, calc(100% - 68px));
    min-height:390px;
  }
}

@media (max-width: 1100px){
  .heroV68Art .heroRightFeatureCard{
    position:relative;
    right:auto;
    top:auto;
    width:auto;
    max-width:none;
    min-height:auto;
    margin:0 16px 16px;
    padding:22px;
    border-radius:24px;
  }
  .heroV68Art .heroRightFeatureCard h2{font-size:34px;}
  .heroV68Art .heroRightLead{font-size:22px;}
}

@media (max-width: 760px){
  .heroV68Art .heroRightFeatureCard{
    padding:18px;
    border-radius:20px;
  }
  .heroV68Art .heroRightFeatureCard ul{gap:10px;}
  .heroV68Art .heroRightFeatureCard li strong{font-size:20px;}
  .heroV68Art .heroRightFeatureCard li em{font-size:12px;}
  .heroV68Art .heroRightButton{width:100%; justify-content:center;}
}


/* V10.5: desna kartica drugače — čistejša, manjša, brez navpičnega lomljenja besedila */
.heroV68Art .heroRightFeatureCardV105{
  position:absolute !important;
  right:44px !important;
  top:44px !important;
  width:min(390px, calc(100% - 88px)) !important;
  max-width:390px !important;
  min-height:0 !important;
  height:auto !important;
  padding:26px 24px 24px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(218,236,241,.42), transparent 36%),
    radial-gradient(circle at 90% 90%, rgba(242,215,199,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92)) !important;
  border:1px solid rgba(74,48,36,.10) !important;
  box-shadow:0 22px 54px rgba(74,48,36,.13) !important;
  backdrop-filter:blur(8px);
  justify-content:flex-start !important;
  overflow:hidden !important;
}

.heroV68Art .heroRightFeatureCardV105:after{
  width:190px !important;
  height:190px !important;
  right:-68px !important;
  bottom:-68px !important;
  border-width:22px !important;
  opacity:.8 !important;
}

.heroV68Art .heroRightFeatureCardV105 .heroRightBadge{
  margin:0 0 14px !important;
  min-height:28px !important;
  padding:5px 10px !important;
  font-size:10px !important;
}

.heroV68Art .heroRightFeatureCardV105 h2{
  margin:0 !important;
  font-size:50px !important;
  line-height:.94 !important;
  max-width:320px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.heroV68Art .heroRightFeatureCardV105 .heroRightLead{
  margin:8px 0 16px !important;
  max-width:330px !important;
  font-size:24px !important;
  line-height:1.08 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.heroRightQuestion{
  position:relative;
  z-index:1;
  padding:15px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
  margin:0 0 14px;
}

.heroRightQuestion strong{
  display:block;
  margin:0 0 5px;
  color:var(--wood);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:25px;
  line-height:1.04;
}

.heroRightQuestion span{
  display:block;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.42;
}

.heroRightSteps{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
}

.heroRightSteps span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.heroRightActionsV105{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.heroV68Art .heroRightFeatureCardV105 .heroRightButton{
  margin:0 !important;
  min-height:44px !important;
  padding:10px 16px !important;
  font-size:13px !important;
  white-space:nowrap !important;
}

.heroRightSecondary{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.10);
  color:var(--wood);
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
}

.heroV68Art .heroRightFeatureCardV105 ul,
.heroV68Art .heroRightFeatureCardV105 li{
  display:none !important;
}

@media (max-width:1250px){
  .heroV68Art .heroRightFeatureCardV105{
    right:30px !important;
    top:30px !important;
    width:min(360px, calc(100% - 60px)) !important;
    padding:22px 20px !important;
  }

  .heroV68Art .heroRightFeatureCardV105 h2{
    font-size:43px !important;
  }

  .heroV68Art .heroRightFeatureCardV105 .heroRightLead{
    font-size:21px !important;
  }
}

@media (max-width:1100px){
  .heroV68Art .heroRightFeatureCardV105{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 16px 16px !important;
    padding:20px !important;
  }
}

@media (max-width:760px){
  .heroV68Art .heroRightFeatureCardV105 h2{
    font-size:38px !important;
  }

  .heroRightActionsV105,
  .heroRightActionsV105 a{
    width:100%;
  }

  .heroRightActionsV105 a{
    justify-content:center;
  }
}


/* V10.6: dve čisti kartici pod hero sekcijo */
.heroV68Art .heroRightFeatureCard,
.heroV68Text > .heroRightFeatureCard,
.heroRightFeatureCardV105{
  display:none !important;
}

.homeTopTools{
  width:min(1380px, calc(100% - 28px));
  margin:16px auto 0;
}

.homeTopToolsGrid{
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);
  gap:18px;
  align-items:stretch;
}

.homeTopTools .homeSearchFull{
  width:100% !important;
  margin:0 !important;
  min-height:0;
}

.homeSearchCardV106{
  padding:24px !important;
  border-radius:26px !important;
}

.homeSearchCardV106 .homeSearchFullText h2{
  font-size:clamp(30px, 3vw, 43px);
  max-width:620px;
}

.homeSearchCardV106 .homeSearchFullText p{
  max-width:640px;
}

.homeSearchCardV106 .homeSearchFullQuick{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.questionCardV106{
  position:relative;
  min-height:0;
  padding:30px 34px;
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 16%, rgba(242,215,199,.42), transparent 34%),
    radial-gradient(circle at 86% 78%, rgba(218,236,241,.36), transparent 32%),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(248,242,234,.92));
  border:1px solid rgba(74,48,36,.10);
  box-shadow:0 18px 42px rgba(74,48,36,.10);
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 190px;
  gap:24px;
  align-items:center;
}

.questionCardText{
  position:relative;
  z-index:2;
}

.questionCardText > span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,143,214,.09);
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.questionCardText h2{
  margin:0;
  font-size:clamp(38px, 4vw, 58px);
  line-height:.95;
  color:var(--wood);
}

.questionCardText p{
  margin:9px 0 15px;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(22px, 2.2vw, 31px);
  line-height:1.08;
  color:var(--walnut);
}

.questionCardText strong{
  display:block;
  margin:0 0 14px;
  color:var(--wood);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:25px;
  line-height:1.05;
}

.questionChipsV106{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}

.questionChipsV106 a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(74,48,36,.10);
  color:var(--wood);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.questionActionsV106{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
}

.primaryQuestionButton,
.secondaryQuestionButton{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
}

.primaryQuestionButton{
  background:var(--blue);
  color:#fff;
  box-shadow:0 12px 26px rgba(45,143,214,.20);
}

.secondaryQuestionButton{
  background:rgba(255,255,255,.76);
  color:var(--wood);
  border:1px solid rgba(74,48,36,.10);
}

.questionVisualV106{
  position:relative;
  z-index:1;
  min-height:190px;
  height:100%;
}

.questionMiniCardV106{
  position:absolute;
  right:12px;
  top:24px;
  width:150px;
  height:150px;
  border-radius:22px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 10px 28px rgba(74,48,36,.07);
}

.questionMiniCardV106:before,
.questionMiniCardV106:after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  height:1px;
  background:rgba(74,48,36,.07);
}

.questionMiniCardV106:before{ top:42px; }
.questionMiniCardV106:after{ top:58px; }

.questionBlueCircleV106{
  position:absolute;
  right:-10px;
  top:58px;
  width:74px;
  height:74px;
  border-radius:50%;
  background:rgba(128,199,218,.82);
}

.questionPeachCircleV106{
  position:absolute;
  right:-28px;
  bottom:-18px;
  width:180px;
  height:62px;
  border-radius:50%;
  background:rgba(242,215,199,.46);
}

.homeTopTools .homeSearchResults{
  width:100% !important;
  margin:18px 0 0 !important;
}

@media (max-width:1180px){
  .homeTopToolsGrid{
    grid-template-columns:1fr;
  }

  .questionCardV106{
    grid-template-columns:minmax(0, 1fr) 170px;
  }
}

@media (max-width:760px){
  .homeTopTools{
    width:min(100% - 18px, 1380px);
    margin-top:12px;
  }

  .homeTopToolsGrid{
    gap:12px;
  }

  .homeSearchCardV106,
  .questionCardV106{
    padding:18px !important;
    border-radius:22px !important;
  }

  .homeSearchCardV106 .homeSearchFullQuick{
    grid-template-columns:1fr;
  }

  .questionCardV106{
    grid-template-columns:1fr;
  }

  .questionVisualV106{
    display:none;
  }

  .questionCardText h2{
    font-size:36px;
  }

  .questionCardText p{
    font-size:22px;
  }

  .questionActionsV106 a{
    width:100%;
  }
}


/* V10.7: kompaktnejša prva stran */
.heroV68{
  width:min(1380px, calc(100% - 28px)) !important;
  gap:18px !important;
}

.heroV68Text{
  padding:28px 30px !important;
}

.heroV68Text .eyebrow,
.heroV68Text .eyebrow + .eyebrow,
.heroV68Text .eyebrow,
.heroV68Text .eyebrow{
  margin-bottom:12px !important;
}

.heroV68Text h1{
  font-size:clamp(64px, 5.6vw, 96px) !important;
  line-height:.90 !important;
  max-width:540px !important;
  margin:0 0 16px !important;
}

.heroV68Text .lead{
  max-width:620px !important;
  font-size:clamp(17px, 1.35vw, 26px) !important;
  line-height:1.45 !important;
}

.heroV68Text .heroActions{
  margin-top:20px !important;
  gap:10px !important;
}

.heroV68Text .btn{
  min-height:48px !important;
  padding:12px 20px !important;
  font-size:15px !important;
}

.heroV68Art{
  min-height:300px !important;
}

.heroV68ImageCard{
  min-height:300px !important;
  border-radius:24px !important;
}

.heroV68ImageCard img{
  object-fit:cover !important;
  object-position:center center !important;
}

.homeTopTools{
  margin:12px auto 0 !important;
}

.homeTopToolsGrid{
  gap:14px !important;
}

.homeSearchCardV106,
.questionCardV106{
  border-radius:22px !important;
}

.homeSearchCardV106{
  padding:18px 20px !important;
}

.homeSearchCardV106 .homeSearchFullText h2{
  font-size:clamp(26px, 2.5vw, 36px) !important;
  line-height:1.02 !important;
  max-width:560px !important;
}

.homeSearchCardV106 .homeSearchFullText p{
  font-size:15px !important;
  line-height:1.5 !important;
  max-width:620px !important;
}

.homeSearchCardV106 .homeSearchFullQuick{
  gap:8px !important;
}

.homeSearchCardV106 .homeSearchFullQuick a{
  padding:10px 12px !important;
}

.questionCardV106{
  padding:22px 24px !important;
  grid-template-columns:minmax(0, 1fr) 150px !important;
  gap:18px !important;
}

.questionCardText > span{
  margin-bottom:10px !important;
}

.questionCardText h2{
  font-size:clamp(31px, 3vw, 44px) !important;
  line-height:.94 !important;
}

.questionCardText p{
  font-size:clamp(19px, 1.55vw, 24px) !important;
  margin:8px 0 10px !important;
}

.questionCardText strong{
  font-size:22px !important;
  margin:0 0 10px !important;
}

.questionChipsV106{
  gap:7px !important;
  margin:0 0 12px !important;
}

.questionChipsV106 a{
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:11px !important;
}

.primaryQuestionButton,
.secondaryQuestionButton{
  min-height:42px !important;
  padding:9px 16px !important;
  font-size:13px !important;
}

.questionVisualV106{
  min-height:150px !important;
}

.questionMiniCardV106{
  width:118px !important;
  height:118px !important;
  right:8px !important;
  top:18px !important;
}

.questionBlueCircleV106{
  width:56px !important;
  height:56px !important;
  right:-2px !important;
  top:48px !important;
}

.questionPeachCircleV106{
  width:132px !important;
  height:48px !important;
  right:-16px !important;
  bottom:-10px !important;
}

@media (max-width:1180px){
  .heroV68{
    gap:14px !important;
  }
  .heroV68Text{
    padding:24px 24px !important;
  }
  .heroV68Text h1{
    font-size:clamp(58px, 7vw, 84px) !important;
  }
  .heroV68Art,
  .heroV68ImageCard{
    min-height:260px !important;
  }
  .questionCardV106{
    grid-template-columns:minmax(0, 1fr) 130px !important;
  }
}

@media (max-width:760px){
  .heroV68{
    width:min(100% - 18px, 1380px) !important;
  }
  .heroV68Text{
    padding:22px 18px !important;
  }
  .heroV68Text h1{
    font-size:clamp(48px, 13vw, 68px) !important;
    max-width:100% !important;
  }
  .heroV68Text .lead{
    font-size:16px !important;
  }
  .heroV68Text .btn{
    width:100% !important;
  }
  .heroV68Art,
  .heroV68ImageCard{
    min-height:220px !important;
  }
  .homeTopTools{
    width:min(100% - 18px, 1380px) !important;
  }
  .homeSearchCardV106,
  .questionCardV106{
    padding:16px !important;
  }
  .homeSearchCardV106 .homeSearchFullText h2{
    font-size:clamp(24px, 8.2vw, 34px) !important;
  }
  .homeSearchCardV106 .homeSearchFullText p{
    font-size:14px !important;
  }
  .questionCardText h2{
    font-size:32px !important;
  }
  .questionCardText p{
    font-size:20px !important;
  }
  .questionCardText strong{
    font-size:20px !important;
  }
}


/* V10.8: premium desktop polish prve strani */
.heroV68{
  width:min(1340px, calc(100% - 36px)) !important;
  margin:18px auto 0 !important;
  min-height:430px !important;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap:12px !important;
  border-radius:30px !important;
  box-shadow:0 18px 44px rgba(74,48,36,.10) !important;
}

.heroV68Text{
  padding:34px 42px 32px !important;
}

.heroV68Text .eyebrow{
  margin-bottom:10px !important;
  letter-spacing:.12em !important;
}

.heroV68Text h1{
  font-size:clamp(50px, 4.7vw, 78px) !important;
  line-height:.94 !important;
  max-width:500px !important;
  margin:0 0 12px !important;
}

.heroV68Text .lead{
  max-width:570px !important;
  font-size:clamp(16px, 1.16vw, 19px) !important;
  line-height:1.48 !important;
}

.heroV68Text .heroActions{
  margin-top:18px !important;
  gap:9px !important;
}

.heroV68Text .btn{
  min-height:43px !important;
  padding:10px 17px !important;
  font-size:14px !important;
  box-shadow:0 7px 16px rgba(74,48,36,.055) !important;
}

.heroV68Art{
  min-height:430px !important;
}

.heroV68ImageCard{
  inset:18px 20px 18px 0 !important;
  min-height:0 !important;
  border-radius:24px !important;
  box-shadow:0 14px 34px rgba(65,40,30,.085) !important;
}

.heroV68ImageCard img{
  object-position:center center !important;
}

.homeTopTools{
  width:min(1340px, calc(100% - 36px)) !important;
  margin:12px auto 0 !important;
}

.homeTopToolsGrid{
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  gap:12px !important;
  align-items:start !important;
}

.homeSearchCardV106,
.questionCardV106{
  border-radius:20px !important;
  box-shadow:0 13px 32px rgba(74,48,36,.075) !important;
}

.homeSearchCardV106{
  padding:16px 18px !important;
}

.homeSearchFullText span,
.questionCardText > span{
  min-height:26px !important;
  padding:5px 9px !important;
  font-size:10px !important;
  margin-bottom:8px !important;
}

.homeSearchCardV106 .homeSearchFullText h2{
  font-size:clamp(24px, 2.05vw, 32px) !important;
  line-height:1.04 !important;
  margin-bottom:6px !important;
  max-width:540px !important;
}

.homeSearchCardV106 .homeSearchFullText p{
  font-size:14px !important;
  line-height:1.42 !important;
  margin-bottom:12px !important;
  max-width:700px !important;
}

.homeSearchFullForm{
  grid-template-columns:minmax(0, 1fr) 148px !important;
  gap:8px !important;
  margin-bottom:10px !important;
}

.searchModeSwitch{
  gap:6px !important;
  margin-bottom:2px !important;
}

.searchModeSwitch label{
  min-height:29px !important;
  padding:5px 10px !important;
  font-size:11px !important;
}

.homeSearchFullForm input,
.homeSearchFullForm button{
  min-height:46px !important;
}

.homeSearchFullForm input{
  padding:11px 15px !important;
  font-size:15px !important;
}

.homeSearchFullForm button{
  font-size:12px !important;
}

.homeGlobalSearchNote{
  margin-top:8px !important;
  padding:8px 11px !important;
  border-radius:15px !important;
  font-size:11.5px !important;
  line-height:1.32 !important;
}

.homeSearchCardV106 .homeSearchFullQuick{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:7px !important;
}

.homeSearchCardV106 .homeSearchFullQuick a{
  min-height:54px !important;
  padding:8px 10px !important;
  border-radius:15px !important;
}

.homeSearchFullQuick strong{
  font-size:12px !important;
  line-height:1.15 !important;
}

.homeSearchFullQuick small{
  font-size:10.5px !important;
  line-height:1.18 !important;
  margin-top:3px !important;
}

.questionCardV106{
  min-height:0 !important;
  padding:16px 18px !important;
  grid-template-columns:minmax(0, 1fr) 96px !important;
  gap:12px !important;
  align-items:center !important;
}

.questionCardText h2{
  font-size:clamp(27px, 2.25vw, 36px) !important;
  line-height:.98 !important;
}

.questionCardText p{
  font-size:clamp(16px, 1.25vw, 20px) !important;
  line-height:1.08 !important;
  margin:6px 0 7px !important;
}

.questionCardText strong{
  font-size:18px !important;
  margin:0 0 8px !important;
  line-height:1.08 !important;
}

.questionChipsV106{
  gap:6px !important;
  margin:0 0 9px !important;
}

.questionChipsV106 a{
  min-height:27px !important;
  padding:5px 9px !important;
  font-size:10.5px !important;
}

.questionActionsV106{
  gap:7px !important;
}

.primaryQuestionButton,
.secondaryQuestionButton{
  min-height:38px !important;
  padding:8px 13px !important;
  font-size:12px !important;
}

.questionVisualV106{
  min-height:112px !important;
}

.questionMiniCardV106{
  width:86px !important;
  height:86px !important;
  right:4px !important;
  top:12px !important;
  border-radius:18px !important;
}

.questionMiniCardV106:before{ top:31px !important; }
.questionMiniCardV106:after{ top:44px !important; }

.questionBlueCircleV106{
  width:42px !important;
  height:42px !important;
  right:-4px !important;
  top:44px !important;
}

.questionPeachCircleV106{
  width:96px !important;
  height:38px !important;
  right:-12px !important;
  bottom:-6px !important;
}

.manifesto{
  margin-top:16px !important;
  padding:17px 22px !important;
  border-radius:18px !important;
}

@media (max-width:1180px){
  .heroV68{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .heroV68Text{
    padding:30px 32px 26px !important;
  }
  .heroV68Art,
  .heroV68ImageCard{
    min-height:260px !important;
  }
  .heroV68ImageCard{
    inset:0 22px 22px 22px !important;
  }
  .homeTopToolsGrid{
    grid-template-columns:1fr !important;
  }
  .questionCardV106{
    grid-template-columns:minmax(0, 1fr) 120px !important;
  }
}

@media (max-width:760px){
  .heroV68,
  .homeTopTools{
    width:min(100% - 18px, 1340px) !important;
  }
  .heroV68Text{
    padding:23px 18px 20px !important;
  }
  .heroV68Text h1{
    font-size:clamp(44px, 12vw, 62px) !important;
  }
  .heroV68Art,
  .heroV68ImageCard{
    min-height:210px !important;
  }
  .heroV68ImageCard{
    inset:0 16px 16px 16px !important;
  }
  .homeSearchFullForm{
    grid-template-columns:1fr !important;
  }
  .homeSearchCardV106 .homeSearchFullQuick{
    grid-template-columns:1fr 1fr !important;
  }
  .questionCardV106{
    grid-template-columns:1fr !important;
  }
  .questionVisualV106{
    display:none !important;
  }
  .questionActionsV106 a{
    width:100% !important;
  }
}

/* V10.8-R2: estetski popravek prve strani po vizualnem pregledu
   Cilj: mirnejši prvi ekran, manjši naslov, uravnotežen hero, nižje kartice. */
@media (min-width: 1181px){
  .topbar .navrow{
    padding-left:34px !important;
    padding-right:34px !important;
  }

  .heroV68{
    width:min(1220px, calc(100% - 72px)) !important;
    max-width:1220px !important;
    margin:18px auto 0 !important;
    min-height:356px !important;
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr) !important;
    gap:16px !important;
    border-radius:28px !important;
    background:linear-gradient(180deg, #fffdf8 0%, #f5efe6 100%) !important;
    box-shadow:0 16px 36px rgba(74,48,36,.085) !important;
  }

  .heroV68Text{
    padding:36px 36px 34px 42px !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  .heroV68Text .eyebrow{
    font-size:11px !important;
    letter-spacing:.14em !important;
    margin:0 0 9px !important;
  }

  .heroV68Text h1{
    font-size:clamp(42px, 3.75vw, 62px) !important;
    line-height:1.01 !important;
    letter-spacing:-.045em !important;
    max-width:430px !important;
    margin:0 0 12px !important;
  }

  .heroV68Text .lead{
    max-width:470px !important;
    font-size:15.5px !important;
    line-height:1.52 !important;
  }

  .heroV68Text .heroActions{
    margin-top:17px !important;
    gap:8px !important;
  }

  .heroV68Text .btn{
    min-height:40px !important;
    padding:9px 15px !important;
    border-radius:999px !important;
    font-size:13px !important;
  }

  .heroV68Art{
    min-height:356px !important;
    background:
      radial-gradient(circle at 18% 10%, rgba(205,231,236,.55), transparent 34%),
      radial-gradient(circle at 94% 4%, rgba(244,223,215,.62), transparent 38%),
      linear-gradient(180deg, #f8f3eb 0%, #eee4d8 100%) !important;
  }

  .heroV68ImageCard{
    inset:15px 18px 15px 0 !important;
    border-radius:23px !important;
    box-shadow:0 12px 28px rgba(65,40,30,.075) !important;
  }

  .heroV68ImageCard img{
    object-position:center center !important;
    filter:saturate(1.02) contrast(1.01) brightness(1.015) !important;
  }

  .homeTopTools{
    width:min(1220px, calc(100% - 72px)) !important;
    max-width:1220px !important;
    margin:14px auto 0 !important;
  }

  .homeTopToolsGrid{
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap:14px !important;
    align-items:stretch !important;
  }

  .homeSearchCardV106,
  .questionCardV106{
    border-radius:18px !important;
    box-shadow:0 12px 28px rgba(74,48,36,.065) !important;
    border-color:rgba(74,48,36,.075) !important;
  }

  .homeSearchCardV106{
    padding:15px 17px 14px !important;
  }

  .homeSearchFullText span,
  .questionCardText > span{
    min-height:23px !important;
    padding:4px 8px !important;
    font-size:9.5px !important;
    margin-bottom:7px !important;
  }

  .homeSearchCardV106 .homeSearchFullText h2{
    font-size:clamp(23px, 1.82vw, 28px) !important;
    line-height:1.06 !important;
    max-width:520px !important;
    margin-bottom:5px !important;
    letter-spacing:-.02em !important;
  }

  .homeSearchCardV106 .homeSearchFullText p{
    font-size:13.2px !important;
    line-height:1.38 !important;
    margin-bottom:10px !important;
    max-width:650px !important;
  }

  .searchModeSwitch{
    gap:5px !important;
    margin:0 0 5px !important;
  }

  .searchModeSwitch label{
    min-height:27px !important;
    padding:4px 9px !important;
    font-size:10.5px !important;
  }

  .homeSearchFullForm{
    grid-template-columns:minmax(0, 1fr) 136px !important;
    gap:7px !important;
    margin-bottom:8px !important;
  }

  .homeSearchFullForm input,
  .homeSearchFullForm button{
    min-height:40px !important;
  }

  .homeSearchFullForm input{
    padding:9px 13px !important;
    font-size:14px !important;
  }

  .homeSearchFullForm button{
    font-size:11.5px !important;
    padding:8px 12px !important;
  }

  .homeGlobalSearchNote{
    margin-top:6px !important;
    padding:7px 10px !important;
    border-radius:13px !important;
    font-size:10.8px !important;
    line-height:1.25 !important;
  }

  .homeSearchCardV106 .homeSearchFullQuick{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:6px !important;
    margin-top:8px !important;
  }

  .homeSearchCardV106 .homeSearchFullQuick a{
    min-height:40px !important;
    padding:7px 9px !important;
    border-radius:13px !important;
  }

  .homeSearchFullQuick strong{
    font-size:11.2px !important;
    line-height:1.1 !important;
  }

  .homeSearchFullQuick small{
    display:none !important;
  }

  .questionCardV106{
    min-height:0 !important;
    padding:15px 17px !important;
    grid-template-columns:minmax(0, 1fr) 76px !important;
    gap:10px !important;
    align-items:center !important;
  }

  .questionCardText h2{
    font-size:clamp(25px, 2vw, 31px) !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
  }

  .questionCardText p{
    font-size:15px !important;
    line-height:1.18 !important;
    margin:4px 0 5px !important;
  }

  .questionCardText strong{
    font-size:15.2px !important;
    line-height:1.14 !important;
    margin:0 0 7px !important;
  }

  .questionChipsV106{
    gap:5px !important;
    margin:0 0 8px !important;
  }

  .questionChipsV106 a{
    min-height:24px !important;
    padding:4px 8px !important;
    font-size:9.8px !important;
  }

  .questionActionsV106{
    gap:6px !important;
  }

  .primaryQuestionButton,
  .secondaryQuestionButton{
    min-height:34px !important;
    padding:7px 11px !important;
    font-size:11.2px !important;
  }

  .questionVisualV106{
    min-height:86px !important;
  }

  .questionMiniCardV106{
    width:66px !important;
    height:66px !important;
    right:2px !important;
    top:10px !important;
    border-radius:15px !important;
  }

  .questionMiniCardV106:before{ top:24px !important; left:13px !important; right:13px !important; }
  .questionMiniCardV106:after{ top:35px !important; left:13px !important; right:18px !important; }

  .questionBlueCircleV106{
    width:34px !important;
    height:34px !important;
    right:-6px !important;
    top:35px !important;
  }

  .questionPeachCircleV106{
    width:72px !important;
    height:30px !important;
    right:-10px !important;
    bottom:-5px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px){
  .heroV68,
  .homeTopTools{
    width:min(1160px, calc(100% - 54px)) !important;
  }
  .heroV68Text h1{
    font-size:clamp(40px, 3.55vw, 56px) !important;
    max-width:390px !important;
  }
  .heroV68Text .lead{
    font-size:14.8px !important;
  }
}

/* V10.8-R3: finalni estetski popravek prve strani
   Samo vizualni polish: ožji premium prvi ekran, mirnejši hero, nižje kartice. */
@media (min-width: 1181px){
  .topbar{
    background:rgba(251,247,241,.94) !important;
  }

  .topbar .navrow{
    min-height:64px !important;
    height:auto !important;
    padding:7px 30px !important;
    gap:18px !important;
    align-items:center !important;
  }

  .topbar .brand img{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }

  .topbar .brand span{
    font-size:14px !important;
  }

  .topbar .nav{
    gap:2px !important;
    row-gap:4px !important;
  }

  .topbar .nav a{
    font-size:12.5px !important;
    padding:6px 8px !important;
    border-radius:999px !important;
  }

  .heroV68{
    width:min(1088px, calc(100% - 104px)) !important;
    max-width:1088px !important;
    margin:18px auto 0 !important;
    min-height:304px !important;
    grid-template-columns:minmax(0, .94fr) minmax(0, 1.06fr) !important;
    gap:12px !important;
    border-radius:25px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(247,241,232,.98) 100%) !important;
    box-shadow:0 14px 30px rgba(74,48,36,.075) !important;
  }

  .heroV68Text{
    padding:31px 30px 30px 36px !important;
    justify-content:center !important;
    min-width:0 !important;
  }

  .heroV68Text .eyebrow{
    font-size:10px !important;
    letter-spacing:.16em !important;
    margin:0 0 8px !important;
    opacity:.92 !important;
  }

  .heroV68Text h1{
    font-size:clamp(38px, 3.15vw, 52px) !important;
    line-height:1.03 !important;
    letter-spacing:-.035em !important;
    max-width:360px !important;
    margin:0 0 10px !important;
  }

  .heroV68Text .lead{
    max-width:410px !important;
    font-size:14px !important;
    line-height:1.48 !important;
    color:#66584f !important;
  }

  .heroV68Text .heroActions{
    margin-top:15px !important;
    gap:8px !important;
  }

  .heroV68Text .btn{
    min-height:38px !important;
    padding:8px 13px !important;
    font-size:12.4px !important;
    box-shadow:0 6px 14px rgba(74,48,36,.055) !important;
  }

  .heroV68Art{
    min-height:304px !important;
    background:
      radial-gradient(circle at 16% 10%, rgba(203,230,235,.50), transparent 36%),
      radial-gradient(circle at 92% 4%, rgba(245,225,217,.58), transparent 38%),
      linear-gradient(180deg, #f8f4ed 0%, #eee6dc 100%) !important;
  }

  .heroV68ImageCard{
    inset:14px 16px 14px 0 !important;
    border-radius:21px !important;
    box-shadow:0 10px 24px rgba(65,40,30,.06) !important;
  }

  .heroV68ImageCard img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .homeTopTools{
    width:min(1088px, calc(100% - 104px)) !important;
    max-width:1088px !important;
    margin:12px auto 0 !important;
  }

  .homeTopToolsGrid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  .homeSearchCardV106,
  .questionCardV106{
    border-radius:17px !important;
    border:1px solid rgba(74,48,36,.07) !important;
    box-shadow:0 10px 24px rgba(74,48,36,.055) !important;
    background:rgba(255,253,248,.91) !important;
  }

  .homeSearchCardV106{
    padding:13px 15px 12px !important;
  }

  .homeSearchFullText span,
  .questionCardText > span{
    min-height:21px !important;
    padding:3px 7px !important;
    font-size:9px !important;
    margin-bottom:6px !important;
  }

  .homeSearchCardV106 .homeSearchFullText h2{
    font-size:clamp(21px, 1.65vw, 26px) !important;
    line-height:1.06 !important;
    max-width:470px !important;
    margin:0 0 5px !important;
    letter-spacing:-.015em !important;
  }

  .homeSearchCardV106 .homeSearchFullText p{
    font-size:12.5px !important;
    line-height:1.34 !important;
    max-width:580px !important;
    margin:0 0 9px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .searchModeSwitch{
    gap:5px !important;
    margin:0 0 5px !important;
  }

  .searchModeSwitch label{
    min-height:25px !important;
    padding:3px 8px !important;
    font-size:10px !important;
  }

  .homeSearchFullForm{
    grid-template-columns:minmax(0, 1fr) 124px !important;
    gap:7px !important;
    margin-bottom:7px !important;
  }

  .homeSearchFullForm input,
  .homeSearchFullForm button{
    min-height:38px !important;
  }

  .homeSearchFullForm input{
    padding:8px 12px !important;
    font-size:13.2px !important;
  }

  .homeSearchFullForm button{
    font-size:11px !important;
    padding:7px 10px !important;
  }

  .homeGlobalSearchNote{
    margin-top:5px !important;
    padding:6px 9px !important;
    border-radius:12px !important;
    font-size:10.2px !important;
    line-height:1.22 !important;
  }

  .homeSearchCardV106 .homeSearchFullQuick{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:5px !important;
    margin-top:7px !important;
  }

  .homeSearchCardV106 .homeSearchFullQuick a{
    min-height:34px !important;
    padding:6px 8px !important;
    border-radius:12px !important;
  }

  .homeSearchFullQuick strong{
    font-size:10.5px !important;
    line-height:1.05 !important;
  }

  .homeSearchFullQuick small{
    display:none !important;
  }

  .questionCardV106{
    min-height:0 !important;
    padding:13px 15px !important;
    grid-template-columns:minmax(0, 1fr) 58px !important;
    gap:8px !important;
    align-items:center !important;
  }

  .questionCardText h2{
    font-size:clamp(23px, 1.85vw, 28px) !important;
    line-height:1.02 !important;
    letter-spacing:-.02em !important;
  }

  .questionCardText p{
    font-size:13.8px !important;
    line-height:1.17 !important;
    margin:3px 0 4px !important;
  }

  .questionCardText strong{
    font-size:14px !important;
    line-height:1.12 !important;
    margin:0 0 6px !important;
  }

  .questionChipsV106{
    gap:4px !important;
    margin:0 0 7px !important;
  }

  .questionChipsV106 a{
    min-height:22px !important;
    padding:3px 7px !important;
    font-size:9.3px !important;
  }

  .questionActionsV106{
    gap:5px !important;
  }

  .primaryQuestionButton,
  .secondaryQuestionButton{
    min-height:32px !important;
    padding:6px 10px !important;
    font-size:10.8px !important;
  }

  .questionVisualV106{
    min-height:68px !important;
    opacity:.9 !important;
  }

  .questionMiniCardV106{
    width:52px !important;
    height:52px !important;
    right:0 !important;
    top:6px !important;
    border-radius:13px !important;
  }

  .questionMiniCardV106:before{ top:19px !important; left:10px !important; right:10px !important; }
  .questionMiniCardV106:after{ top:28px !important; left:10px !important; right:14px !important; }

  .questionBlueCircleV106{
    width:28px !important;
    height:28px !important;
    right:-7px !important;
    top:28px !important;
  }

  .questionPeachCircleV106{
    width:56px !important;
    height:23px !important;
    right:-9px !important;
    bottom:-4px !important;
  }

  .manifesto{
    width:min(1088px, calc(100% - 104px)) !important;
    max-width:1088px !important;
    margin-top:14px !important;
    padding:15px 20px !important;
    border-radius:17px !important;
  }

  .manifesto p{
    font-size:14.2px !important;
    line-height:1.42 !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px){
  .heroV68,
  .homeTopTools,
  .manifesto{
    width:min(1030px, calc(100% - 72px)) !important;
  }
  .heroV68Text{
    padding-left:32px !important;
    padding-right:26px !important;
  }
  .heroV68Text h1{
    font-size:clamp(36px, 3vw, 48px) !important;
    max-width:330px !important;
  }
  .heroV68Text .lead{
    font-size:13.4px !important;
    max-width:370px !important;
  }
  .homeSearchCardV106 .homeSearchFullText h2{
    font-size:22px !important;
  }
  .questionCardText h2{
    font-size:24px !important;
  }
}

/* V10.8 R4 — naslovnica brez velikega iskalnega modula */
@media (min-width: 1181px){
  .heroV68{
    width:min(1060px, calc(100% - 104px)) !important;
    max-width:1060px !important;
    min-height:294px !important;
    margin-top:22px !important;
    grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr) !important;
    border-radius:24px !important;
  }

  .heroV68Text{
    padding:28px 32px 26px !important;
  }

  .heroV68Text h1{
    font-size:clamp(37px, 3.15vw, 50px) !important;
    line-height:.98 !important;
    max-width:345px !important;
    margin:8px 0 10px !important;
    letter-spacing:-.025em !important;
  }

  .heroV68Text .lead{
    max-width:410px !important;
    font-size:13.8px !important;
    line-height:1.45 !important;
    margin:0 !important;
  }

  .heroV68Text .heroActions{
    gap:8px !important;
    margin-top:18px !important;
  }

  .heroV68Text .btn{
    min-height:34px !important;
    padding:8px 13px !important;
    font-size:11.8px !important;
    border-radius:999px !important;
  }

  .heroV68Art{
    min-height:294px !important;
  }

  .heroV68ImageCard{
    inset:13px 14px 13px 0 !important;
    border-radius:20px !important;
  }

  .homeQuestionStrip{
    width:min(1060px, calc(100% - 104px)) !important;
    max-width:1060px !important;
    margin:12px auto 0 !important;
  }

  .questionCardSimpleV108{
    min-height:116px !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 88px !important;
    gap:14px !important;
    align-items:center !important;
    padding:14px 18px 14px 20px !important;
    border-radius:18px !important;
    border:1px solid rgba(74,48,36,.07) !important;
    background:rgba(255,253,248,.93) !important;
    box-shadow:0 12px 28px rgba(74,48,36,.055) !important;
    overflow:hidden !important;
  }

  .questionCardSimpleV108 .questionCardText{
    display:grid !important;
    grid-template-columns:auto auto auto 1fr auto !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:6px !important;
  }

  .questionCardSimpleV108 .questionCardText > span{
    grid-column:1 / 2 !important;
    margin:0 !important;
    min-height:22px !important;
    padding:4px 8px !important;
    font-size:9px !important;
    white-space:nowrap !important;
  }

  .questionCardSimpleV108 .questionCardText h2{
    grid-column:2 / 3 !important;
    font-size:clamp(26px, 2vw, 34px) !important;
    line-height:1 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .questionCardSimpleV108 .questionCardText p{
    grid-column:3 / 5 !important;
    margin:0 !important;
    font-size:13.6px !important;
    line-height:1.25 !important;
    color:rgba(68,48,43,.74) !important;
  }

  .questionCardSimpleV108 .questionCardText strong{
    grid-column:1 / 3 !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.2 !important;
  }

  .questionCardSimpleV108 .questionChipsV106{
    grid-column:3 / 4 !important;
    margin:0 !important;
    gap:5px !important;
    white-space:nowrap !important;
  }

  .questionCardSimpleV108 .questionChipsV106 a{
    min-height:24px !important;
    padding:4px 8px !important;
    font-size:9.5px !important;
  }

  .questionCardSimpleV108 .questionActionsV106{
    grid-column:4 / 6 !important;
    justify-content:flex-end !important;
    gap:6px !important;
    margin:0 !important;
  }

  .questionCardSimpleV108 .primaryQuestionButton,
  .questionCardSimpleV108 .secondaryQuestionButton{
    min-height:32px !important;
    padding:7px 11px !important;
    font-size:10.6px !important;
  }

  .questionCardSimpleV108 .questionVisualV106{
    min-height:70px !important;
    opacity:.82 !important;
  }

  .manifesto{
    width:min(1060px, calc(100% - 104px)) !important;
    max-width:1060px !important;
    margin-top:12px !important;
    padding:14px 20px !important;
    border-radius:18px !important;
  }

  .manifesto p{
    font-size:14px !important;
    line-height:1.42 !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px){
  .heroV68,
  .homeQuestionStrip,
  .manifesto{
    width:min(1000px, calc(100% - 72px)) !important;
  }
  .questionCardSimpleV108 .questionCardText{
    grid-template-columns:auto auto 1fr auto !important;
  }
  .questionCardSimpleV108 .questionCardText p{
    grid-column:3 / 5 !important;
  }
  .questionCardSimpleV108 .questionChipsV106{
    display:none !important;
  }
  .questionCardSimpleV108 .questionActionsV106{
    grid-column:3 / 5 !important;
  }
}

@media (max-width: 1180px){
  .homeQuestionStrip{
    width:min(100% - 20px, 1380px) !important;
    margin:12px auto 0 !important;
  }
  .questionCardSimpleV108{
    border-radius:18px !important;
    padding:16px !important;
    min-height:0 !important;
  }
}

@media (max-width: 720px){
  .homeQuestionStrip{
    width:min(100% - 14px, 1380px) !important;
  }
  .questionCardSimpleV108{
    grid-template-columns:1fr !important;
  }
  .questionCardSimpleV108 .questionVisualV106{
    display:none !important;
  }
}


/* V10.9 — poenostavljena navigacija
   Primarni meni je namenoma zmanjšan na 6 ključnih vstopov.
   Brez novih funkcij: samo mirnejši, bolj uporaben topbar. */
@media (min-width: 901px){
  .topbar .navrow{
    min-height:68px !important;
    height:68px !important;
    align-items:center !important;
    gap:22px !important;
  }

  .topbar .brand{
    flex:0 0 auto !important;
  }

  .topbar .nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    margin-left:auto !important;
  }

  .topbar .nav a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    font-size:13.2px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:.01em !important;
    background:transparent !important;
    border:1px solid transparent !important;
  }

  .topbar .nav a:hover{
    background:rgba(255,255,255,.72) !important;
    border-color:rgba(116,78,50,.08) !important;
  }

  .topbar .nav a[href="search.php"]{
    background:rgba(255,255,255,.78) !important;
    border-color:rgba(116,78,50,.12) !important;
    box-shadow:0 8px 22px rgba(74,48,36,.055) !important;
  }
}

@media (min-width: 901px) and (max-width: 1120px){
  .topbar .navrow{
    gap:14px !important;
  }
  .topbar .brand span{
    font-size:17px !important;
  }
  .topbar .nav{
    gap:4px !important;
  }
  .topbar .nav a{
    padding:8px 9px !important;
    font-size:12.5px !important;
  }
}


/* V11.1 · premium image placement */
.heroV68ImageCard img{
  object-position:center center;
}

.journalBlockV111{
  overflow:hidden;
}

.journalVisualStripV111{
  margin:0 0 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  align-items:stretch;
}

.journalVisualStripV111 img{
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center center;
  border-radius:24px;
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 12px 26px rgba(74,48,36,.07);
  background:#f2e9df;
}

.journalVisualStripV111 div{
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(74,48,36,.08);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.journalVisualStripV111 span,
.sectionHeroImageV111 span{
  color:#4b9aa3;
  font-weight:900;
  letter-spacing:.04em;
  font-size:12px;
  text-transform:uppercase;
}

.journalVisualStripV111 strong,
.sectionHeroImageV111 strong{
  display:block;
  margin-top:8px;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:28px;
  line-height:1.02;
  color:var(--wood);
}

.sectionHeroImageV111{
  position:relative;
  margin:0 0 18px;
  min-height:260px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(74,48,36,.08);
  box-shadow:var(--soft);
  background:#f2e9df;
}

.sectionHeroImageV111 img{
  display:block;
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  object-position:center center;
}

.sectionHeroImageV111 div{
  position:absolute;
  left:24px;
  bottom:22px;
  max-width:420px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 10px 24px rgba(74,48,36,.07);
  backdrop-filter:blur(10px);
}

.povezovanjeSplitV111 .featureVisual img{
  object-position:center center;
}

@media (max-width: 900px){
  .journalVisualStripV111{
    grid-template-columns:1fr;
  }
  .journalVisualStripV111 img{
    height:auto;
    aspect-ratio:16/9;
  }
  .sectionHeroImageV111,
  .sectionHeroImageV111 img{
    min-height:220px;
  }
  .sectionHeroImageV111 div{
    left:14px;
    right:14px;
    bottom:14px;
    max-width:none;
  }
}

@media (max-width: 640px){
  .journalVisualStripV111 strong,
  .sectionHeroImageV111 strong{
    font-size:24px;
  }
}



/* V111 R11 · Rich MD + UTF-8 readability */
.md{
  font-feature-settings:"kern" 1;
  word-break:normal;
  overflow-wrap:anywhere;
}

.md h1,
.md h2,
.md h3,
.md h4{
  color:var(--wood);
  letter-spacing:-.025em;
}

.md h1{
  line-height:1.02;
  border-bottom:1px solid rgba(74,48,36,.10);
  padding-bottom:16px;
}

.md h2{
  line-height:1.12;
  padding-top:12px;
}

.md h3{
  line-height:1.18;
  color:var(--walnut);
}

.md h4{
  font-size:20px;
  margin:20px 0 8px;
}

.md p{
  max-width:78ch;
  line-height:1.72;
}

.md p + p{
  margin-top:14px;
}

.md strong{
  color:var(--wood);
  font-weight:900;
}

.md em{
  color:#6b5a50;
}

.md a{
  color:var(--accent);
  font-weight:850;
  text-decoration:none;
  border-bottom:1px solid rgba(45,143,214,.28);
}

.md a:hover{
  border-bottom-color:rgba(45,143,214,.72);
}

.md ul,
.md ol{
  margin:12px 0 22px;
  padding-left:28px;
}

.md li{
  line-height:1.68;
  margin:7px 0;
}

.md li::marker{
  color:var(--accent);
  font-weight:900;
}

.md blockquote{
  margin:26px 0;
  padding:18px 22px;
  border-left:4px solid rgba(45,143,214,.42);
  border-radius:0 18px 18px 0;
  background:linear-gradient(135deg,rgba(45,143,214,.08),rgba(255,253,248,.76));
  color:#4a342c;
}

.md blockquote p{
  margin:0;
  font-size:18px;
}

.md hr{
  border:0;
  height:1px;
  margin:30px 0;
  background:linear-gradient(90deg,rgba(74,48,36,0),rgba(74,48,36,.18),rgba(74,48,36,0));
}

.md code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em;
  padding:.15em .42em;
  border-radius:8px;
  background:rgba(74,48,36,.07);
  color:#4a3024;
}

.viewerMd .md,
.readerV6 .md{
  font-size:18px;
}

@media (max-width:760px){
  .md p,
  .md li,
  .md blockquote p{
    font-size:16.5px !important;
    line-height:1.68;
  }

  .md ul,
  .md ol{
    padding-left:22px;
  }

  .md blockquote{
    padding:15px 17px;
    border-radius:0 15px 15px 0;
  }
}


/* V111 R12 · dedicated rich MD page */
.richMdPage .viewerTools{
  margin-bottom:18px;
}

.richMdReader .md{
  max-width:900px;
}

.richMdReader .md h1:first-child{
  margin-top:0;
}

.richMdPage .viewerToolButton[href$=".md"]{
  opacity:.82;
}


/* V111 R13 · MD compatibility note */
.richMdPage .viewerIntro .eyebrow{
  letter-spacing:.12em;
}


/* V111 R18 · safe languages on home/menu only */
.homeLanguagePanel{
  margin:28px 0 30px;
  padding:28px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,239,229,.74));
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 20px 52px rgba(74,48,36,.07);
}

.homeLanguageGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.homeLanguageCard{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 15px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(74,48,36,.08);
  color:var(--wood);
  text-decoration:none;
  box-shadow:0 10px 26px rgba(74,48,36,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  cursor:pointer;
  font:inherit;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
}

.homeLanguageCard:hover{
  transform:translateY(-2px);
  border-color:rgba(45,143,214,.30);
  box-shadow:0 14px 30px rgba(45,143,214,.10);
}

.homeLanguageCode{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#f1e3d4,#fffaf4);
  border:1px solid rgba(74,48,36,.08);
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
}

.homeLanguageCard strong{
  font-size:15px;
  line-height:1.2;
}

.languageWidgetBox{
  margin-top:18px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(74,48,36,.08);
}

.languageWidgetTitle{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:10px;
}

.languageWidgetNote{
  margin:10px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.goog-te-gadget{
  color:var(--muted) !important;
  font-family:inherit !important;
}

.goog-te-combo{
  width:100%;
  max-width:360px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(74,48,36,.14);
  background:#fff;
  color:var(--wood);
  font:inherit;
}

.viewerTranslateBar,
.richMdPage > .translateBar{
  display:none !important;
}

@media (max-width:980px){
  .homeLanguageGrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:560px){
  .homeLanguagePanel{ padding:20px; border-radius:24px; }
  .homeLanguageGrid{ grid-template-columns:1fr; }
}


/* V111 R21 · safe language link, no widget, no layout break */
.languageMiniBarWrap,
.languageMenuCompact,
.homeLanguagePanel,
.languageWidgetBox{
  display:none !important;
}

.languageSafeLink{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:36px;
  padding:0 13px;
  margin-left:10px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.10);
  background:rgba(255,255,255,.82);
  color:var(--wood);
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(74,48,36,.05);
  white-space:nowrap;
}

.languageSafeLink:hover{
  border-color:rgba(45,143,214,.28);
  box-shadow:0 10px 24px rgba(45,143,214,.10);
}

.languageSafeInfo{
  margin:30px 0 0;
  padding:0;
}

.languageSafeInfoInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 14px 32px rgba(74,48,36,.05);
}

.languageSafeInfo h2{
  margin:2px 0 0;
  font-size:24px;
}

.languageSafeInfo p{
  max-width:680px;
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

@media (max-width:760px){
  .languageSafeLink{
    height:34px;
    padding:0 10px;
    margin-left:0;
    font-size:12px;
  }
  .languageSafeInfoInner{
    display:block;
    padding:18px;
  }
  .languageSafeInfo p{
    margin-top:10px;
  }
}


/* V111 R22 · floating translate panel, no layout impact */
.languageSafeLink,
.languageSafeInfo,
.languageMiniBarWrap,
.languageMenuCompact,
.homeLanguagePanel,
.languageWidgetBox{
  display:none !important;
}

.amTranslateFloating{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  font-family:inherit;
}

.amTranslateToggle{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.14);
  background:rgba(255,255,255,.94);
  color:var(--wood);
  box-shadow:0 16px 42px rgba(74,48,36,.16);
  cursor:pointer;
  font-size:20px;
}

.amTranslateToggle:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 48px rgba(45,143,214,.15);
  border-color:rgba(45,143,214,.30);
}

.amTranslatePanel{
  position:absolute;
  right:0;
  bottom:58px;
  width:276px;
  padding:13px;
  border-radius:24px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(74,48,36,.10);
  box-shadow:0 24px 58px rgba(74,48,36,.18);
}

.amTranslatePanelTitle{
  padding:4px 6px 10px;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.amTranslateButtons{
  display:grid;
  gap:7px;
}

.amTranslateButtons button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:0;
  border-radius:15px;
  background:transparent;
  color:var(--wood);
  font:inherit;
  cursor:pointer;
  text-align:left;
}

.amTranslateButtons button:hover{
  background:rgba(245,236,224,.76);
}

.amTranslateButtons strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(135deg,#f1e3d4,#fffaf4);
  border:1px solid rgba(74,48,36,.08);
  font-size:11px;
  font-weight:900;
}

.amTranslateButtons span{
  font-size:14px;
  font-weight:780;
}

.amTranslateWidget{
  margin-top:10px;
  padding:10px;
  border-radius:16px;
  background:rgba(247,239,229,.55);
  border:1px solid rgba(74,48,36,.08);
}

.amTranslateWidget .goog-te-gadget{
  color:var(--muted) !important;
  font-family:inherit !important;
  font-size:11px !important;
}

.amTranslateWidget .goog-te-combo{
  width:100%;
  max-width:100%;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(74,48,36,.14);
  background:#fff;
  color:var(--wood);
  font:inherit;
}

.amTranslateStatus{
  min-height:16px;
  margin:9px 4px 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}

@media print{
  .amTranslateFloating{ display:none !important; }
}

@media (max-width:640px){
  .amTranslateFloating{
    right:12px;
    bottom:12px;
  }
  .amTranslatePanel{
    width:min(278px, calc(100vw - 24px));
    right:0;
  }
}


/* V111 R23 · card reader tools + forward/mail */
.readerToolsV111R23{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  margin:14px 0 24px;
  padding:14px;
  border-radius:24px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(74,48,36,.08);
  box-shadow:0 14px 36px rgba(74,48,36,.06);
}

.readerToolButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(74,48,36,.10);
  background:#fff;
  color:var(--wood);
  text-decoration:none;
  font:inherit;
  font-size:14px;
  font-weight:820;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(74,48,36,.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.readerToolButton:hover,
.viewerToolButtonMail:hover{
  transform:translateY(-1px);
  border-color:rgba(45,143,214,.28);
  box-shadow:0 12px 26px rgba(45,143,214,.10);
}

.readerToolIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:21px;
  height:21px;
  font-size:15px;
  line-height:1;
}

.viewerToolButtonMail{
  text-decoration:none;
}

.readerHeroStats .statCard{
  opacity:.78;
}

@media print{
  .readerToolsV111R23,
  .viewerTools,
  .amTranslateFloating{
    display:none !important;
  }
}

@media (max-width:760px){
  .readerToolsV111R23{
    padding:12px;
    gap:8px;
  }
  .readerToolButton{
    min-height:38px;
    padding:0 12px;
    font-size:13px;
  }
}


/* V111 R24 · reader tool feedback */
.readerToolButton.isDone,
.viewerToolButton.isDone{
  border-color:rgba(45,143,214,.30);
  background:rgba(232,244,252,.92);
}


/* V111 R25 · print cleanup */
@media print{
  .topbar,
  .viewerTools,
  .readerToolsV111R23,
  .amTranslateFloating,
  .mobileMenuToggle,
  .portalFooter,
  .backToTop{
    display:none !important;
  }

  body{
    background:#fff !important;
    color:#111 !important;
  }

  .wrap,
  .viewer,
  .readerPage,
  .viewerArticle{
    max-width:none !important;
    width:100% !important;
    box-shadow:none !important;
  }

  a[href]::after{
    content:"" !important;
  }
}


/* V111 R26 · clean postcard tools, no passive labels */
.viewerChips,
.overviewChips{
  display:none !important;
}

.readerHeroStats{
  display:none !important;
}

.viewerToolActions,
.readerToolsV111R23{
  gap:9px;
}

.viewerToolButton,
.readerToolButton{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap;
}

.toolIcon,
.readerToolIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  font-size:16px;
  line-height:1;
}

@media (max-width:760px){
  .viewerToolActions,
  .readerToolsV111R23{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
  }

  .viewerToolButton,
  .readerToolButton{
    width:100%;
    justify-content:flex-start !important;
  }
}


/* V111 R27 · tools only on opened postcard */
.readerPage > .readerToolsV111R23{
  display:none !important;
}
.readerHeaderTools.readerToolsInline{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  justify-content:flex-end;
  align-items:center;
  max-width:520px;
}
.readerHeaderTools.readerToolsInline .readerToolButton{
  min-height:38px;
  padding:0 12px;
  font-size:13px;
  box-shadow:0 6px 16px rgba(74,48,36,.04);
}
.readerHeaderTools.readerToolsInline .readerToolIcon{
  min-width:18px;
  height:18px;
  font-size:14px;
}
.readerHeaderTags{
  display:none !important;
}
@media (max-width:980px){
  .readerHeaderBar{
    display:block !important;
  }
  .readerHeaderTools.readerToolsInline{
    justify-content:flex-start;
    max-width:none;
    margin-top:14px;
  }
}


/* V111 R28 · persistent translate state */
.amTranslateButtons button.isActive{
  background:rgba(232,244,252,.95);
  border:1px solid rgba(45,143,214,.18);
}

.amTranslateButtons button.isActive strong{
  background:linear-gradient(135deg,#dff1fb,#fff);
  border-color:rgba(45,143,214,.24);
}