*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#151b31;font:16px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5146ff;outline-offset:5px}.nav{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav img{max-width:174px;height:auto;display:block}.nav nav{display:flex;gap:30px;align-items:center;font-size:14px}.button,button{background:#5146ff;color:white;border:0;padding:13px 23px;border-radius:8px;font:inherit;cursor:pointer}main{max-width:1200px;margin:auto;padding:0 40px 90px}.intro{text-align:center;padding:70px 0 65px}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:#5146ff}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.1;font-weight:600;margin:20px 0}h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;font-weight:600}.intro p{max-width:600px;margin:24px auto;color:#5a647b}.filters{display:flex;align-items:flex-end;gap:20px;background:#eff4ff;padding:24px;border-radius:14px}.filters label{display:flex;flex-direction:column;font-size:12px;gap:7px}.filters label:first-child{flex:1}.filters input,.filters select{font:inherit;font-size:15px;background:white;border:1px solid #cbd4e6;border-radius:7px;padding:13px;min-width:0}.filters>a{font-size:13px;padding:12px}.count{font-size:12px;color:#68748a;margin:28px 0 15px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 30px}.card{border:1px solid #e1e6ef;border-radius:14px;overflow:hidden;display:block;transition:box-shadow .2s}.card:hover{box-shadow:0 10px 28px #17234513}.card img{display:block;width:100%;height:275px;object-fit:cover}.card>div{padding:26px}.card h2{margin:12px 0}.card p{color:#5a647b;font-size:14px;margin:0 0 25px}.card small{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#626e83}.card small span{color:#5146ff}.crumb{font-size:12px;color:#627087;padding:30px 0 10px}.article-head{max-width:850px;margin:40px auto;text-align:center}.article-head h1{font-size:clamp(36px,4vw,54px)}.article-head p{font-size:18px;color:#5a647b}.article-head small{font-size:12px;color:#5a647b}.cover{display:block;width:100%;height:420px;object-fit:cover;border-radius:18px}.reading{display:grid;grid-template-columns:230px 1fr;gap:65px;margin:60px 0 80px}.reading aside{align-self:start;position:sticky;top:28px;font-size:12px}.reading aside strong{display:block;margin-bottom:15px}.reading aside a{display:block;margin:12px 0;color:#5a647b}.reading article{max-width:730px}.reading section{scroll-margin-top:30px;margin:0 0 38px}.reading h2{margin-top:0}.reading p{color:#404b62}.related{border-top:1px solid #e0e5ef;padding-top:30px}.related .grid{grid-template-columns:repeat(3,1fr)}.related .card img{height:180px}.related .card h2{font-size:20px}.related .card>div{padding:20px}.related .card small{flex-wrap:wrap}footer{padding:40px max(6%,calc((100% - 1120px)/2));background:#eff4ff;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer>a{font-size:24px;font-weight:700}footer p,footer nav{font-size:12px}footer nav{display:flex;gap:20px;margin-left:auto}footer small{width:100%;font-size:11px;color:#5a647b}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:720px){.nav{padding:22px;gap:15px}.nav img{width:125px}.nav nav{gap:15px;font-size:12px}.nav nav>a:first-child,.nav nav>a:nth-child(3){display:none}.nav .button{padding:10px 13px}main{padding:0 22px 55px}.intro{padding:45px 0}.intro p{font-size:14px}.filters{flex-wrap:wrap;padding:18px;gap:14px}.filters label:first-child{flex-basis:100%}.filters label:nth-child(2){flex:1}.filters input,.filters select{width:100%}.grid,.related .grid{grid-template-columns:1fr;gap:25px}.card img{height:240px}.card>div{padding:23px}.cover{height:260px}.reading{grid-template-columns:1fr;gap:28px;margin-top:30px}.reading aside{position:static;background:#eff4ff;padding:20px;border-radius:10px}.reading article p{font-size:15px}.article-head p{font-size:16px}.article-head{margin-top:25px}footer{padding:30px 22px;gap:15px}footer nav{margin-left:0}h1{letter-spacing:-1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
