/* V50 accessibility, quiz presentation, and consistent footer */
:root{--v50-forest:#0b382b;--v50-deep:#082c23;--v50-gold:#d8b76e;--v50-paper:#f9f8f1;--v50-ink:#183d30}
/* Legibility: hero notes must never inherit pale-on-pale text */
.v20-pagehead .v46-quiz-scope,.v20-pagehead .v45-topic-promise,.k33-hero .v45-topic-promise,.k33-hero .v46-karbala-lens,.k33-hero .v45-topic-promise p,.k33-hero .v46-karbala-lens p,.v20-pagehead .v46-quiz-scope p{color:#173b2e!important;background:#f3f5ec!important}
.v20-pagehead .v46-quiz-scope,.k33-hero .v46-karbala-lens{border-left:4px solid #b79136!important;padding:19px 23px!important;border-radius:0 13px 13px 0!important;box-shadow:0 3px 14px #0000000c}
.k33-hero .v45-topic-promise{border:1px solid #c7d6bf!important;padding:19px 23px!important;border-radius:13px!important;max-width:100%}
.k33-hero .v45-topic-promise strong,.v20-pagehead .v45-topic-promise strong{color:#123a2d!important}
.k33-hero .v45-topic-promise p,.v20-pagehead .v45-topic-promise p{color:#355849!important}
/* Readable text against every light note, regardless of dark-parent inheritance */
.v45-topic-promise,.v45-topic-promise p,.v45-topic-promise strong,.v46-context-lead,.v46-history-lens,.v46-karbala-lens,.v46-quiz-scope,.v40-end-references,.v40-end-references p,.review-note,.v20-note,.v20-feedback,.v20-feedback p{color:#214737}
/* Dark hero paragraphs and labels stay legible */
.v20-pagehead> .wrap >p:not(.v46-quiz-scope),.k33-hero .k33-hero-copy>p:not(.v46-karbala-lens){color:#e6ede5}
/* Quiz: a polished, joyful and clearly interactive game-show experience */
.v50-quiz-marker{display:inline-flex;align-items:center;gap:10px;color:#f1d38e;border:1px solid #bca26483;border-radius:999px;padding:8px 15px;margin:0 0 22px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.v50-quiz-marker:before{content:'✦';font-size:16px;color:#f1d38e}
.v20-pagehead{background:radial-gradient(ellipse at 92% 15%,#1f5946 0%,#0d3c2f 38%,#082b22 100%);position:relative;overflow:hidden;isolation:isolate}
.v20-pagehead:after{content:'✦';position:absolute;right:7%;top:10px;font:clamp(150px,23vw,380px)/1 Georgia,serif;color:#e0c77a16;z-index:-1;pointer-events:none}
.v20-pagehead h1{max-width:1000px;letter-spacing:-.055em;text-wrap:balance;color:#fff}
.v20-pagehead .wrap>p:last-child{max-width:820px}
.v20-section .v20-lead{font-size:clamp(16px,1.7vw,19px);line-height:1.8;color:#2e4d3d}
.v20-quiz-shell{margin-top:28px}
.v21-mode-screen{background:radial-gradient(circle at 84% 5%,#2b6650,#0c3c2d 56%,#07271f 100%);border:2px solid #d9b767;border-radius:25px;box-shadow:0 18px 48px #0a302122;position:relative;isolation:isolate;overflow:hidden}
.v21-mode-screen:before{content:'✧';position:absolute;top:-60px;left:0;font:290px Georgia,serif;opacity:.09;color:#e9d38f;z-index:-1;pointer-events:none}
.v21-mode{border:2px solid #e1d2a9;background:linear-gradient(155deg,#fffdf6,#f6f1df);box-shadow:0 6px 0 #0b2c2466;min-height:225px}
.v21-mode:hover:not(:disabled){box-shadow:0 10px 0 #d1b66d55,0 13px 22px #04180f30;border-color:#b48c38}
.v21-mode strong{color:#113b2c}.v21-mode span,.v21-mode small{color:#315547}
.v20-quiz-panel{background:linear-gradient(145deg,#fffef8,#f6f5e8);border:2px solid #d5b66c;border-radius:24px;padding:clamp(20px,3vw,42px);box-shadow:0 14px 36px #092e2415}
.v20-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v20-status{color:#0d4433;font-size:15px;font-weight:850}
.v20-question{font:500 clamp(29px,3.3vw,48px)/1.21 Georgia,serif;color:#123a2d;margin:24px 0 27px;text-wrap:balance}
.v20-answers{gap:15px}
.v20-answer{position:relative;display:flex;align-items:center;text-align:left;min-height:91px;border:2px solid #c8d7c4;background:#fbfcf7;color:#113b2e;border-radius:17px;padding:19px 22px;box-shadow:0 4px 0 #bdcdb8;font-size:clamp(15px,1.2vw,18px);transition:transform .15s,border-color .15s,background .15s}
.v20-answer:hover:not(:disabled){background:#edf4e9;border-color:#b58a37;transform:translateY(-3px)}
.v20-answer:focus-visible,.v21-mode:focus-visible{outline:4px solid #ac7e2b;outline-offset:4px}
.v20-feedback{color:#173d30!important;background:#edf6e8;border:2px solid #a3c6a3}
.v20-feedback a{color:#0a4c36;text-decoration:underline}
.v20-ladder{background:linear-gradient(175deg,#124535,#092f25);border:2px solid #d9b767;border-radius:22px;box-shadow:0 14px 34px #072f231c;top:110px}
.v20-ladder h3{color:#ffe8a9;font-size:25px}
.v20-ladder li{font-size:13px;min-height:29px;align-items:center}
.v20-ladder li.active{color:#17392d;background:#e4c677}
.v20-controls{gap:12px}.v20-controls .v20-button{min-height:49px;border-radius:11px}
.v21-results{background:radial-gradient(circle at center top,#ffefc7,#fffefa 74%);border-radius:20px}
/* Unified footer: four deliberate columns, no loose afterthought links */
.footer.v50-footer{background:#082b22;color:#e7f1e6;padding:0 0 26px}
.v50-footer .v50-partner{background:#f1f1e8;color:#193c30;padding:22px 0;border-top:1px solid #d8dfd0;border-bottom:1px solid #d3dcca}
.v50-footer .v50-partner-inner{display:flex;align-items:center;gap:24px;justify-content:space-between}
.v50-footer .v50-parent-logo{display:block;background:#fff;border:1px solid #d9ded0;border-radius:13px;padding:8px 13px;flex:0 0 auto}
.v50-footer .v50-parent-logo img{width:204px;height:58px;object-fit:contain}
.v50-footer .v50-partner-text{flex:1;min-width:0}
.v50-footer .v50-partner-text strong{display:block;font-size:15px;color:#183d2f}
.v50-footer .v50-partner-text p{font-size:13px;max-width:none;margin:4px 0 0;color:#426053}
.v50-footer .v50-partner-link{font-size:13px;font-weight:800;color:#0e4a37;border-bottom:1px solid currentColor;white-space:nowrap;margin:0}
.v50-footer .v50-footer-inner{padding-top:56px}
.v50-footer .v50-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:clamp(22px,4vw,65px)}
.v50-footer .v50-grid h2{font:400 clamp(26px,3vw,35px)/1.2 Georgia,serif;color:#f2e5b7;margin:0 0 17px}
.v50-footer .v50-grid h3{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#ecd28c;margin:3px 0 18px}
.v50-footer .v50-grid p{font-size:14px;line-height:1.85;color:#d5e3d5;max-width:330px}
.v50-footer .v50-grid a{display:block;width:fit-content;color:#e4efe2;font-size:13px;line-height:1.6;padding:3px 0;margin-bottom:9px}
.v50-footer .v50-grid a:hover,.v50-footer .v50-grid a:focus-visible{text-decoration:underline;text-underline-offset:4px;color:#ffdf8c}
.v50-footer .v50-footer-divider{border-top:1px solid #cbd9c333;margin:42px 0 21px}
.v50-footer .v50-legal{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#c5d9c9}
.v50-footer .v50-legal a{display:inline;color:#e9d39d;margin:0}
/* Global basics: no invisible inline links or cramped controls */
a,button,select,input{outline-offset:3px} .footer a:focus-visible{outline-color:#f3d58b}
@media(max-width:950px){.v50-footer .v50-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v50-footer .v50-partner-inner{flex-wrap:wrap}.v50-footer .v50-partner-text{flex-basis:50%}}
@media(max-width:640px){.v20-pagehead:after{font-size:180px}.v20-question{font-size:clamp(26px,7vw,36px)}.v20-quiz-panel{padding:18px 15px}.v20-answer{min-height:70px;padding:15px}.v20-ladder{position:static}.v50-footer .v50-grid{grid-template-columns:1fr 1fr;gap:26px}.v50-footer .v50-grid section:first-child{grid-column:1/-1}.v50-footer .v50-partner-inner{gap:13px}.v50-footer .v50-partner-text{flex:1 1 100%;order:2}.v50-footer .v50-partner-link{order:3}.v50-footer .v50-legal{flex-direction:column;align-items:flex-start}}
@media(max-width:390px){.v50-footer .v50-grid{grid-template-columns:1fr}.v50-footer .v50-grid section:first-child{grid-column:auto}.v20-quiz-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.v20-answer,.v21-mode{transition:none!important;transform:none!important}}
/* Keep the floating shortcut out of the footer's legal/navigation links. */
body.v50-footer-visible .v27-top{opacity:0!important;pointer-events:none!important;transform:translateY(15px)!important}
/* Site-wide low-contrast metadata labels identified in the 67-page scan. */
.v12-overline,.v24-kicker,.v39-eyebrow,.v40-eyebrow,.hub-no,.v43-card-number,.figure-card .number{color:#72541e!important}
.v43-kicker{color:#745820!important}
.v43-hero .v43-kicker,.v43-discover-hero .v43-kicker,.v43-learning-hero .v43-kicker{color:#f4d795!important}
/* Improve category captions on all story cards. */
.v43-story-copy small{color:#694e19!important;font-weight:800}
.v50-relocated-context{padding:14px 0 48px}
.v50-relocated-context .shia34-note{margin:0!important}