/* Shared article styling — brand trio: #000 / #FFF / UP Yellow #FFF200 */
:root{--ink:#000;--paper:#FFF;--yellow:#FFF200;--ink-60:rgba(0,0,0,.6);--ink-15:rgba(0,0,0,.15)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:400 1.05rem/1.75 -apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif}
::selection{background:var(--yellow);color:var(--ink)}
.top{background:var(--ink);color:var(--paper);padding:1.1rem clamp(1.25rem,5vw,3rem);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.top a{color:var(--paper);text-decoration:none}
.top a:hover{color:var(--yellow)}
article{max-width:42rem;margin-inline:auto;padding:clamp(3rem,7vw,5rem) clamp(1.25rem,5vw,2rem) 4rem}
.kicker{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-60);margin-bottom:1.2rem}
h1{font-weight:900;font-size:clamp(1.9rem,5vw,3rem);line-height:1.12;letter-spacing:-.025em;margin-bottom:1rem}
h1 mark{background:var(--yellow);padding:0 .15em}
.standfirst{font-size:1.2rem;font-weight:600;line-height:1.55;color:var(--ink);margin:1.2rem 0 0;max-width:36ch}
.byline{font-size:.85rem;color:var(--ink-60);margin-top:1.4rem;padding-bottom:2.2rem;border-bottom:2px solid var(--ink)}
h2{font-weight:800;font-size:1.45rem;letter-spacing:-.015em;line-height:1.3;margin:2.8rem 0 .9rem}
p{margin-bottom:1.1rem;color:var(--ink)}
p b{font-weight:700}
ul,ol{margin:0 0 1.1rem 1.3rem}
li{margin-bottom:.45rem}
blockquote{border-left:4px solid var(--yellow);padding:.4rem 0 .4rem 1.2rem;margin:1.6rem 0;font-weight:600;font-size:1.15rem;line-height:1.5}
.note{background:var(--yellow);padding:1rem 1.2rem;margin:1.6rem 0;font-size:.9rem;line-height:1.6}
.note b{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;display:block;margin-bottom:.3rem}
.cta{background:var(--ink);color:var(--paper);padding:2rem 1.5rem;margin-top:3rem}
.cta p{color:var(--paper);margin-bottom:.4rem}
.cta .big{font-weight:800;font-size:1.3rem;line-height:1.4}
.cta a{color:var(--yellow);font-weight:800;text-decoration:none;font-size:1.2rem}
.cta a:hover{text-decoration:underline}
a{color:inherit}
a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}