.article-page,.content-hub{min-height:100vh;background:#f6f8fb;color:#17202b}.article-page>header,.content-hub>header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #e4e8ee}.content-hub nav{display:flex;gap:24px}.content-hero{padding:70px max(24px,calc((100vw - 1120px)/2));background:linear-gradient(135deg,#fff,#eef3f8)}.content-hero h1{font-size:48px;margin:10px 0 25px}.content-hero form{display:flex;max-width:620px;background:#fff;border:1px solid #dce3ea;border-radius:12px;padding:6px}.content-hero input{flex:1;border:0;padding:12px;outline:0}.content-hero button{border:0;border-radius:8px;background:#18212c;color:white;padding:0 20px}.content-hero>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.content-hero>div a{padding:7px 12px;border-radius:99px;background:#fff;border:1px solid #e0e5eb}.content-grid{width:min(1120px,calc(100% - 40px));margin:40px auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-grid article{background:#fff;border:1px solid #e2e7ec;border-radius:16px;overflow:hidden;padding:20px}.content-grid img{width:calc(100% + 40px);height:auto;margin:-20px -20px 20px}.content-grid small{color:#9a710f}.content-grid h2{font-size:20px}.content-grid p{color:#647181;line-height:1.8}.content-grid footer{display:flex;justify-content:space-between;font-size:12px}.article-page article{width:min(820px,calc(100% - 40px));margin:60px auto 100px}.article-page h1{font-size:48px}.article-meta{color:#7b8794;margin-bottom:35px}.article-page video{width:100%;border-radius:14px;background:#111}.article-body{font-size:17px;line-height:2;color:#303b48}.article-body p{white-space:pre-wrap}.article-page aside{margin-top:40px;padding:24px;display:flex;justify-content:space-between;background:#fff;border:1px solid #e1e6eb;border-radius:14px}@media(max-width:800px){.content-grid{grid-template-columns:1fr}.article-page h1,.content-hero h1{font-size:36px}}