.blog-hero{max-width:1240px;margin:26px auto 0;padding:64px;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:60px;border-radius:20px;background:linear-gradient(125deg,#2f174b,#5c2ca5 65%,#7a43c6);color:#fff}.blog-hero h1{margin:9px 0 15px;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-2px}.blog-hero p{max-width:640px;color:#e4d9ec;font-size:14px;line-height:1.7}.blog-hero aside{display:grid;gap:7px;padding:20px;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff12}.blog-hero aside b{font-size:12px}.blog-hero aside span{color:#ddd0e8;font-size:10px;line-height:1.6}.blog-categories{max-width:1240px;margin:18px auto;display:flex;gap:7px;padding:8px;border:1px solid var(--ui-line);border-radius:12px;background:#fff;overflow-x:auto}.blog-categories a{white-space:nowrap;padding:8px 12px;border-radius:7px;color:#665b6e;font-size:10px;font-weight:800}.blog-categories a.active{background:#f1eaf8;color:#5c2ca5}.blog-shell{max-width:1240px;margin:auto;padding:48px 0 80px}.blog-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;padding-bottom:15px;border-bottom:1px solid var(--ui-line)}.blog-heading h2{margin:5px 0 0;font-family:Georgia,serif;font-size:34px}.blog-heading>a{color:#5c2ca5;font-size:11px;font-weight:800}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.blog-grid article{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:13px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:0 8px 25px #321c3e0b}.blog-cover{position:relative;height:250px}.blog-cover img{width:100%;height:100%;object-fit:cover;border-radius:8px}.blog-cover span{position:absolute;top:10px;left:10px;padding:6px 8px;border-radius:5px;background:#f36c21;color:#fff;font-size:8px;font-weight:900}.blog-grid article>div{padding:10px 8px 8px 0}.blog-grid small{color:#8a7d91;font-size:9px}.blog-grid h3{margin:8px 0;font-family:Georgia,serif;font-size:23px;line-height:1.15}.blog-grid h3 a{color:#271d2d}.blog-grid p{color:#726878;font-size:11px;line-height:1.6}.blog-read{display:inline-flex;margin-top:15px;color:#5c2ca5;font-size:10px;font-weight:900}.article-shell{max-width:820px;margin:0 auto;padding:95px 24px 100px}.article-shell h1{max-width:760px;margin:10px 0 20px;font-family:Georgia,serif;font-size:clamp(42px,7vw,68px);line-height:1.04;letter-spacing:-2px}.article-lead{font-size:18px;line-height:1.65;color:#6f6475}.article-meta{display:flex;gap:10px;margin:28px 0 50px;padding:15px 0;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);font-size:11px}.article-meta span{color:#817687}.article-shell article{max-width:700px;margin:auto;font-family:Georgia,serif;font-size:18px;line-height:1.85}.article-shell article h2{margin:42px 0 14px;font-size:30px;color:#512b96}.article-shell article p{margin:0 0 24px}
@media(max-width:900px){.blog-hero{margin:14px;grid-template-columns:1fr;padding:44px 34px}.blog-shell{padding:35px 18px}.blog-categories{margin:12px 14px}.blog-grid{grid-template-columns:1fr}}
@media(max-width:600px){.blog-hero{padding:32px 23px}.blog-hero h1{font-size:40px}.blog-hero aside{display:none}.blog-grid article{grid-template-columns:110px 1fr;gap:13px}.blog-cover{height:165px}.blog-grid h3{font-size:18px}.blog-grid p{display:none}.article-shell{padding-top:70px}.article-shell article{font-size:17px}}