:root{--blue:#12395c;--blue2:#071f36;--sky:#eaf5fb;--gold:#c89a43;--gold2:#f1d899;--cream:#fffaf0;--ink:#263746;--muted:#607383;--white:#fff;--shadow:0 18px 45px rgba(7,31,54,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8fcff,#eef5f8 52%,#f9f5eb);color:var(--ink);font:18px/1.78 Georgia,'Times New Roman',serif}a{color:inherit}img{max-width:100%;height:auto}.site-header{height:78px;padding:10px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid #dbe7ed;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue)}.brand img{border-radius:50%;box-shadow:0 4px 12px #9fb6c7}.brand span{display:grid}.brand strong{font-size:1.05rem}.brand small{font:12px Arial,sans-serif;color:var(--muted)}.channels{display:flex;gap:10px}.channels a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;box-shadow:0 5px 12px #9baab3}.channels svg{width:25px;fill:currentColor}.channels .wa{background:#25d366}.channels .tg{background:#229ed9}.breadcrumbs{max-width:1180px;margin:18px auto;padding:0 20px;font:14px/1.5 Arial,sans-serif;color:#637685;display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs a{color:var(--blue)}main{max-width:1180px;margin:auto;padding:0 20px 55px}.hero{min-height:520px;display:grid;grid-template-columns:1fr 1.06fr;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:var(--shadow);color:#fff}.hero-copy{padding:clamp(40px,6vw,76px);align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font:700 12px/1.5 Arial,sans-serif;color:var(--gold2)}h1,h2{line-height:1.15;color:var(--blue);text-wrap:balance}h1{font-size:clamp(2.3rem,5vw,4.6rem);color:#fff;margin:.25em 0}.hero-copy>p:not(.eyebrow){font-size:1.15rem;color:#dcebf4}.primary{display:inline-block;margin-top:18px;padding:13px 22px;border-radius:999px;background:linear-gradient(#f3d998,#c7973e);color:#112f49;text-decoration:none;font:bold 15px Arial,sans-serif;box-shadow:0 5px 0 #8b6427}.hero picture,.hero picture img{width:100%;height:100%;min-height:520px;object-fit:cover}.paper,.chapters,.subscribe,.share,.related{margin-top:34px;border-radius:24px}.paper{position:relative;padding:clamp(30px,6vw,76px);background:var(--white);box-shadow:var(--shadow);border:1px solid #dde9ef}.medal{position:absolute;top:-22px;left:50%;translate:-50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue);border:3px solid var(--gold2);color:var(--gold2);font-weight:bold}.legacy-content{max-width:850px;margin:auto}.legacy-content p{text-align:left!important}.legacy-content img{display:block;max-height:600px;width:auto;margin:28px auto;border:7px solid #fff;outline:2px solid var(--gold);border-radius:8px;box-shadow:var(--shadow)}.legacy-content a{color:#075ea8}.chapters{padding:clamp(28px,5vw,54px);background:linear-gradient(145deg,var(--blue2),var(--blue))}.chapters h2{color:#fff}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapter-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #496b87;border-radius:12px;color:#eef8ff;text-decoration:none;background:#ffffff0b}.chapter-card span{display:grid;place-items:center;min-width:33px;height:33px;border-radius:50%;background:var(--gold);color:var(--blue2);font:bold 14px Arial}.chapter-card:hover,.chapter-card.active{background:#fff;color:var(--blue);transform:translateY(-2px)}.subscribe{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:28px;background:#fff8e8;border:1px solid #ead49f;box-shadow:var(--shadow)}.subscribe img{border-radius:50%}.subscribe h2,.share h2,.related h2{margin:0 0 8px;font-size:1.65rem}.subscribe p{margin:0}.subscribe>a{padding:13px 20px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font:bold 15px Arial}.share,.related{padding:28px;background:#fff;box-shadow:var(--shadow)}.share>div,.related>div{display:flex;flex-wrap:wrap;gap:12px}.share a,.related a{padding:11px 17px;border-radius:9px;text-decoration:none;font:bold 14px Arial}.share a{color:#fff}.s-wa{background:#25d366}.s-fb{background:#1877f2}.s-x{background:#111}.s-tg{background:#229ed9}.related a{background:#edf4f8;color:var(--blue);border:1px solid #ccdde7}footer{text-align:center;padding:38px 20px;background:var(--blue2);color:#d7e6ef}footer p{margin:4px}
@media(max-width:800px){body{font-size:17px}.site-header{position:static}.brand small{display:none}.hero{grid-template-columns:1fr}.hero picture{order:-1}.hero picture,.hero picture img{min-height:280px;max-height:380px}.hero-copy{padding:36px 28px}.chapter-grid{grid-template-columns:1fr}.subscribe{grid-template-columns:auto 1fr}.subscribe>a{grid-column:1/-1;text-align:center}}@media(max-width:520px){.brand strong{font-size:.88rem}.brand img{width:44px}.breadcrumbs{font-size:12px}.paper{padding:38px 22px}.subscribe{grid-template-columns:1fr;text-align:center}.subscribe img{margin:auto}.share a,.related a{width:100%;text-align:center}}

/* v2: show every hero image in full on desktop, tablet and mobile. */
.hero picture{display:grid;place-items:center;background:#0b2942;overflow:hidden}
.hero picture img{display:block;width:100%;height:100%;object-fit:contain!important}
.medal{top:-31px;width:58px;height:66px;border:2px solid var(--gold);background:#fff;overflow:hidden;box-shadow:0 5px 14px rgba(7,31,54,.25)}
.medal img{display:block;width:100%;height:100%;object-fit:contain}