@layer pages{.blog-hero{background:var(--bg-soft);padding:clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,4rem)}.blog-hero h1{color:var(--ink);margin:1rem 0 .8rem;font-size:clamp(2.4rem,5.5vw,4rem)}.blog-hero p{color:var(--muted);max-width:54ch;font-size:1.1rem;font-weight:500}.posts{padding:clamp(3rem,6vw,5rem) 0}.feat{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);background:#fff;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:0;margin-bottom:3.2rem;transition:transform .25s,box-shadow .25s;display:grid;overflow:hidden}.feat:hover{box-shadow:var(--shadow-lg)}.feat .fc{flex-direction:column;justify-content:center;padding:clamp(1.9rem,3.2vw,3rem);display:flex}.feat h2{color:var(--blue);letter-spacing:-.02em;margin:.6rem 0 .85rem;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.14}.feat p{color:var(--muted);margin-bottom:1.3rem;font-size:1.02rem;font-weight:500}.feat .ph{min-height:300px}.readmore{color:var(--blue);align-items:center;gap:.35rem;font-size:.95rem;font-weight:700;display:inline-flex}.pgrid{grid-template-columns:repeat(4,1fr);gap:1.8rem;display:grid}.pcard{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.pcard:hover{box-shadow:var(--shadow)}.pcard .ph{aspect-ratio:16/10}.pcard .pc{flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem;display:flex}.pcard h3{color:var(--blue);letter-spacing:-.01em;margin:.5rem 0 .55rem;font-size:1.12rem;font-weight:700;line-height:1.28}.pcard p{color:var(--muted);flex:1;font-size:.9rem;font-weight:500}.pcard .readmore{margin-top:1rem;font-size:.88rem}.ph{background:linear-gradient(135deg,#e7f0ff,var(--green-tint));text-align:center;min-height:220px;color:var(--muted);border:none;border-radius:14px;place-items:center;padding:1.4rem;font-size:.86rem;font-weight:600;display:grid;position:relative;overflow:hidden}.ph:after{content:"";background:radial-gradient(60% 80% at 82% 12%,#71c53a47,#0000 60%),radial-gradient(70% 75% at 8% 92%,#2563eb42,#0000 60%);position:absolute;inset:0}.ph img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ph.has-img{background:var(--surface-media)}.ph.has-img:after{background:linear-gradient(#0b122200 45%,#0b12226b)}@media (hover:hover){.feat:hover{transform:translateY(-4px)}.pcard:hover{transform:translateY(-5px)}}@media (width<=1100px){.pgrid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.feat{grid-template-columns:1fr}}@media (width<=700px){.pgrid{grid-template-columns:1fr}}}