/* ProMBATutors: a case-method teaching document. Warm ivory paper, charcoal ink, muted gold rules, an editorial serif.
   Structure comes from business-base.css; this sheet is everything visible. Buttons are charcoal (white text at about 15:1)
   with gold used as rule, accent and link colour: gold #8C6D1F carries white at about 5:1 and small gold text on ivory uses
   the deeper --link (#6F5618). */
:root{
  --p:#8C6D1F; --ph:#6F5618; --pl:#F3ECD9; --dk:#1C1F24; --bg:#FAF7F0; --tint:#F4EFE3; --bd:#E4DCC8; --rule:#D8CEB4;
  --ink:#1C1F24; --text:#2B2E34; --muted:#555A62; --link:#6F5618; --on-p:#FFFFFF;
  --head:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,'SFMono-Regular',Consolas,monospace;
  --radius:2px;
}
body{font-size:1.06rem}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.012em;font-variation-settings:"opsz" 48}
.h1{font-weight:500;letter-spacing:-.02em;line-height:1.08}
::selection{background:var(--p);color:#fff}

/* header: charcoal bar with a gold hairline */
.site-header{background:var(--dk);border-bottom:3px solid var(--p)}
.hdr-i{min-height:70px}
.wm{color:#F4EFE3;font-weight:600;letter-spacing:-.01em}
.wm b{color:#D2B15E;font-weight:600}
.menu a{color:#E5DFD0;font-family:var(--sans)}
.menu a:hover,.menu a.active{color:#fff}
.menu a.active{box-shadow:inset 0 -2px 0 #D2B15E}
.menu .btn,.menu .btn:hover{color:#fff;box-shadow:none}
.menu .btn{background:var(--p);border-color:var(--p)}
.menu .btn:hover{background:var(--ph);border-color:var(--ph)}
.burger{color:#F4EFE3}
@media(max-width:900px){.menu{background:var(--dk);border-bottom:3px solid var(--p)}.menu a{border-bottom:1px solid rgba(255,255,255,.1)}.menu a.active{box-shadow:none;color:#D2B15E}}

/* type */
.eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.16em;color:var(--link)}
.eyebrow::after{content:"";display:inline-block;width:34px;height:1px;background:var(--p);vertical-align:middle;margin-left:12px}
.lede{font-family:var(--head);font-size:1.22rem;line-height:1.6;color:var(--muted)}
.btn-primary{background:var(--dk);color:#fff;border-color:var(--dk)}
.btn-primary:hover{background:var(--p);border-color:var(--p);color:#fff}
.btn-line{border-color:var(--dk);color:var(--dk)}
.btn-line:hover{background:var(--dk);color:#fff;border-color:var(--dk)}

/* hero: a case brief on cream paper */
.hero{background:var(--bg);border-bottom:1px solid var(--rule)}
.hero-art{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.brief{width:100%;background:#fff;border:1px solid var(--rule);border-top:4px solid var(--dk);box-shadow:0 18px 40px -22px rgba(28,31,36,.35)}
.brief-h{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--rule);font:700 .74rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.brief-h span:last-child{color:var(--muted);font-weight:600}
.brief-d{margin:0;padding:6px 22px 10px}
.brief-d div{padding:16px 0;border-bottom:1px solid var(--bd)}
.brief-d div:last-child{border-bottom:0}
.brief-d dt{font:600 1.18rem/1.2 var(--head);color:var(--ink);margin-bottom:4px}
.brief-d dd{margin:0;color:var(--muted);font-size:.98rem;line-height:1.55}
.brief-btn{align-self:flex-start}
@media(max-width:560px){.brief-btn{align-self:stretch}}

/* sections */
.sec-alt{background:var(--tint);border-block:1px solid var(--rule)}
.rows{border-top:3px double var(--rule)}
.row{border-bottom:1px solid var(--bd)}
.row-t{font-family:var(--head);font-size:1.28rem;font-weight:600}
.row-more{font-family:var(--sans);letter-spacing:.01em}
.step::before{background:var(--dk);color:#F4EFE3;border-radius:50%;font-family:var(--head);font-size:1.1rem}
.chips li{background:#fff;border-color:var(--rule);font-family:var(--head);font-size:1.02rem;color:var(--ink);border-radius:999px;padding:8px 18px}
.level{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--p)}
.level h3{font-family:var(--head)}
.callout{background:var(--pl);border-left-color:var(--p)}
.inline-cta,.quote-box{background:#fff;border-color:var(--rule)}
.quote-box{border-top:4px solid var(--dk)}
.cta-band{background:var(--dk);border-top:3px solid var(--p)}
.cta-band .btn-primary{background:var(--p);color:#fff}
.cta-band .btn-primary:hover{background:#fff;color:var(--dk)}

/* articles and tables: paper and gold hairlines */
.page-head{background:var(--tint)}
.prose{font-family:var(--sans);font-size:1.1rem}
.prose h2{font-family:var(--head)}
.prose .tbl thead th{background:var(--dk);color:#F4EFE3;border-color:var(--dk);font-family:var(--sans);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.prose .tbl tbody tr:nth-child(even) td,.prose .tbl tbody tr:nth-child(even) th{background:rgba(140,109,31,.06)}
.toc a.on{font-weight:600}
.faq summary{font-family:var(--head);font-size:1.14rem}

/* footer */
.site-footer{background:var(--tint);border-top:3px solid var(--p);color:var(--muted)}
.site-footer .wm{color:var(--ink)}
.site-footer .wm b{color:var(--p)}
.site-footer a{color:var(--text)}
.site-footer a:hover{color:var(--link)}
.ft-t{color:var(--link)}
.ft-bottom{border-top:1px solid var(--rule)}