body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#1d1d1d;background:#fff}
.nav{height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #fff200}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.5px;color:#1d1d1d;text-decoration:none}
.brand span.y{background:#fff200;padding:1px 6px}
.login{border:2px solid #1d1d1d;padding:8px 18px;font-size:13px;font-weight:700;color:#1d1d1d;text-decoration:none}
.article-head{background:#1d1d1d;color:#fff;padding:55px 5%;border-bottom:6px solid #fff200}
.crumb{font-size:12px;color:#fff200;margin-bottom:14px}
.crumb a{color:#fff200}
.article-head h1{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-1px;margin:0 0 14px;line-height:1.2;max-width:900px}
.article-head p{color:#cfcfcf;font-size:15px;max-width:640px;margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,1fr);gap:6vw;padding:50px 5%;max-width:1200px;margin:0 auto}
.prose h2{font-size:23px;font-weight:800;letter-spacing:-.5px;margin:34px 0 12px}
.prose p,.prose li{font-size:15px;color:#333;line-height:1.85}
.prose a{color:#1d1d1d;font-weight:700}
.byline{font-size:12px!important;color:#777!important}
.article-side{border-left:3px solid #fff200;padding-left:24px;align-self:start;font-size:13px}
.article-side b{display:block;letter-spacing:1.5px;font-size:11px;margin-bottom:10px}
.article-side a{display:block;color:#1d1d1d;font-weight:700;margin:9px 0}
.cta{display:inline-block;background:#fff200;color:#1d1d1d;font-weight:800;font-size:14px;padding:15px 22px;text-decoration:none;margin-top:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:50px 5%;max-width:1200px;margin:0 auto}
.blog-grid a{border-top:4px solid #fff200;padding-top:18px;text-decoration:none;color:#1d1d1d;display:block}
.blog-grid h3{font-size:17px;font-weight:800;line-height:1.35;margin:0 0 8px}
.blog-grid p{font-size:13px;color:#555;line-height:1.7;margin:0}
footer{border-top:3px solid #fff200;padding:25px 5%;font-size:12px;color:#666;display:flex;gap:22px;flex-wrap:wrap}
footer a{color:#1d1d1d;font-weight:700}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.article-layout{grid-template-columns:1fr;gap:30px;padding:35px 5%}.article-side{border-left:0;border-top:3px solid #fff200;padding-left:0;padding-top:20px}.blog-grid{grid-template-columns:1fr;padding:35px 5%}}