.blog-intro{max-width:1200px;margin:auto;padding:40px 6% 16px}.blog-intro h1{font-size:clamp(36px,5vw,58px)}.blog-intro p{color:var(--muted)}.blog-surface{max-width:1200px;margin:auto;padding:20px 6% 60px;min-height:300px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.blog-card{border:1px solid var(--line);background:#fff}.blog-card img{aspect-ratio:16/9;object-fit:cover}.blog-card-copy{padding:22px}.blog-card h2{font-size:26px;line-height:1.25;margin:8px 0 14px}.blog-card p{font-size:14px;color:var(--muted)}.blog-meta{font-size:12px;color:var(--muted)}.blog-card a{display:block}.blog-card .read-link{margin-top:18px;font-size:13px;text-decoration:underline}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.blog-filters button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 16px}.blog-filters button[aria-pressed=true]{background:var(--ink);color:white}.blog-error{border:1px solid var(--line);padding:25px}.blog-article{max-width:860px;margin:auto}.blog-article h1{font-size:clamp(32px,4.4vw,56px);line-height:1.16}.blog-article>.blog-cover{aspect-ratio:16/9;max-height:45vh;margin:28px 0;object-fit:cover}.blog-body{font:17px/1.85 Arial,sans-serif;overflow-wrap:anywhere}.blog-body p{margin:0 0 24px}.blog-back{display:inline-block;text-decoration:underline;margin-bottom:20px}.blog-more{margin:35px 0;text-align:center}.blog-skeleton{background:#eee5d9;height:240px;animation:blog-pulse 1.4s infinite alternate}.blog-related{margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.blog-related h2{font-size:28px}.ricos-content{background:white;padding:20px;border:1px solid var(--line);color:var(--ink)}@keyframes blog-pulse{to{opacity:.5}}@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.blog-grid{grid-template-columns:1fr}.blog-intro{padding-top:25px}.blog-card h2{font-size:25px}.blog-surface{padding-top:10px}.blog-body{font-size:16px}.ricos-content{padding:10px}.blog-article h1{font-size:34px}}
.blog-body h2{font-size:30px;margin:38px 0 18px}.blog-body h3{font-size:23px;margin:30px 0 16px}.blog-body a{text-decoration:underline}.blog-body li p{margin:8px 0}.blog-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px;line-height:1.5;margin:25px 0}.blog-body th,.blog-body td{border:1px solid var(--line);padding:12px;min-width:100px;vertical-align:top}.blog-body th{background:#eee5d9}.blog-body img{height:auto;max-width:100%}

.blog-card img,.blog-article>.blog-cover{height:auto;width:100%;aspect-ratio:16/9;object-fit:cover}