.blog-main{max-width:1160px;margin:auto;padding:35px 24px 70px}.blog-hero{padding:44px 0 36px;max-width:850px}.blog-kicker,.guide-category{font-weight:800;color:var(--accent,#8866f6);letter-spacing:.06em}.blog-hero h1{font-size:clamp(34px,6vw,66px);line-height:1.05;letter-spacing:-.05em;margin:20px 0}.blog-hero p{font-size:19px;line-height:1.6;max-width:680px}.blog-hero .button{margin-top:16px}.blog-search{display:flex;gap:12px;margin:25px 0}.blog-search input{flex:1;min-width:0}.blog-search input,.blog-search select{padding:14px;border:1px solid var(--line,#b2a6cf);border-radius:14px;background:var(--surface,#fff);color:inherit;font:inherit}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{display:block;padding:24px 24px 42px;border:1px solid var(--line,#a79abf);border-radius:23px;position:relative;text-decoration:none;color:inherit;background:var(--surface,#fff)}.guide-card:hover{border-color:#8960ff;transform:translateY(-2px)}.guide-card span{font-size:12px;text-transform:uppercase;font-weight:800;color:var(--accent,#8866f6)}.guide-card h2{font-size:22px;line-height:1.2;letter-spacing:-.03em;margin:14px 0}.guide-card p{line-height:1.6;opacity:.8;font-size:14px}.guide-card b{position:absolute;bottom:16px;right:24px;font-size:24px}.blog-pagination{display:flex;justify-content:space-between;gap:16px;margin-top:28px}.guide{max-width:760px;margin:18px auto 60px;font-size:18px;line-height:1.8}.guide h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-.045em;margin:12px 0 24px}.guide h2{font-size:24px;line-height:1.3}.guide-lead{font-size:21px}.guide-author{font-size:14px;opacity:.65}.guide li{margin:14px 0;padding-inline-start:8px}.guide-note{padding:20px 28px;background:var(--surface,#fff);border-inline-start:5px solid #a287ff;border-radius:16px;margin:32px 0}.guide-note h2{margin:0}.guide-note p{margin-bottom:0}.guide-sources{font-size:14px;margin-top:32px;overflow-wrap:anywhere}.blog-main a{color:inherit}.blog-main .button.primary{color:#fff}.topbar .preferences nav{display:flex;gap:16px}.topbar [aria-current=page]{text-decoration:underline}@media(max-width:850px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-search{flex-wrap:wrap}.topbar .preferences{flex-wrap:wrap}}@media(max-width:550px){.guide-grid{grid-template-columns:1fr}.blog-main{padding:20px 18px 50px}.blog-search input{flex-basis:100%}.blog-search select{flex:1}.guide{font-size:17px}.topbar .preferences{gap:8px}.topbar .preferences nav{gap:8px;font-size:12px}.blog-hero{padding-top:20px}}