:root{--navy:#1B2B49;--indigo:#5364D8;--violet:#7B61D1;--lav:#F2F1FD;--ice:#F7FBFF;--mint:#E8F7F0;--peach:#FFF0E7;--line:#E5E8F0;--text:#2A3441;--muted:#667085;--coral:#F47A66}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--ice);line-height:1.68}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topline{background:var(--navy);color:#fff;padding:8px 12px;text-align:center;font-size:13px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:18px}.logo{font:800 34px Georgia,serif;color:var(--navy)}.logo span{color:var(--violet)}nav{display:flex;gap:20px;font-size:14px;font-weight:800;color:#445064}
.hero{padding:64px 0;background:linear-gradient(135deg,var(--lav),#fff 54%,var(--mint))}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--indigo);font-size:12px;font-weight:800}.hero h1{font:800 clamp(44px,6vw,72px)/1.02 Georgia,serif;margin:10px 0 18px;color:var(--navy)}.hero p{font-size:19px;color:var(--muted)}.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 18px 50px rgba(50,55,100,.12)}
.topic-pills{display:flex;gap:10px;overflow:auto;padding:15px 0}.topic-pills a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:800;color:var(--indigo)}
.section-title{font:800 40px Georgia,serif;color:var(--navy);margin:44px 0 16px}.editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.lead-story,.side-stack article{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.lead-story img{width:100%;height:360px;object-fit:cover}.side-stack{display:grid;gap:22px}.side-stack img{width:100%;height:160px;object-fit:cover}.story-copy{padding:22px}.lead-story h2{font:800 34px/1.08 Georgia,serif;margin:8px 0;color:var(--navy)}.side-stack h3{font:800 23px/1.12 Georgia,serif;margin:8px 0;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:18px 0 50px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(34,44,80,.05)}.card img{width:100%;height:190px;object-fit:cover;display:block}.card-body{padding:18px}.card h3{font:800 22px/1.15 Georgia,serif;margin:6px 0 8px;color:var(--navy)}.read{color:var(--indigo);font-weight:800}
.article{width:min(850px,92%);margin:42px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 14px 38px rgba(34,44,80,.06)}.article h1{font:800 clamp(38px,6vw,58px)/1.04 Georgia,serif;color:var(--navy);margin:8px 0 12px}.article h2{font:800 29px/1.15 Georgia,serif;color:var(--navy);margin-top:34px}.meta{font-size:14px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.article-hero{margin:22px 0;border-radius:18px;overflow:hidden}.article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.quick{background:var(--lav);border-left:5px solid var(--violet);padding:20px 22px;border-radius:14px;margin:26px 0}.share{background:#FCFCFF;border:1px solid var(--line);border-radius:16px;padding:20px;margin:28px 0}.share h3{font:800 20px Georgia,serif;margin:0 0 12px}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-grid a{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;text-align:center;font-weight:800}.cta{background:var(--peach);border-radius:18px;padding:24px;margin:30px 0}.cta a{display:inline-block;background:var(--coral);color:#fff;padding:12px 18px;border-radius:999px;font-weight:800}
footer{background:var(--navy);color:#fff;padding:42px 0;margin-top:54px}.mobile-cta{display:none}.bottom-nav{display:none}
@media(max-width:850px){nav{display:none}.hero-grid,.editorial{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.article{width:calc(100% - 22px);padding:24px;margin:20px auto 110px}.share-grid{grid-template-columns:1fr 1fr}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:70px;background:var(--coral);color:#fff;padding:13px;border-radius:13px;text-align:center;font-weight:800;z-index:55}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:60}.bottom-nav a{padding:14px 4px;text-align:center;font-size:13px;font-weight:800;color:var(--navy)}}