/* Supplemental pages use the live centre palette and typography. */
.supplement-main{background:#fffdf9;color:#17342f}
.supp-breadcrumb{max-width:1320px;margin:auto;padding:18px 6vw;display:flex;gap:12px;color:#61756e;font-size:12px;letter-spacing:.04em}
.supp-breadcrumb a:hover{color:#c75b21}
.supp-hero{display:grid;grid-template-columns:52% 48%;min-height:510px;background:#f5f1e8}
.supp-hero-copy{padding:clamp(55px,7vw,105px) 8% clamp(50px,6vw,85px) 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.supp-kicker,.supp-index,.supp-end span{font:700 11px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#b65626;padding:0 0 20px}
.supp-hero h1{font-size:clamp(42px,5.1vw,76px);line-height:1.12;letter-spacing:-.035em;max-width:14ch;margin:0 0 22px}
.supp-lead{font-size:18px;line-height:1.85;max-width:37rem;color:#3c5a50;padding-bottom:26px}
.supp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 23px;border-radius:100px;background:#e56f2d;color:#fff;font-weight:700;font-size:14px;min-height:50px;transition:transform .2s,background .2s}
.supp-button:hover{background:#b94f1f;transform:translateY(-2px)}
.supp-visual{margin:0;position:relative;min-height:510px;overflow:hidden;background:#53685e}
.supp-visual img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.supp-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:34px 22px 15px;background:linear-gradient(transparent,rgba(9,30,25,.82));color:#fff;font-size:12px;line-height:1.55}
.supp-visual figcaption a{text-decoration:underline;text-underline-offset:3px}
.supp-symbol{min-height:510px;display:grid;place-items:center;background:#173f37;color:#dfaa80;font:normal clamp(120px,22vw,300px)/1 Georgia,serif}
.supp-section{display:grid;grid-template-columns:22% 78%;gap:0;padding:clamp(65px,8vw,115px) 6vw;border-top:1px solid #dce3d8}
.supp-section:nth-of-type(odd){background:#f6f3ec}
.supp-index{display:flex;gap:14px;align-items:flex-start;padding:7px 0 0}
.supp-index span:first-child{border:1px solid #e9b499;width:34px;height:34px;display:grid;place-items:center;color:#b65626;flex:none;margin-top:-5px}
.supp-content{max-width:960px}
.supp-content h2,.supp-end h2{font-size:clamp(34px,3.5vw,57px);line-height:1.2;letter-spacing:-.025em;margin:0 0 24px}
.supp-prose{max-width:760px}.supp-prose p{font-size:17px;line-height:1.95;color:#38574c;padding-bottom:17px}
.supp-prose a,.supp-points a,.article-sources a{color:#b65626;text-decoration:underline;text-underline-offset:3px}
.supp-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;max-width:780px;border-top:1px solid #d6dfd8;margin-top:30px}
.supp-points>div{border-bottom:1px solid #d6dfd8;padding:17px 0}
.supp-points strong{font-family:'Playfair Display',Georgia,serif;font-size:20px}.supp-points p{color:#476159;font-size:14px;line-height:1.7;padding:5px 0 0}
.supp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:900px;margin-top:32px}
.supp-card{border:1px solid #ccd8cf;border-radius:14px;padding:23px;min-height:200px;display:flex;flex-direction:column;transition:transform .2s,background .2s}
.supp-card:hover{transform:translateY(-3px);background:#f0ede5}.supp-card small{color:#b65626;font-size:10px;letter-spacing:.16em;font-weight:700}
.supp-card h3{font-size:24px;line-height:1.25;margin:16px 0 9px}.supp-card p{font-size:14px;color:#4c655b;line-height:1.7}
.supp-card span{margin-top:auto;border-top:1px solid #d6dfd8;padding-top:9px;font-size:12px;color:#b65626;font-weight:700}
.article-sources{font-size:13px;line-height:1.75;color:#5c7066;border-top:1px solid #d6dfd8;margin-top:30px;padding-top:15px}
.supp-end{background:#0d2f29;color:#fff;padding:70px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}
.supp-end h2{margin:0}.supp-end span{color:#eea073}
@media(max-width:980px){.supp-hero{grid-template-columns:1fr}.supp-hero-copy{padding:70px 6vw}.supp-visual,.supp-symbol{height:400px;min-height:400px}.supp-section{grid-template-columns:1fr;gap:22px}}
@media(max-width:640px){.supp-hero-copy{padding:55px 6vw}.supp-hero h1{font-size:clamp(39px,9vw,56px)}.supp-lead{font-size:16px}.supp-visual,.supp-symbol{height:340px;min-height:340px}.supp-section{padding:65px 6vw}.supp-content h2,.supp-end h2{font-size:36px}.supp-prose p{font-size:16px}.supp-points,.supp-cards{grid-template-columns:1fr}.supp-end{display:block}.supp-end .supp-button{margin-top:28px}}