/* ═══ HRSU /learn/ article + header styles ═══
   Loads AFTER css/style.css — reuses its :root variables. */

/* Self-contained sticky header (no JS) */
.lrn-head{position:sticky;top:0;z-index:100;background:var(--navy);border-bottom:1px solid rgba(201,168,76,.25);}
.lrn-head-in{max-width:1140px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.lrn-logo{display:flex;align-items:baseline;gap:6px;}
.lrn-logo-mark{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--gold);}
.lrn-logo-sub{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;font-style:italic;color:rgba(255,255,255,.85);}
.lrn-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.lrn-nav a{font-size:.9rem;color:rgba(255,255,255,.82);transition:color .2s;}
.lrn-nav a:hover{color:var(--gold);}
.lrn-nav a.lrn-cta{background:var(--gold);color:var(--navy);font-weight:600;padding:8px 16px;border-radius:6px;}
.lrn-nav a.lrn-cta:hover{color:var(--navy);opacity:.9;}
@media(max-width:640px){.lrn-nav{gap:14px;}.lrn-nav a:not(.lrn-cta){display:none;}}

/* Article shell */
.lrn-main{max-width:820px;margin:0 auto;padding:56px 24px 72px;}
.lrn-crumbs{font-size:.82rem;color:var(--mid);margin-bottom:26px;}
.lrn-crumbs a{color:var(--mid);text-decoration:underline;}
.lrn-main h1{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;line-height:1.14;color:var(--dark);margin-bottom:18px;}
.lrn-meta{font-size:.85rem;color:var(--light);margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--border);}
.lrn-meta b{color:var(--mid);font-weight:600;}

/* "In summary" callout */
.lrn-summary{background:var(--cream);border-left:4px solid var(--gold);padding:20px 24px;border-radius:0 8px 8px 0;margin-bottom:38px;}
.lrn-summary .lbl{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px;}
.lrn-summary p{font-size:1.05rem;color:var(--dark);line-height:1.6;margin:0;}

/* Prose */
.lrn-main h2{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700;color:var(--dark);margin:44px 0 14px;line-height:1.2;}
.lrn-main h3{font-size:1.15rem;font-weight:600;color:var(--dark);margin:28px 0 10px;}
.lrn-main p{color:#333;margin-bottom:16px;}
.lrn-main ul,.lrn-main ol{margin:0 0 18px 22px;color:#333;}
.lrn-main li{margin-bottom:8px;}
.lrn-main a{color:#0a58ca;text-decoration:underline;}
.lrn-main strong{color:var(--dark);}
mark.verify{background:#fff3cd;color:#8a6d00;padding:1px 6px;border-radius:4px;font-size:.85em;font-weight:600;}

/* Tables */
.lrn-table{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:.94rem;}
.lrn-table th,.lrn-table td{border:1px solid var(--border);padding:11px 14px;text-align:left;vertical-align:top;}
.lrn-table th{background:var(--navy);color:#fff;font-weight:600;}
.lrn-table tr:nth-child(even) td{background:#fafaf7;}

/* FAQ (native <details>, no JS) */
.lrn-faq{margin-top:20px;}
.lrn-faq details{border:1px solid var(--border);border-radius:8px;padding:0;margin-bottom:12px;overflow:hidden;}
.lrn-faq summary{cursor:pointer;padding:16px 20px;font-weight:600;color:var(--dark);list-style:none;position:relative;}
.lrn-faq summary::-webkit-details-marker{display:none;}
.lrn-faq summary::after{content:"+";position:absolute;right:20px;color:var(--gold);font-size:1.3rem;line-height:1;}
.lrn-faq details[open] summary::after{content:"–";}
.lrn-faq details[open] summary{border-bottom:1px solid var(--border);}
.lrn-faq .faq-a{padding:16px 20px;color:#333;}
.lrn-faq .faq-a p{margin-bottom:10px;}

/* Byline + CTA */
.lrn-byline{margin-top:40px;padding:20px 24px;background:#fafaf7;border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--mid);}
.lrn-cta-box{margin-top:36px;padding:28px 24px;background:var(--navy);border-radius:12px;text-align:center;color:#fff;}
.lrn-cta-box h2{font-family:'Playfair Display',serif;color:#fff;margin:0 0 10px;}
.lrn-cta-box p{color:rgba(255,255,255,.8);margin-bottom:18px;}
.lrn-cta-box a{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;padding:12px 26px;border-radius:8px;text-decoration:none;margin:4px;}

/* Hub cards */
.lrn-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px;}
.lrn-card{border:1px solid var(--border);border-radius:12px;padding:24px;transition:box-shadow .2s,transform .2s;display:block;}
.lrn-card:hover{box-shadow:0 10px 30px rgba(10,25,47,.1);transform:translateY(-2px);}
.lrn-card h3{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--dark);margin-bottom:8px;}
.lrn-card p{color:var(--mid);font-size:.92rem;margin:0;}
