/* Michelle Ortelli brand layer, matched to her Facebook post graphics.
   Loaded after each page's own styles so it overrides colors and fonts sitewide. */
:root{
  --brand-navy:#0a1a4f;
  --brand-navy-deep:#021138;
  --brand-orange:#fc3606;        /* display sizes only */
  --brand-orange-text:#d9300a;   /* small text and buttons, passes contrast on white */
  --brand-orange-on-navy:#ff6a3d;
  --brand-gold:#fbb42e;
  --brand-gold-soft:#fff4dc;
  --brand-tint:#eef1f8;
  --brand-ink:#14203d;
  /* remap each page's existing variables */
  --navy:var(--brand-navy);
  --navy-dark:var(--brand-navy-deep);
  --gold:var(--brand-gold);
  --gold-light:var(--brand-gold-soft);
  --bg-tint:var(--brand-tint);
  --text:var(--brand-ink);
  --ink:var(--brand-ink);
}

body{font-family:'Open Sans',Arial,Helvetica,sans-serif;color:var(--brand-ink);}
p,li,td,th,.bio-text,.direct-answer,#contact,.updated,.last-updated{font-family:'Open Sans',Arial,Helvetica,sans-serif;}

h1,h2,h3,.hero h1,h2.question{font-family:'Playfair Display',Georgia,serif;color:var(--brand-navy);letter-spacing:-0.01em;}
h1,.hero h1{font-weight:800;line-height:1.12;}
h2,h2.question{font-weight:700;}
h3{font-weight:700;}
.key-takeaways h2,.key-takeaways h3{font-family:'Open Sans',Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;font-size:1rem;color:var(--brand-navy);}

a{color:var(--brand-navy);}
main a:hover,main a:focus{color:var(--brand-orange-text);}

/* header: deep navy with a gold rule, like the post's top strip */
body > header{background:var(--brand-navy-deep);border-bottom:4px solid var(--brand-gold);}
body > header nav a{font-family:'Open Sans',Arial,sans-serif;font-weight:600;color:#fff;}
body > header nav a:hover,body > header nav a:focus,body > header nav a[aria-current="page"]{color:var(--brand-gold);}
nav .brand{font-family:'Cinzel',Georgia,serif;font-weight:600;letter-spacing:0.04em;color:#fff;}

/* hero */
.hero{border-bottom:3px solid var(--brand-gold);}
.updated,.last-updated{color:#4a5577;}

/* boxes */
.key-takeaways{background:#fff;border:1px solid #dde2ee;border-top:6px solid var(--brand-gold);border-left:1px solid #dde2ee;border-radius:4px;}
.direct-answer{background:var(--brand-tint);border-left:5px solid var(--brand-navy);}
.important-note{background:var(--brand-gold-soft);border-left:5px solid var(--brand-gold);}
.results-teaser{background:var(--brand-gold-soft);border-left:5px solid var(--brand-orange-text);}
.step-label{color:var(--brand-orange-text);}
.data-table th{background:var(--brand-navy);}

/* quotes: navy band, gold quote mark, italic serif, as in the post */
.expert-quote{position:relative;background:var(--brand-navy-deep);color:#fff;border-left:0;border-radius:4px;padding:22px 24px 20px 64px;font-family:'Playfair Display',Georgia,serif;font-style:italic;}
.expert-quote::before{content:"\201C";position:absolute;left:18px;top:2px;font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:800;font-size:64px;line-height:1;color:var(--brand-gold);}
.expert-quote p{font-family:'Playfair Display',Georgia,serif;color:#fff;margin:0;}
.expert-quote .attribution,.expert-quote footer{font-family:'Open Sans',Arial,sans-serif;font-style:normal;font-weight:600;color:var(--brand-gold);}

/* buttons */
#contact button,.contact-form button,form button[type="submit"]{background:var(--brand-orange-text);color:#fff;font-family:'Open Sans',Arial,sans-serif;font-weight:700;letter-spacing:0.02em;border:none;}
#contact button:hover,.contact-form button:hover,form button[type="submit"]:hover{background:var(--brand-navy);}

/* bio */
.bio-block{background:var(--brand-tint);border-top:4px solid var(--brand-gold);}

/* footer: navy brand bar with name lockup and gold tagline strip */
body > footer,footer.site-footer{background:var(--brand-navy-deep);color:#d7deee;padding-bottom:0;}
body > footer a,footer.site-footer a{color:#fff;}
.brand-lockup{border-left:4px solid var(--brand-orange-on-navy);padding-left:14px;margin:0 0 18px;}
.brand-lockup .brand-name{font-family:'Cinzel',Georgia,serif;font-size:1.6rem;font-weight:600;letter-spacing:0.05em;color:#fff;margin:0;line-height:1.2;}
.brand-lockup .brand-title{font-family:'Open Sans',Arial,sans-serif;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--brand-orange-on-navy);margin:2px 0 4px;font-size:0.95rem;}
.brand-lockup .brand-sub{margin:0;color:#c9d2e6;font-size:0.88rem;}
.brand-tagline{background:var(--brand-gold);color:var(--brand-navy-deep);text-align:center;font-family:'Open Sans',Arial,sans-serif;font-weight:600;letter-spacing:0.08em;padding:10px 16px;margin:24px -20px 0;font-size:0.95rem;}
footer.site-footer .brand-tagline{margin:24px -1rem 0;}
@media (max-width:600px){
  .brand-lockup .brand-name{font-size:1.35rem;}
  .brand-tagline{font-size:0.82rem;letter-spacing:0.04em;}
  .expert-quote{padding:48px 18px 18px;}
  .expert-quote::before{top:4px;left:14px;}
}

/* signature orange highlight in headlines, large text only */
h1 .accent{color:var(--brand-orange);}
.brand-social{margin:0 0 18px;font-weight:600;}
.brand-social a{color:var(--brand-gold) !important;}

/* MO monogram */
a.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-left:0 !important;}
a.brand .monogram{height:32px;width:auto;display:block;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.brand-lockup{display:flex;align-items:center;gap:16px;}
.brand-lockup .lockup-monogram{height:64px;width:auto;flex-shrink:0;}
@media (max-width:600px){ a.brand span{font-size:0.95rem;} .brand-lockup .lockup-monogram{height:48px;} }

/* photo banners */
.photo-banner{max-width:1100px;margin:0 auto 8px;padding:0;}
.photo-banner img{display:block;width:100%;height:auto;aspect-ratio:2.2/1;object-fit:cover;border-bottom:4px solid var(--brand-gold);}
.photo-banner figcaption{font-size:0.78rem;color:#5b6684;padding:6px 20px 0;font-family:'Open Sans',Arial,sans-serif;}
@media (max-width:600px){ .photo-banner img{aspect-ratio:16/10;} }

/* FAQ section header */
.faq-intro{background:var(--brand-navy-deep);color:#e6ebf5;border-top:5px solid var(--brand-gold);border-radius:4px;padding:22px 24px 16px;margin:44px 0 8px;}
.faq-intro h2{color:#fff;margin:0 0 8px;font-size:1.6rem;}
.faq-intro p{color:#d4dbea;margin:0 0 10px;}
.faq-toc{margin:0;padding-left:22px;columns:2;column-gap:28px;}
.faq-toc li{margin:0 0 6px;break-inside:avoid;font-size:0.92rem;}
.faq-toc a{color:var(--brand-gold) !important;text-decoration:none;}
.faq-toc a:hover,.faq-toc a:focus{text-decoration:underline;}
h3.question{font-family:'Playfair Display',Georgia,serif;color:var(--brand-navy);font-size:1.4rem;font-weight:700;margin-top:2.5rem;margin-bottom:0.75rem;scroll-margin-top:16px;}
@media (max-width:700px){ .faq-toc{columns:1;} .faq-intro h2{font-size:1.3rem;} }