/* Digital Gabbai knowledge-center article shell
   Keeps legacy/static knowledge articles visually aligned with the canonical public article layout. */
:root{
  --dgk-brand:#6B1C2A;
  --dgk-brand-dark:#4A1520;
  --dgk-brand-light:rgba(107,28,42,.08);
  --dgk-accent:#E08A2A;
  --dgk-bg:#F3EDE6;
  --dgk-soft:#FBF7F2;
  --dgk-text:#2D2424;
  --dgk-muted:#6B5F58;
  --dgk-border:#E7DDD2;
}
body{
  font-family:'Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px;
  line-height:1.75;
  background:var(--dgk-bg);
  color:var(--dgk-text);
}
.memorial-strip{
  background:linear-gradient(180deg,var(--dgk-brand-dark),var(--dgk-brand));
  color:#F7E6B8;
  text-align:center;
  padding:9px 14px;
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.2px;
}
.topbar{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(243,237,230,.93);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--dgk-border);
}
.topbar__inner{
  max-width:1180px;
  margin:0 auto;
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.brand-mark{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--dgk-brand);
  font-family:'Frank Ruhl Libre',serif;
  font-size:1.2rem;
  font-weight:700;
  text-decoration:none;
}
.brand-mark:hover{text-decoration:none}
.brand-mark .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--dgk-brand);
  box-shadow:0 0 0 4px var(--dgk-brand-light);
}
.topbar__nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:14px;
}
.topbar__nav a{
  color:var(--dgk-text);
  font-size:.95rem;
  font-weight:600;
  text-decoration:none;
}
.topbar__nav a:hover,
.topbar__nav a[aria-current="page"]{color:var(--dgk-brand)}
.crumbs{
  color:var(--dgk-muted);
  font-size:.88rem;
}
.crumbs a{
  color:var(--dgk-muted);
  font-weight:600;
  text-decoration:none;
}
.crumbs a:hover{color:var(--dgk-brand)}
.crumbs .sep{color:var(--dgk-border);margin:0 8px}
.footer{
  border-top:1px solid var(--dgk-border);
  background:var(--dgk-soft);
  color:var(--dgk-muted);
}

/* The 12 oldest knowledge pages used a separate dark marketing shell.
   Normalize only their shell/hero/section rhythm; keep their article-specific components intact. */
body[data-knowledge-shell="legacy"] .hero{
  max-width:880px;
  margin:0 auto;
  padding:36px 24px 28px;
  background:transparent;
  color:var(--dgk-text);
  text-align:start;
}
body[data-knowledge-shell="legacy"] .hero-badge{display:none}
body[data-knowledge-shell="legacy"] .hero h1{
  margin:0 0 18px;
  color:var(--dgk-brand);
  font-family:'Frank Ruhl Libre',serif;
  font-size:clamp(1.85rem,4.6vw,2.55rem);
  font-weight:700;
  line-height:1.18;
}
body[data-knowledge-shell="legacy"] .hero p{
  max-width:none;
  margin:0 0 14px;
  color:var(--dgk-text);
  font-size:1.15rem;
  font-weight:500;
  line-height:1.7;
  opacity:1;
}
body[data-knowledge-shell="legacy"] .hero-cta-row{
  justify-content:flex-start;
  gap:10px;
  margin-top:24px;
}
body[data-knowledge-shell="legacy"] .hero .btn-primary,
body[data-knowledge-shell="legacy"] .hero .btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:14px 22px;
  border-radius:14px;
  font-size:1rem;
  font-weight:800;
  text-decoration:none;
}
body[data-knowledge-shell="legacy"] .hero .btn-primary{
  background:var(--dgk-brand);
  color:#fff;
  box-shadow:0 8px 22px rgba(107,28,42,.20);
}
body[data-knowledge-shell="legacy"] .hero .btn-primary:hover{background:var(--dgk-brand-dark)}
body[data-knowledge-shell="legacy"] .hero .btn-ghost{
  background:#fff;
  color:var(--dgk-brand);
  border:1px solid var(--dgk-border);
}
body[data-knowledge-shell="legacy"] .hero .btn-ghost:hover{
  border-color:var(--dgk-brand);
  background:var(--dgk-brand-light);
}
body[data-knowledge-shell="legacy"] .main{
  max-width:880px;
  margin:0 auto;
  padding:0 24px 96px;
}
body[data-knowledge-shell="legacy"] .section{
  margin:0;
  padding:36px 0;
  border-top:1px solid var(--dgk-border);
}
body[data-knowledge-shell="legacy"] .section-title{
  margin:0 0 16px;
  padding:0;
  border:0;
  color:var(--dgk-brand);
  font-family:'Frank Ruhl Libre',serif;
  font-size:1.55rem;
  font-weight:700;
  line-height:1.25;
}
body[data-knowledge-shell="legacy"] .footer{
  padding:28px 20px 46px;
  background:var(--dgk-soft);
  color:var(--dgk-muted);
}
body[data-knowledge-shell="legacy"] .footer a{color:var(--dgk-muted)}

@media(max-width:700px){
  .topbar__inner{
    padding:12px 18px;
    align-items:flex-start;
  }
  .topbar__nav{
    gap:10px;
  }
  .topbar__nav a{font-size:.88rem}
  body[data-knowledge-shell="legacy"] .hero{
    padding:24px 18px 18px;
  }
  body[data-knowledge-shell="legacy"] .main{
    padding:0 18px 72px;
  }
  body[data-knowledge-shell="legacy"] .section{
    padding:28px 0;
  }
}