:root{--blog-ink:#102f44;--blog-muted:#557083;--blog-line:#d7e7ea;--blog-soft:#eff9f8;--blog-teal:#0a8f8c}
.blog-index,.blog-article{background:linear-gradient(180deg,#f7fcfd 0,#fff 28rem);color:var(--blog-ink);padding:clamp(48px,7vw,92px) 20px 100px}.blog-shell,.article-shell{width:min(1160px,100%);margin:0 auto}.blog-intro{max-width:850px;padding:clamp(24px,4vw,48px) 0 32px}.blog-intro h1,.article-header h1{font-size:clamp(2.35rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:.25em 0}.blog-intro>p:last-child,.article-deck{font-size:clamp(1.06rem,2vw,1.35rem);line-height:1.55;color:var(--blog-muted);max-width:72ch}.blog-list{display:grid;gap:0;border-top:1px solid var(--blog-line)}.blog-list-item{display:grid;grid-template-columns:minmax(260px,38%) 1fr;gap:clamp(24px,4vw,58px);padding:clamp(28px,4vw,48px) 0;border-bottom:1px solid var(--blog-line);align-items:center}.blog-list-image{display:block;border-radius:22px;overflow:hidden;background:#e8f2f5;box-shadow:0 18px 44px #12384c17}.blog-list-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s ease}.blog-list-image:hover img{transform:scale(1.025)}.blog-list-copy h2{font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.03em;margin:.45rem 0 .8rem}.blog-list-copy h2 a{color:var(--blog-ink);text-decoration:none}.blog-list-copy>p:not(.blog-meta){font-size:1.05rem;line-height:1.65;color:var(--blog-muted);max-width:68ch}.blog-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#678092;font-size:.83rem;font-weight:700;letter-spacing:.02em}.blog-meta span:first-child{color:#067e7e;background:#e3f7f3;padding:6px 10px;border-radius:999px}.blog-read,.text-button{color:#057b7b;font-weight:800;text-decoration:none}.blog-read{display:inline-flex;gap:8px;margin-top:12px}.newsletter-panel{margin-top:clamp(56px,8vw,100px);padding:clamp(28px,5vw,54px);display:grid;grid-template-columns:1fr minmax(300px,.75fr);gap:clamp(26px,5vw,70px);background:#0d3147;color:#fff;border-radius:28px;box-shadow:0 26px 70px #102f4428}.newsletter-panel h2{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.08;margin:.35rem 0 .75rem}.newsletter-panel>div>p:last-child{color:#c9dde7;line-height:1.65}.newsletter-form,.comment-signup{display:grid;gap:14px}.newsletter-form label,.comment-signup label{display:grid;gap:7px;font-weight:750;font-size:.9rem}.newsletter-form input,.comment-signup input,.comment-signup textarea{width:100%;border:1px solid #bfd3da;background:#fff;color:#102f44;border-radius:11px;padding:13px 14px;font:inherit}.newsletter-form input:focus,.comment-signup input:focus,.comment-signup textarea:focus{outline:3px solid #55d6cb;outline-offset:2px}.newsletter-panel .form-note,.newsletter-panel .form-note a{color:#c9dde7}.form-note{font-size:.78rem;line-height:1.5;margin:0}.form-status{min-height:1.4em;margin:0;font-weight:800}.article-shell{max-width:1040px}.article-shell>.breadcrumbs{margin-bottom:34px}.article-header{max-width:920px;margin:0 auto 34px;text-align:center}.article-header .blog-meta{justify-content:center}.article-image{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #102f4424}.article-image img{display:block;width:100%;height:auto}.article-body{max-width:760px;margin:clamp(34px,6vw,70px) auto;font-size:clamp(1.08rem,1.8vw,1.24rem);line-height:1.8}.article-body p{margin:0 0 1.35em}.article-source{font-size:.88rem;color:var(--blog-muted);padding-top:1.2rem;border-top:1px solid var(--blog-line)}.article-source a{color:#087f81}.comments{max-width:840px;margin:clamp(58px,8vw,100px) auto 0;padding-top:40px;border-top:1px solid var(--blog-line)}.comments-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.comments-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:.25rem 0}.text-button{background:none;border:0;padding:10px 0;font:inherit;cursor:pointer}.comment-rules{background:var(--blog-soft);border:1px solid #cfe6e3;border-radius:14px;padding:16px 18px;line-height:1.6;margin:18px 0}.comments-list{display:grid;gap:16px;margin:26px 0}.comment-card{border:1px solid var(--blog-line);border-radius:16px;padding:18px;background:#fff}.comment-card.reply{margin-left:34px;border-left:4px solid #73cec5}.comment-card header{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--blog-muted)}.comment-card strong{color:var(--blog-ink)}.comment-card p{white-space:pre-wrap;line-height:1.65}.comment-reply{font-size:.82rem}.comment-signup{background:#f3f9fa;border:1px solid var(--blog-line);border-radius:20px;padding:clamp(20px,4vw,34px);margin-top:34px}.comment-signup h3{margin:0;font-size:1.4rem}.comment-identity{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rules-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.rules-check input{width:auto}.comments-empty{color:var(--blog-muted)}
@media(max-width:760px){.blog-list-item{grid-template-columns:1fr}.blog-list-copy h2{font-size:1.75rem}.newsletter-panel{grid-template-columns:1fr}.article-header{text-align:left}.article-header .blog-meta{justify-content:flex-start}.comment-identity{grid-template-columns:1fr}.comment-card.reply{margin-left:14px}.blog-index,.blog-article{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.blog-list-image img{transition:none}}
.blog-guides,.article-related{border:1px solid #d8e8e9;border-radius:16px;background:#f6fbfb;padding:24px;margin:24px 0 42px}.blog-guides h2,.article-related h2{font-size:22px;margin:0 0 9px}.blog-guides p,.article-related p{font-size:16px;line-height:1.55}.blog-guides ul{display:flex;flex-wrap:wrap;gap:12px 24px;padding-left:20px;margin-bottom:0}.blog-guides a,.article-related a{color:#08777b;font-weight:700}
