/* takeover.css — loaded last on every page.
   Constraint layer: fixes that must survive any regeneration of the upstream
   minified sheets. Keep each rule tied to a named defect. */

/* Hero arch clips left-anchored text (border-radius 46% + overflow hidden).
   Centering under the dome apex is the only position the curve can never cut. */
.still-note{top:46px;left:0;right:0;text-align:center}
.still-note b{font-size:26px}
.p-three{top:158px}

/* Nav links were display:none under 1050px, leaving no navigation at all. */
@media(max-width:1050px){
  .navlinks{display:flex;gap:18px}
}
@media(max-width:650px){
  .nav-inner{flex-wrap:wrap;height:auto;padding-block:10px;row-gap:9px}
  .site-search{flex:1;min-width:180px}
  .navlinks{width:100%;gap:20px}
  .navlinks a{display:inline!important;font-size:11px}
  .nav-links a:not(:first-child){display:inline!important}
  .still-note{top:32px;left:0;right:0}
  .still-note b{font-size:21px}
  .p-three{top:118px}
}

/* Inner pages hid every nav link after the first at all widths. */
.nav-links a:not(:first-child){display:inline}

/* Niacinamide concentration guide: replace low-information template cards with
   one dense, evidence-linked decision tool. Scoped so other guides are stable. */
.page-niacinamide .hero{padding-block:42px 34px}
.page-niacinamide .hero h1{max-width:920px;font-size:clamp(52px,6.4vw,84px);line-height:.93;margin-bottom:18px}
.page-niacinamide .hero .lede{max-width:800px;margin-bottom:18px}
.page-niacinamide .hero .moment{margin-block:14px 0}
.page-niacinamide .hero .verdict{max-width:920px;margin-top:22px;padding:20px 24px}
.nia-decision{margin:34px 0 52px;border-top:1px solid var(--line);padding-top:34px}
.nia-decision>header{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end;margin-bottom:22px}
.nia-decision>header .label,.nia-decision>header h2{grid-column:1}
.nia-decision>header h2{margin:8px 0 0;font:400 46px/.98 Georgia,serif}
.nia-decision>header p{grid-column:2;grid-row:1/3;margin:0;font:17px/1.55 Georgia,serif;color:var(--muted)}
.nia-evidence-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--line);gap:1px;margin-bottom:14px}
.nia-evidence-band article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#f5f0e8;padding:18px}
.nia-evidence-band b{font:400 31px/1 Georgia,serif;color:var(--forest)}
.nia-evidence-band span{font-size:12px;line-height:1.45;color:var(--muted)}
.nia-evidence-band .nia-ten{background:#efe0da}
.nia-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);background:var(--line);gap:1px}
.nia-grid article{min-height:0;padding:25px 27px;background:var(--white)}
.nia-grid article>span,.nia-stop span{color:var(--wine);font:900 10px/1.3 Arial,sans-serif;letter-spacing:.13em}
.nia-grid h3,.nia-stop h3{margin:8px 0 14px;font:400 29px/1 Georgia,serif}
.nia-grid ul,.nia-grid dl,.nia-grid .checklist{margin:0;font-size:14px;line-height:1.48}
.nia-grid li+li,.nia-grid dd+dt{margin-top:9px}
.nia-grid dt{font-weight:800}
.nia-grid dd{margin:3px 0 0;color:var(--muted)}
.nia-grid .checklist p{margin:0;padding:8px 0;border-bottom:1px solid var(--line)}
.nia-grid article>strong{display:block;margin-top:12px;font-size:13px;line-height:1.45}
.nia-stop{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;margin-top:16px;padding:22px 26px;background:var(--forest);color:white}
.nia-stop h3,.nia-stop p{margin:0}.nia-stop p{color:#dce6e1;line-height:1.55}
.nia-save{display:flex;gap:12px;align-items:baseline;margin-top:12px;padding:16px 20px;background:var(--rose);font:15px/1.45 Georgia,serif}
.evidence-line{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.evidence-line a{color:var(--forest);font-weight:800}
.page-niacinamide .section-head{margin-top:54px;padding-top:38px}
@media(max-width:900px){.nia-evidence-band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .page-niacinamide .hero{padding-block:30px 28px}
  .page-niacinamide .hero h1{font-size:46px}
  .nia-decision>header,.nia-grid,.nia-stop{grid-template-columns:1fr}
  .nia-decision>header{gap:12px}
  .nia-decision>header p{grid-column:1;grid-row:auto}
  .nia-decision>header h2{font-size:36px}
  .nia-grid article{padding:22px}
  .nia-stop{gap:10px}
  .nia-save{display:grid}
}
@media(max-width:520px){
  .page-niacinamide .hero h1{font-size:40px}
  .nia-evidence-band{grid-template-columns:1fr}
  .nia-evidence-band article{padding:15px 17px}
}