/* chrome.css — The AI Daily shared header + footer (Midnight & Gold).
 * Single source of truth: linked from every page; markup comes from
 * social.py site_nav()/site_footer(). Namespaced .ad-* / --adg-* so it never
 * collides with a page's own content styles. Loaded on top of each page — it
 * only styles the masthead and footer; page content keeps its own look. */
:root{
  --adg-navy:#0e1524; --adg-navy-2:#0b111c;
  --adg-ink:#efe9dc; --adg-muted:#a7aab8; --adg-rule:rgba(255,255,255,.13);
  --adg-gold:#cba43f; --adg-gold-2:#dcb552; --adg-gold-soft:#f6efdb;
  --adg-field:rgba(255,255,255,.07); --adg-field-bd:rgba(255,255,255,.22);
  --adg-serif:'Fraunces', Georgia, 'Times New Roman', serif;
  --adg-sans:'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --adg-maxw:1120px;
}
/* defensive resets: keep page-level element selectors (footer{}, a:hover{}, …)
 * from leaking into the shared chrome on the ~75 pages it drops onto. */
.ad-util,.ad-mast,.ad-footer{box-sizing:border-box;text-align:left;margin:0;}
.ad-util *,.ad-mast *,.ad-footer *{box-sizing:border-box;}
.ad-util a,.ad-mast a,.ad-footer a{text-decoration:none;color:inherit;}
.ad-util a:hover,.ad-mast a:hover,.ad-footer a:hover{text-decoration:none;}

.ad-topline{height:3px;background:linear-gradient(90deg,var(--adg-gold),#e2492f);}
.ad-in{max-width:var(--adg-maxw);margin:0 auto;padding:0 clamp(20px,4vw,40px);}

/* signal-bars mark */
.ad-mark{display:inline-flex;align-items:flex-end;gap:2.5px;height:20px;flex:none;}
.ad-mark i{width:3.5px;border-radius:1.5px;background:var(--adg-gold);display:block;}
.ad-mark i:nth-child(1){height:38%;}.ad-mark i:nth-child(2){height:62%;}
.ad-mark i:nth-child(3){height:100%;}.ad-mark i:nth-child(4){height:78%;}
.ad-mark.sm{height:16px;}.ad-mark.sm i{width:3px;}

/* utility / dateline strip */
.ad-util{background:var(--adg-navy);border-bottom:1px solid var(--adg-rule);
  font-family:var(--adg-sans);}
.ad-util .ad-in{display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--adg-muted);}
.ad-util b{color:var(--adg-ink);font-weight:600;}
.ad-util a{color:var(--adg-muted);text-decoration:none;}
.ad-util a:hover{color:var(--adg-gold);}

/* masthead */
.ad-mast{position:sticky;top:0;z-index:30;background:var(--adg-navy);
  border-bottom:1px solid var(--adg-rule);font-family:var(--adg-sans);}
.ad-mast .ad-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0;}
.ad-brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.ad-word{font-family:var(--adg-serif);font-weight:900;font-size:25px;letter-spacing:-.025em;
  color:var(--adg-ink);line-height:1;}
.ad-nav{display:flex;align-items:center;gap:26px;}
.ad-nav a{font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;
  color:var(--adg-muted);padding:6px 0;position:relative;text-decoration:none;transition:color .15s;}
.ad-nav a:hover,.ad-nav a[aria-current="page"]{color:var(--adg-ink);}
.ad-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;
  height:2px;background:var(--adg-gold);border-radius:2px;}
.ad-actions{display:flex;align-items:center;gap:12px;}
.ad-sub{display:inline-flex;align-items:center;gap:7px;background:var(--adg-gold);color:var(--adg-navy);
  font-size:13px;font-weight:700;padding:9px 18px;border-radius:9px;text-decoration:none;transition:background .15s,transform .15s;}
.ad-sub:hover{background:var(--adg-gold-2);transform:translateY(-1px);}

/* mobile menu (CSS-only, no JS dependency) */
.ad-navtoggle{position:absolute;opacity:0;pointer-events:none;}
.ad-menu{display:none;background:none;border:1px solid var(--adg-rule);border-radius:8px;
  padding:6px 11px;color:var(--adg-ink);cursor:pointer;font-size:16px;line-height:1;}
@media(max-width:820px){
  .ad-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--adg-navy-2);
    flex-direction:column;align-items:flex-start;gap:0;padding:6px 0;border-bottom:1px solid var(--adg-rule);}
  .ad-nav a{padding:12px clamp(20px,4vw,40px);width:100%;font-size:13px;}
  .ad-nav a[aria-current="page"]::after{display:none;}
  .ad-navtoggle:checked ~ .ad-nav{display:flex;}
  .ad-menu{display:inline-flex;}
  .ad-sub{padding:8px 14px;}
  .ad-mast .ad-in{position:relative;flex-wrap:wrap;}
}

/* footer */
.ad-footer{background:var(--adg-navy);color:var(--adg-ink);font-family:var(--adg-sans);
  border-top:1px solid var(--adg-rule);}
.ad-footer a{text-decoration:none;}
.ad-news{border-bottom:1px solid var(--adg-rule);}
.ad-news .ad-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:34px 0;}
.ad-news h3{font-family:var(--adg-serif);font-weight:900;font-size:26px;color:var(--adg-ink);margin:0 0 4px;letter-spacing:-.01em;}
.ad-news p{margin:0;font-size:14px;color:var(--adg-muted);}
.ad-news form{display:flex;gap:8px;flex-wrap:wrap;margin:0;}
.ad-news input{padding:12px 15px;border:1px solid var(--adg-field-bd);border-radius:9px;
  background:var(--adg-field);color:var(--adg-ink);font-size:14px;min-width:230px;font-family:var(--adg-sans);}
.ad-news input::placeholder{color:var(--adg-muted);}
.ad-news input:focus{outline:none;border-color:var(--adg-gold);box-shadow:0 0 0 3px rgba(203,164,63,.25);}
.ad-news button{background:var(--adg-gold);color:var(--adg-navy);border:none;border-radius:9px;
  padding:12px 22px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;font-family:var(--adg-sans);transition:background .15s;}
.ad-news button:hover{background:var(--adg-gold-2);}
.ad-cols{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.3fr;gap:32px;padding:40px 0 30px;}
.ad-col h4{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--adg-muted);font-weight:700;margin:0 0 14px;}
.ad-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.ad-col a{font-size:14px;color:var(--adg-ink);opacity:.82;transition:.15s;}
.ad-col a:hover{color:var(--adg-gold);opacity:1;}
.ad-col.brand p{font-size:13.5px;color:var(--adg-muted);line-height:1.55;margin:12px 0 16px;max-width:34ch;}
.ad-col.brand .ad-word{font-size:20px;}
.ad-social{display:flex;gap:9px;}
.ad-social a{width:34px;height:34px;border:1px solid var(--adg-rule);border-radius:8px;display:flex;
  align-items:center;justify-content:center;color:var(--adg-muted);font-size:12px;font-weight:700;transition:.15s;}
.ad-social a:hover{color:var(--adg-gold);border-color:var(--adg-gold);}
.ad-agents{display:inline-block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--adg-gold);border:1px solid rgba(203,164,63,.45);border-radius:5px;padding:2px 7px;margin-bottom:12px;font-weight:700;}
.ad-legal{border-top:1px solid var(--adg-rule);display:flex;justify-content:space-between;align-items:center;
  gap:16px;flex-wrap:wrap;padding:18px 0 26px;font-size:12.5px;color:var(--adg-muted);}
.ad-legal .seven{color:#e2492f;font-weight:800;}
.ad-legal a{color:var(--adg-muted);}.ad-legal a:hover{color:var(--adg-gold);}
@media(max-width:820px){ .ad-cols{grid-template-columns:1fr 1fr;gap:26px;} .ad-news .ad-in{flex-direction:column;align-items:flex-start;} }
@media(max-width:520px){ .ad-cols{grid-template-columns:1fr;} }
@media(prefers-reduced-motion:reduce){.ad-sub,.ad-nav a,.ad-col a{transition:none;}}