.blog-page{min-height:100vh}.blog-shell{width:min(1100px,100% - 40px);margin:24px auto 64px}.blog-header{margin-bottom:30px}.blog-header h1{font-size:clamp(30px,5vw,48px);line-height:1.2}.blog-header p{color:var(--text-2);margin-top:16px;line-height:1.7}.blog-grid{text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--line);background:var(--field);border-radius:18px;overflow:hidden}.blog-card__link{height:100%;color:inherit;text-decoration:none;display:block}.blog-card__link:hover h3{color:var(--gold)}.blog-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.blog-card__body{padding:22px}.blog-card time,.blog-meta{color:var(--muted);font-size:13px}.blog-card h3{margin:10px 0;font-size:21px;line-height:1.4}.blog-card p{color:var(--text-2);overflow-wrap:anywhere;line-height:1.7}.blog-card__read{color:var(--gold);margin-top:18px;font-size:14px;display:block}.blog-section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.blog-section__head a,.blog-pagination a,.blog-breadcrumb a{color:var(--gold);text-underline-offset:4px}.blog-pagination{justify-content:center;align-items:center;gap:24px;margin-top:36px;display:flex}.blog-breadcrumb{align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.blog-article{max-width:800px}.blog-meta{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.blog-cover{border-radius:20px;width:100%;margin:30px 0;display:block}.blog-toc{border:1px solid var(--line);background:var(--field);border-radius:18px;margin:30px 0;padding:24px}.blog-toc h2{margin-bottom:14px;font-size:18px}.blog-toc ol{padding-inline-start:20px;line-height:1.8}.blog-toc a{color:var(--gold)}.blog-prose{color:var(--text-2);overflow-wrap:anywhere;line-height:1.85}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--text);margin:32px 0 14px;scroll-margin-top:90px;line-height:1.35}.blog-prose h2{font-size:28px}.blog-prose h3{font-size:23px}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose pre,.blog-prose blockquote,.blog-prose table{margin:18px 0}.blog-prose ul,.blog-prose ol{padding-inline-start:28px}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose a{color:var(--gold);text-underline-offset:4px}.blog-prose img{border-radius:12px;max-width:100%;height:auto}.blog-prose pre{background:var(--field);border-radius:12px;padding:20px;overflow-x:auto}.blog-prose blockquote{border-inline-start:3px solid var(--gold);padding-inline-start:20px}.blog-prose table{border-collapse:collapse;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--line);padding:10px 14px}.home-rating{color:var(--gold);margin-top:18px;font-size:14px}.footer__friends{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;margin:24px auto 0;display:flex}.footer__friends a{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.footer__friends img{object-fit:contain;max-width:120px;max-height:32px}@media (width<=899px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.blog-grid{grid-template-columns:1fr}.blog-shell{width:calc(100% - 32px)}}