@layer components{.blog h1{letter-spacing:-.035em;font-size:clamp(40px,5.6vw,72px);font-weight:700;line-height:1.02}.blog h2{letter-spacing:-.028em;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.08}.blog .lead{max-width:60ch}.blog .bl-hero{padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,44px)}.blog .bl-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.blog .bl-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.blog .bl-hero h1{max-width:14ch}.blog .bl-hero .lead{margin-top:22px}.blog .bl-hero-sub{color:var(--ink2);max-width:52ch;margin-top:18px;font-size:16px}.blog .bl-embed{background:var(--surf);border:1px solid var(--line);border-radius:var(--rf);box-shadow:var(--shadow);max-width:100%;padding:12px}.blog .bl-embed iframe{border-radius:8px;max-width:100%;display:block}.blog .bl-embed-help{color:var(--ink2);margin:10px 4px 0;font-size:13.5px}@media (max-width:900px){.blog .bl-hero-grid{grid-template-columns:1fr}.blog .bl-embed{justify-self:start}}.blog .bl-hero-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:clamp(28px,4vw,44px);padding-top:18px;display:flex}.blog .bl-fresh{color:var(--ink2);align-items:center;gap:8px;font-size:14px;display:flex}.blog .bl-fresh i{background:#1d6436;border-radius:50%;flex:none;width:7px;height:7px}.blog .bl-fresh i.warn{background:#c98a1b}.blog .bl-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.blog .bl-notice{border-radius:var(--r);background:var(--warn-bg);color:var(--warn);align-items:flex-start;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14.5px;line-height:1.45;display:flex}.blog .bl-notice svg{flex:none;margin-top:2px}.blog .bl-notice a{color:inherit}.blog .bl-meta{color:var(--ink2);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13.5px;display:flex}.blog .bl-meta-part{align-items:center;gap:10px;display:inline-flex}.blog .bl-dot{background:#a9a498;border-radius:50%;width:3px;height:3px}.blog .bl-thumb{aspect-ratio:16/9;background:var(--acc-soft);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.blog .bl-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.blog .bl-thumb.bl-fallback{background:linear-gradient(135deg,#e1eae6,#cfe0d8);justify-content:center;align-items:center;display:flex}.blog .bl-thumb.bl-fallback svg{opacity:.9;width:44px;height:44px}.blog .bl-card{flex-direction:column;gap:14px;display:flex;position:relative}.blog .bl-card h3{letter-spacing:-.018em;font-size:clamp(20px,1.9vw,24px);font-weight:700;line-height:1.2}.blog .bl-card h3 a{color:var(--ink);text-decoration:none}.blog .bl-card h3 a:after{content:"";position:absolute;inset:0}.blog .bl-card:hover h3 a{color:var(--acc)}.blog .bl-card:hover .bl-thumb img,.blog .bl-featured:hover .bl-thumb img{transform:scale(1.03)}.blog .bl-sum{color:var(--ink2);text-wrap:pretty;font-size:16px;line-height:1.55}.blog .bl-read{color:var(--acc);align-items:center;gap:6px;margin-top:auto;font-size:14.5px;font-weight:600;display:inline-flex}.blog .bl-featured{background:var(--surf);border:1px solid var(--line);border-radius:var(--rf);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(18px,2.4vw,28px);display:grid}.blog .bl-featured .bl-card{gap:16px}.blog .bl-featured h3{letter-spacing:-.026em;font-size:clamp(26px,3vw,38px);line-height:1.1}.blog .bl-featured .bl-sum{font-size:18px}.blog .bl-label{background:var(--acc-soft);height:24px;color:var(--acc-ink);border-radius:4px;align-self:flex-start;align-items:center;padding:0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.blog .bl-posts{padding:clamp(8px,2vw,16px) 0 var(--sec)}.blog .bl-grid-head{justify-content:space-between;align-items:baseline;gap:16px;margin:clamp(44px,6vw,72px) 0 28px;display:flex}.blog .bl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,44px) clamp(20px,2.6vw,32px);display:grid}.blog .bl-more{justify-content:center;margin-top:clamp(36px,5vw,56px);display:flex}@media (max-width:980px){.blog .bl-featured{grid-template-columns:1fr}.blog .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.blog .bl-grid{grid-template-columns:1fr}.blog .bl-grid-head{flex-direction:column;align-items:flex-start;gap:6px}}.blog .bl-skel{flex-direction:column;gap:14px;display:flex}.blog .bl-skel i{background:linear-gradient(90deg,#e6e2d9 25%,#efece5 37%,#e6e2d9 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite bl-shim;display:block}.blog .bl-skel .a{aspect-ratio:16/9;border-radius:10px}.blog .bl-skel .b{width:85%;height:22px}.blog .bl-skel .c{width:100%;height:14px}.blog .bl-skel .d{width:60%;height:14px}@keyframes bl-shim{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.blog .bl-skel i{animation:none}.blog .bl-thumb img{transition:none}}.blog .bl-msg{max-width:560px;padding:clamp(28px,5vw,56px) 0 var(--sec);flex-direction:column;align-items:flex-start;gap:14px;display:flex}.blog .bl-ico{background:var(--acc-soft);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.blog .bl-msg.err .bl-ico{background:var(--bad-bg)}.blog .bl-msg p{color:var(--ink2);font-size:17px}.blog .bl-row{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}}