.blog-main,.article-main{background:#fff}.blog-hero,.article-hero{background:radial-gradient(circle at 82% 12%,#34b9c526,#0000 28%),linear-gradient(145deg,#f8fbfc,#eef7f8);padding:104px 0 88px}.blog-hero-grid{align-items:center;display:grid;gap:70px;grid-template-columns:1.05fr .95fr}.blog-hero-copy h1,.article-hero h1{font-size:clamp(3.25rem,7vw,6rem);margin:0 0 24px}.blog-hero-copy>p:last-child{max-width:680px;color:var(--muted);font-size:1.08rem;line-height:1.75}.blog-hero-visual{background:linear-gradient(145deg,#dff1f7,#e9edf8);border:1px solid #d8e5e9;border-radius:30px;box-shadow:var(--shadow-soft);min-height:360px;overflow:hidden;position:relative}.blog-hero-visual img{height:100%;min-height:360px;object-fit:cover;width:100%}.blog-hero-visual span{background:#fff;border-radius:999px;bottom:20px;color:var(--ink);font-size:.74rem;font-weight:750;left:20px;padding:10px 15px;position:absolute}.blog-section{padding-top:88px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.blog-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .18s,box-shadow .18s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.blog-card-link{height:100%;display:flex;flex-direction:column}.blog-card-media{aspect-ratio:16/10;background:linear-gradient(135deg,var(--soft-blue),#eef8f2);display:grid;place-items:center;overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-card-media span{color:var(--blue);font-weight:750;letter-spacing:.08em}.blog-card-copy{padding:27px 27px 30px;display:flex;flex:1;flex-direction:column}.blog-meta{color:var(--blue)!important;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem!important;font-weight:730}.blog-card h2{font-size:1.5rem;line-height:1.15;margin-bottom:14px}.blog-card-copy>p:not(.blog-meta){color:var(--muted);font-size:.86rem;line-height:1.68}.blog-card-copy strong{margin-top:auto;font-size:.83rem}.blog-card-copy strong span{color:var(--blue);margin-left:7px}.page-numbers{justify-content:center;gap:8px;margin:44px 0 0;display:flex}.page-numbers li>*{border:1px solid var(--line);border-radius:999px;min-width:42px;height:42px;padding:0 14px;display:grid;place-items:center}.page-numbers .current{color:#fff;background:var(--ink);border-color:var(--ink)}.blog-empty{text-align:center;background:var(--soft);border-radius:28px;padding:70px 28px}.blog-empty h2{font-size:2.4rem}.article-head{max-width:920px}.article-back{color:var(--blue);font-size:.82rem;font-weight:700;display:inline-block;margin-bottom:36px}.article-hero h1{max-width:1000px}.article-intro{max-width:760px;color:var(--muted);font-size:1.12rem;line-height:1.75}.article-image{max-width:1100px;margin-top:-46px;position:relative}.article-image img{width:100%;max-height:620px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.article-layout{max-width:1020px;grid-template-columns:minmax(0,700px) 240px;gap:80px;padding-block:88px 120px;display:grid}.article-content{color:#3d566c;font-size:1.02rem;line-height:1.84}.article-content h2,.article-content h3{color:var(--ink);margin:2.2em 0 .7em}.article-content h2{font-size:2rem}.article-content h3{font-size:1.45rem}.article-content p,.article-content ul,.article-content ol{margin-bottom:1.4em}.article-content ul,.article-content ol{padding-left:1.4em}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content a{color:var(--blue);text-decoration:underline}.article-content blockquote{border-left:4px solid var(--green-deep);background:var(--soft);margin:2em 0;padding:22px 26px}.article-layout aside{background:linear-gradient(145deg,var(--soft-blue),#eef8f2);border-radius:22px;height:fit-content;padding:27px;position:sticky;top:112px}.article-layout aside strong{font-size:1.15rem}.article-layout aside p{color:var(--muted);font-size:.82rem;line-height:1.65;margin:9px 0 20px}@media (width<=880px){.blog-hero-grid{grid-template-columns:1fr;gap:42px}.blog-hero-visual{min-height:300px}.blog-hero-visual img{min-height:300px}.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:42px}.article-layout aside{position:static}.blog-hero,.article-hero{padding:82px 0 72px}}@media (width<=620px){.blog-grid{grid-template-columns:1fr}.blog-hero,.article-hero{padding:68px 0 58px}.blog-hero-copy h1,.article-hero h1{font-size:3.15rem}.blog-hero-visual,.blog-hero-visual img{min-height:240px}.blog-section{padding-top:60px}.article-image{margin-top:-26px}.article-image img{border-radius:22px}.article-layout{padding-block:58px 80px}}