.blog-hero{margin:46px auto 26px;padding:62px 54px;border-radius:25px}.blog-hero h1{max-width:760px;margin:10px 0 16px;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em}.blog-hero p{max-width:720px;color:var(--muted);font-size:1.1rem}.blog-hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px auto 36px}.post-card{display:flex;flex-direction:column;min-height:310px;padding:24px;border:1px solid var(--edge);border-radius:18px;background:#ffffffa8;box-shadow:inset 0 1px #fff,0 8px 17px #00467029}.post-card h2{margin:12px 0 9px;font-size:1.45rem;line-height:1.08}.post-card p{margin:0;color:var(--muted);font-size:.94rem}.post-card .read{margin-top:auto;padding-top:20px;color:var(--aqua);font-weight:800;text-decoration:underline}.article{margin:28px auto;padding:52px 54px;border-radius:24px}.article-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.55fr);gap:35px}.article-body{max-width:780px}.article-body h1{max-width:none;margin:10px 0 15px;font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.045em}.article-body h2{margin:30px 0 8px;color:var(--deep);font-size:1.45rem}.article-body h3{margin:24px 0 7px;color:var(--deep);font-size:1.15rem}.article-body p,.article-body li{color:var(--muted)}.article-body p:last-child{margin-bottom:0}.article-languages{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;font-size:.86rem}.article-languages a{padding:5px 10px;border:1px solid var(--edge);border-radius:999px;color:var(--aqua);background:#ffffffad;text-decoration:none;box-shadow:inset 0 1px #fff}.article-languages a:hover{background:#fff;box-shadow:0 0 10px #4ea6e659}.source-list{margin-top:28px;font-size:.88rem;color:var(--muted)}.source-list a{color:var(--aqua)}.article-aside{height:max-content;padding:19px;border:1px solid var(--edge);border-radius:16px;background:#ffffff9e;box-shadow:inset 0 1px #fff,0 8px 17px #00467024}.article-aside strong{display:block;margin-bottom:10px;color:var(--deep)}.article-aside ul{margin:0;padding-left:19px;color:var(--muted);font-size:.9rem}.article-aside li+li{margin-top:8px}.breadcrumbs{margin:25px auto 0;color:var(--muted);font-size:.85rem}.breadcrumbs a{color:var(--aqua);text-decoration:underline}@media(max-width:820px){.topbar{position:relative;top:auto;flex-wrap:wrap}.topbar nav{width:100%;justify-content:space-between}nav a{display:none}.blog-hero,.article{padding:36px 24px}.post-grid,.article-layout{grid-template-columns:1fr}.article-aside{order:-1}}