.blog-list-section{padding-block:clamp(40px,6vw,80px)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}.blog-card{display:flex;flex-direction:column;background:var(--paper, #fffdf8);border:1px solid var(--line, #e3e0d8);border-radius:6px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10201a14}.blog-card-media{display:block;aspect-ratio:1200 / 630;background:var(--emerald, #0b3d2e);overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-placeholder{display:grid;place-items:center;height:100%;color:#ffffff2e}.blog-card-placeholder svg{width:70%;height:auto}.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}.blog-card-body h2{margin:0;font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.25}.blog-card-body h2 a{color:var(--navy, #12243a);text-decoration:none}.blog-card-body h2 a:hover{color:var(--emerald, #0b3d2e);text-decoration:underline}.blog-card-body p{margin:0;color:var(--readable-slate, #4a5560);line-height:1.6}.blog-card-body .text-link{margin-top:auto}.blog-meta{margin:0;font-size:.85rem;letter-spacing:.02em;color:var(--readable-slate, #5a6570)}.blog-empty{text-align:center;color:var(--readable-slate, #5a6570);padding:40px 0}.blog-pager{margin-top:36px;display:flex;justify-content:center}.blog-pager ul{display:flex;gap:10px;list-style:none;padding:0;margin:0}.blog-pager a,.blog-pager span{display:inline-block;padding:10px 18px;border:1px solid var(--line, #e3e0d8);border-radius:4px;color:var(--navy, #12243a);text-decoration:none}.blog-pager span{opacity:.5}.blog-preview-bar{background:#fbf1dc;color:#6b4a10;text-align:center;padding:10px 16px;font-weight:600}.blog-preview-bar a{margin-left:10px;color:inherit}.blog-article{padding-block:clamp(32px,5vw,64px)}.blog-article-head,.blog-prose,.blog-article-foot{max-width:780px}.blog-featured{max-width:1040px;margin:0 auto clamp(28px,4vw,48px)}.blog-crumbs{font-size:.9rem;margin-bottom:18px;color:var(--readable-slate, #5a6570)}.blog-crumbs a{color:var(--emerald, #0b3d2e)}.blog-article-head h1{margin:10px 0 clamp(24px,3vw,36px);font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;color:var(--navy, #12243a)}.blog-featured img{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:6px;display:block}.blog-prose{font-size:1.075rem;line-height:1.8;color:#1e2a35}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2{font-size:clamp(1.5rem,2.6vw,1.9rem);line-height:1.25;margin-top:1.8em;color:var(--navy, #12243a)}.blog-prose h3{font-size:clamp(1.25rem,2vw,1.45rem);line-height:1.3;margin-top:1.5em;color:var(--navy, #12243a)}.blog-prose h4{font-size:1.1rem;margin-top:1.3em}.blog-prose a{color:var(--emerald, #0b3d2e);text-decoration:underline;text-underline-offset:3px}.blog-prose ul,.blog-prose ol{padding-left:1.4em}.blog-prose li+li{margin-top:.35em}.blog-prose img{max-width:100%;height:auto;border-radius:6px}.blog-prose figure{margin:1.8em 0}.blog-prose figcaption{text-align:center;font-size:.9rem;color:var(--readable-slate, #5a6570);margin-top:.6em}.blog-prose blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.2em;border-left:3px solid var(--gold, #c5a15a);font-style:italic;color:#34414d}.blog-prose pre{background:#f4f2ec;padding:14px 16px;border-radius:6px;overflow-x:auto;font-size:.9rem}.blog-prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--line, #e3e0d8);padding:8px 12px;text-align:left}.blog-prose th{background:#f4f2ec}.blog-prose iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:0;border-radius:6px}.blog-prose hr{border:0;border-top:1px solid var(--line, #e3e0d8);margin:2.2em 0}.blog-article-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:clamp(36px,5vw,56px);padding-top:28px;border-top:1px solid var(--line, #e3e0d8)}@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}}