/* Junior Detectives: Fayetteville Edition kids' newsletter (overlay 2026-10-27_kids_signup). Home promo card + /tn/<town>/kids/ page.
   Colors borrowed from the newsletter (pink, orange, teal, grape, blue); layout follows the site cards. */
.jd-promo,.jd-page{--jd-pink:#d6265c;--jd-pink2:#e83a6b;--jd-orange:#c86400;--jd-orange-bg:#fff1e0;--jd-teal:#08766f;--jd-teal-bg:#e2f6f3;
  --jd-grape:#6a3fb8;--jd-grape-bg:#efe8fb;--jd-blue:#2f6fd6;--jd-ink:#24182a;
  --jd-grad:linear-gradient(100deg,#ffe3cc 0%,#fbd3e0 45%,#e8ddf5 75%,#dbe8fb 100%)}
.jd-promo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 22px;margin:14px 0 16px;padding:14px 22px 14px 18px;
  background:var(--jd-grad);border:3px solid var(--jd-pink2);border-radius:16px;box-shadow:4px 4px 0 var(--jd-ink);color:var(--jd-ink);position:relative}
.jd-promo-cover{display:block;line-height:0;transform:rotate(-3deg);transition:transform .15s}
.jd-promo-cover:hover,.jd-promo-cover:focus-visible{transform:rotate(0) scale(1.03)}
.jd-promo-cover img{width:128px;height:auto;border:2px solid var(--jd-ink);border-radius:6px;background:#fff;box-shadow:3px 3px 0 rgba(36,24,42,.35)}
.jd-promo-body{min-width:0}
.jd-promo-kicker{margin:0 0 2px;font:800 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--jd-grape);display:flex;align-items:center;gap:6px}
.jd-promo-kicker svg{flex:none}
.jd-promo-h{margin:0 0 4px;font:900 clamp(26px,3.4vw,36px)/1.05 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--jd-pink);letter-spacing:.01em;border:0;padding:0}
.jd-promo-line{margin:0;font-size:18px;line-height:1.4;max-width:620px}
.jd-promo-btn,.jd-btn{display:inline-block;background:var(--jd-pink);color:#fff;text-decoration:none;font:800 17px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  padding:13px 22px;border-radius:999px;border:2px solid var(--jd-ink);box-shadow:3px 3px 0 var(--jd-ink);white-space:nowrap;text-align:center}
.jd-promo-btn:hover,.jd-btn:hover,.jd-promo-btn:focus-visible,.jd-btn:focus-visible{background:var(--jd-ink);color:#fff}
.jd-promo-btn:focus-visible,.jd-btn:focus-visible,.jd-promo-cover:focus-visible{outline:3px solid var(--yp,#f5cf2a);outline-offset:3px}
@media (max-width:760px){
  .jd-promo{grid-template-columns:84px 1fr;gap:10px 14px;padding:12px 14px 14px 12px;margin:10px 0 12px;border-radius:14px}
  .jd-promo-cover img{width:84px}
  .jd-promo-kicker{font-size:11.5px;letter-spacing:.06em}
  .jd-promo-h{font-size:26px}
  .jd-promo-line{font-size:16px;line-height:1.35}
  .jd-promo-btn{grid-column:1/-1;display:block;padding:12px 16px;font-size:17px}
}
/* ---- /kids/ page ---- */
.jd-page .jd-hero{background:var(--jd-grad);border:3px solid var(--jd-pink2);border-radius:18px;box-shadow:4px 4px 0 var(--jd-ink);padding:18px 22px;margin:6px 0 20px;
  display:flex;align-items:center;gap:18px;color:var(--jd-ink)}
.jd-hero-glass{flex:none}
.jd-hero-k{margin:0;font:800 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--jd-grape)}
.jd-page h1{margin:2px 0 6px;font:900 clamp(34px,6vw,56px)/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--jd-pink);border:0;padding:0;text-align:left}
.jd-hero-sub{margin:0 0 12px;font-size:19px;line-height:1.45;max-width:720px}
.jd-hero-cta{margin:0;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.jd-hero-cta .jd-plain{font:700 15px system-ui,sans-serif;color:var(--jd-ink)}
.jd-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);gap:26px;align-items:start}
.jd-page h2{font:800 25px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--jd-ink);margin:0 0 6px}
.jd-sec{margin:28px 0 0}
.jd-preview .jd-sub{margin:0 0 12px;color:var(--muted)}
.jd-flip{position:relative}
.jd-flip figure{margin:0 0 14px}
.jd-flip img{display:block;width:100%;height:auto;border:2px solid var(--jd-ink);border-radius:10px;background:#fff;box-shadow:4px 4px 0 rgba(36,24,42,.3)}
.jd-flip figcaption{font:600 15px/1.4 system-ui,sans-serif;color:var(--muted);margin:8px 2px 0;text-align:center}
.jd-flip[data-ready] figure{display:none}.jd-flip[data-ready] figure.is-on{display:block}
.jd-flip-ctl{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 10px}
.jd-flip-ctl[hidden]{display:none}
.jd-flip-ctl button{font:800 16px system-ui,sans-serif;background:#fff;color:var(--jd-ink);border:2px solid var(--jd-ink);border-radius:999px;padding:9px 16px;cursor:pointer;box-shadow:2px 2px 0 var(--jd-ink)}
.jd-flip-ctl button:hover{background:var(--jd-grape-bg)}
.jd-flip-ctl button:focus-visible{outline:3px solid var(--yp,#f5cf2a);outline-offset:2px}
.jd-flip-ctl button[disabled]{opacity:.4;cursor:default}
.jd-flip-n{font:700 15px system-ui,sans-serif;min-width:90px;text-align:center}
.jd-thumbs{display:flex;justify-content:center;gap:10px;margin:0 0 12px;padding:0;list-style:none}
.jd-thumbs[hidden]{display:none}
.jd-thumbs button{padding:0;border:2px solid var(--rule,#c9b98f);border-radius:6px;background:#fff;cursor:pointer;line-height:0;opacity:.75}
.jd-thumbs button[aria-current=true]{border-color:var(--jd-pink);opacity:1;box-shadow:0 0 0 2px var(--jd-pink)}
.jd-thumbs img{width:64px;height:auto;border-radius:4px}
.jd-pdf{font:700 16px/1.4 system-ui,sans-serif;text-align:center;margin:4px 0 0}
.jd-pdf a{color:var(--jd-pink)}
.jd-pdf small{display:block;font-weight:400;color:var(--muted);font-size:14px}
.jd-signup{position:sticky;top:12px;border:3px solid var(--jd-pink2);border-radius:16px;box-shadow:4px 4px 0 var(--jd-ink);background:#fff;padding:18px 20px 16px}
.jd-signup h2{font-size:22px;margin:0 0 6px}
.jd-signup .jd-one{margin:0 0 6px;font-size:16px}
.jd-signup .pform{max-width:none}
.jd-signup .field label{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.jd-signup .opt{font-weight:400;color:var(--muted)}
.jd-signup .field.check{margin-top:12px}
.jd-signup .field.check label{font-size:16px;font-weight:600}
.jd-signup .pform button{background:var(--jd-pink);border-radius:999px;font:800 17px system-ui,sans-serif;letter-spacing:0;border:2px solid var(--jd-ink)}
.jd-signup .pform button:hover{background:var(--jd-ink)}
.jd-privacy{font:600 15px/1.45 system-ui,sans-serif;color:var(--jd-ink);background:var(--jd-teal-bg);border-left:4px solid var(--jd-teal);padding:8px 10px;margin:12px 0 0}
.jd-signup .mail-note{font-size:13.5px}
.jd-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 0}
.jd-band{border:3px solid;border-radius:14px;padding:12px 14px;background:#fff}
.jd-band h3{margin:0 0 2px;font:800 19px/1.2 system-ui,sans-serif;border:0;padding:0;font-variant:normal;letter-spacing:0}
.jd-band .jd-age{margin:0 0 6px;font:700 14px system-ui,sans-serif}
.jd-band p{margin:0;font-size:16px;line-height:1.45}
.jd-b1{border-color:#f7941d;background:var(--jd-orange-bg)}.jd-b1 h3,.jd-b1 .jd-age{color:var(--jd-orange)}
.jd-b2{border-color:#12a39a;background:var(--jd-teal-bg)}.jd-b2 h3,.jd-b2 .jd-age{color:var(--jd-teal)}
.jd-b3{border-color:#7b52c7;background:var(--jd-grape-bg)}.jd-b3 h3,.jd-b3 .jd-age{color:var(--jd-grape)}
.jd-family{margin:14px 0 0;border:3px solid var(--jd-pink2);border-radius:14px;background:#fde7ee;padding:10px 14px;font-size:16px}
.jd-family strong{color:var(--jd-pink)}
.jd-list{margin:8px 0 0;padding-left:1.2em;columns:2;column-gap:32px}
.jd-list li{margin:0 0 6px;break-inside:avoid}
.jd-grown{margin:28px 0 0;border-radius:14px}
.jd-grown h2{font-size:21px}
.jd-grown ul{margin:6px 0 0;padding-left:1.2em}.jd-grown li{margin:0 0 6px}
.jd-note{font:13px/1.45 system-ui,sans-serif;color:var(--muted);text-align:center;margin:18px 0 0}
.jd-preview-bar{background:#b3261e;color:#fff;font:700 14px system-ui,sans-serif;text-align:center;padding:6px 10px}
@media (max-width:900px){.jd-grid{grid-template-columns:1fr}.jd-signup{position:static}}
@media (max-width:760px){
  .jd-page .jd-hero{display:block;padding:14px 16px}
  .jd-hero-glass{display:none}
  .jd-hero-sub{font-size:17px}
  .jd-bands{grid-template-columns:1fr}
  .jd-list{columns:1}
  .jd-thumbs img{width:54px}
}
@media print{.jd-promo,.jd-flip-ctl,.jd-thumbs{display:none}}
/* 2026-10-27 brand: "Junior Detectives" + edition subtitle ("Fayetteville Edition") */
.jd-ed{display:block;font-size:.5em;line-height:1.15;letter-spacing:.02em;color:var(--jd-grape);margin-top:2px}
.jd-promo-h .jd-ed{font-size:.56em}
.jd-page h1 .jd-ed{font-size:.46em;margin-top:6px}