.arch-head{margin-block:var(--space-s) var(--space-l);gap:var(--space-2xs);flex-direction:column;display:flex}.arch-head p{color:var(--text-subtle);font-size:var(--text-m);max-width:70ch}.feat{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--box-shadow-s);margin-bottom:var(--space-xl);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);transition:box-shadow .15s;display:grid;overflow:hidden}.feat:hover{box-shadow:var(--box-shadow-m)}.feat .feat-img{object-fit:cover;width:100%;height:100%;min-height:280px;display:block}.feat-body{padding:var(--space-xl);align-items:flex-start;gap:var(--space-s);flex-direction:column;display:flex}.feat-kicker{font-family:var(--heading-font-family);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-strong);font-weight:800}.feat-body time{font-size:var(--text-xs);color:var(--text-subtle)}.feat-body h2{font-size:var(--text-2xl)}.feat-body h2 a:hover{color:var(--primary-strong)}.feat-body p{color:var(--text-dark-muted);font-size:var(--text-m)}.feat-body .btn{margin-top:var(--space-xs)}.blog-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{flex-direction:column;display:flex;overflow:hidden}.blog-card .bc-img{object-fit:cover;width:100%;height:200px;display:block}.blog-card .b-body{padding:var(--card-padding);gap:var(--space-xs);flex-direction:column;display:flex}.blog-card time{font-size:var(--text-xs);color:var(--text-subtle)}.blog-card h3{font-size:var(--text-l)}.blog-card h3 a:hover{color:var(--primary-strong)}.blog-card p{font-size:var(--text-s);color:var(--text-dark-muted)}.blog-card .b-tag{font-family:var(--heading-font-family);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;background:var(--neutral-ultra-light);border-radius:var(--radius-circle);color:var(--text-dark-muted);align-self:flex-start;padding:4px 10px;font-weight:800}.feat-img.ph,.bc-img.ph{background:var(--neutral-ultra-light)}.paging{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);display:flex}.paging a,.paging span{border-radius:var(--radius-s);min-width:38px;height:38px;font-family:var(--heading-font-family);font-size:var(--text-s);color:var(--text-dark);background:var(--white);box-shadow:var(--box-shadow-s);justify-content:center;align-items:center;padding-inline:8px;font-weight:700;display:inline-flex}.paging a:hover{color:var(--primary-strong)}.paging .on{background:var(--primary);color:#fff}.paging svg{width:15px;height:15px}@media (width<=860px){.feat{grid-template-columns:1fr}.feat .feat-img{min-height:200px}.blog-grid{grid-template-columns:1fr}}.post-head{gap:var(--space-2xl);margin-block:var(--space-m) var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;display:grid}.post-head-copy{align-items:flex-start;gap:var(--space-m);flex-direction:column;display:flex}.post-meta{align-items:center;gap:var(--space-m);font-size:var(--text-xs);color:var(--text-subtle);font-weight:600;display:flex}.post-meta span{align-items:center;gap:6px;display:inline-flex}.post-meta svg{width:14px;height:14px}.post-head h1{font-size:clamp(28px,1.5rem + 1.4vw,44px)}.post-author{align-items:center;gap:var(--space-s);display:flex}.post-author .avatar{border-radius:var(--radius-circle);background:var(--primary-ultra-light);width:44px;height:44px;color:var(--primary-strong);font-family:var(--heading-font-family);font-weight:800;font-size:var(--text-s);flex:none;justify-content:center;align-items:center;display:inline-flex}.post-author b{font-size:var(--text-s);color:var(--text-dark);display:block}.post-author span{font-size:var(--text-xs);color:var(--text-subtle)}img.post-hero{object-fit:cover;border-radius:8px;width:100%;height:clamp(240px,26vw,360px)}.post-body{max-width:720px;margin-inline:auto}.post-body .article-body{max-width:none}.post-body .article-body p{color:var(--text-dark-muted);font-size:var(--text-l);margin-bottom:var(--space-m);line-height:1.7}.post-body .article-body b,.post-body .article-body strong{color:var(--text-dark)}.post-body .article-body a{color:var(--primary-strong);font-weight:600;text-decoration:underline}.post-body .article-body h2{font-size:var(--text-2xl);margin:var(--space-xl) 0 var(--space-s)}.post-body .article-body ol,.post-body .article-body ul{margin:0 0 var(--space-m);color:var(--text-dark-muted);padding-left:1.3em}.post-body .article-body li{margin-bottom:6px}.post-body .article-body .b-figure{margin:var(--space-l) 0}.post-body .article-body .b-figure img{object-fit:cover;border-radius:8px;width:100%;height:clamp(220px,30vw,380px)}.post-body .article-body .b-figure figcaption{text-align:center;font-size:var(--text-xs);color:var(--text-subtle);margin-top:var(--space-xs)}.post-body .article-body blockquote{background:var(--primary-ultra-light);border-radius:var(--radius-m);padding:var(--space-xl);margin:var(--space-l) 0;text-align:center;font-family:var(--heading-font-family);font-size:var(--text-xl);color:var(--primary-strong);text-wrap:balance;font-weight:700;line-height:1.4}.post-share{align-items:center;gap:var(--space-m);border-top:var(--border-size) solid var(--neutral-light);margin-top:var(--space-xl);padding-top:var(--space-l);flex-wrap:wrap;display:flex}.post-share .lab{font-size:var(--text-s);font-weight:700;font-family:var(--heading-font-family)}.share-btns{gap:var(--space-xs);display:flex}.share-btn{border-radius:var(--radius-circle);border:var(--border-size) solid var(--neutral-light);background:var(--white);width:36px;height:36px;color:var(--text-dark);justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.share-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.share-btn svg{width:15px;height:15px}.post-tags{gap:var(--space-xs);margin-left:auto;display:flex}.post-tags span,.post-tags a{font-family:var(--heading-font-family);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;background:var(--neutral-ultra-light);border-radius:var(--radius-circle);color:var(--text-dark-muted);padding:5px 12px;font-weight:800}.post-nav{gap:var(--grid-gap);margin-top:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.post-nav a{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--box-shadow-s);padding:var(--space-m);flex-direction:column;gap:4px;transition:box-shadow .15s;display:flex}.post-nav a:hover{box-shadow:var(--box-shadow-m)}.post-nav .dir{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);align-items:center;gap:5px;font-weight:800;display:inline-flex}.post-nav .dir svg{width:12px;height:12px}.post-nav .t{font-family:var(--heading-font-family);font-weight:700;font-size:var(--text-m);color:var(--text-dark)}.post-nav a:hover .t{color:var(--primary-strong)}.post-nav .next{text-align:right;align-items:flex-end}.rail-blog{grid-auto-columns:clamp(260px,30vw,380px)}.head-tools{align-items:center;gap:var(--space-m);display:flex}@media (width<=860px){.post-head{gap:var(--space-l);grid-template-columns:1fr}img.post-hero{order:-1}.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left;align-items:flex-start}.post-tags{margin-left:0}}