.blog-page{--blog-soft:#edf3e7;--blog-card:#fff}
.blog-main{padding-block-end:52px}.blog-intro{max-width:800px;padding-block:38px 30px}
.blog-kicker{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--green)}
.blog-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.3;margin-block:10px 14px;letter-spacing:-.035em}
.blog-intro>p:last-child{font-size:18px;line-height:1.85;color:var(--muted)}
.blog-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-block-end:18px}
.blog-filters{display:flex;flex-wrap:wrap;gap:7px}.blog-filters button{min-width:44px;min-height:44px;padding:10px 15px;border:1px solid #bdceba;border-radius:9px;background:#fff;color:var(--green-dark);font:inherit;font-size:14px;font-weight:650}
.blog-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.blog-search{width:min(100%,340px)}.blog-search label{display:block;font-size:14px;font-weight:650;margin-block-end:6px}.blog-search input{width:100%;min-height:46px;padding:11px 14px;border:1px solid #acbea7;border-radius:9px;background:#fff;color:var(--ink);font:inherit}
.blog-count{color:var(--muted);font-size:14px;margin-block:12px 18px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.blog-card:hover{border-color:#83a17d;box-shadow:0 8px 24px #163e3010}
.blog-card-media{background:#edf2e9;border-block-end:1px solid var(--line);padding:12px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.blog-card-media img{width:100%;height:100%;max-height:220px;object-fit:contain;display:block}
.blog-card-content{padding:23px;display:flex;flex:1;flex-direction:column;min-width:0}
.blog-category{display:inline-block;align-self:start;padding:5px 8px;border-radius:6px;background:#edf3e7;color:var(--green);font-size:13px;font-weight:700;line-height:1.5}
.blog-card h2{font-size:21px;line-height:1.45;letter-spacing:-.025em;margin-block:14px 10px;text-wrap:pretty}
.blog-card-content>p{font-size:15px;line-height:1.8;color:var(--muted);margin-block-end:22px}
.blog-card-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-block-start:auto;padding-block-start:14px;border-block-start:1px solid var(--line);font-size:13px;color:var(--muted)}
.blog-card-bottom>span{color:var(--green);font-weight:700}.blog-empty{background:#fff;border:1px dashed #afc3a8;border-radius:14px;padding:35px 20px;text-align:center}.blog-empty .button{margin-block-start:16px}
.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-block-start:18px;font-size:14px;color:var(--muted)}
.blog-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.blog-article-header{max-width:900px;padding-block:22px 26px}
.blog-article h1{font-size:clamp(30px,3.7vw,44px);line-height:1.38;letter-spacing:-.03em;margin-block:15px 18px;text-wrap:pretty}
.blog-lead{font-size:18px;line-height:1.9;color:#385644}
.blog-byline{font-size:14px;color:var(--muted);margin-block-start:18px}
.blog-answer{padding:25px 28px;border:1px solid #bacda8;border-radius:15px;background:#eaf1dd;margin-block-end:32px}
.blog-answer h2{font-size:15px;color:var(--green);margin-block-end:10px}.blog-answer>p{font-size:18px;line-height:1.85;font-weight:550;max-width:850px;margin-block-end:18px}
.blog-answer .button{min-height:46px;max-width:100%;text-align:center}
.blog-article-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:38px;align-items:start}
.blog-toc{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff;position:sticky;top:20px}
.blog-toc h2{font-size:15px}.blog-toc ol{padding-inline-start:21px;margin-block-start:10px}
.blog-toc a{display:inline-flex;align-items:center;min-height:44px;line-height:1.65;font-size:14px;color:var(--green);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.blog-prose{min-width:0;max-width:780px}
.blog-prose>section{scroll-margin-top:24px;margin-block-end:48px}
.blog-prose h2{font-size:25px;line-height:1.5;letter-spacing:-.025em;margin-block:0 18px;text-wrap:pretty}
.blog-prose p{font-size:17px;line-height:1.95;overflow-wrap:anywhere;margin-block:0 20px;word-break:keep-all}
.blog-insight,.blog-highlight{padding:22px 24px;border-inline-start:4px solid var(--green);border-radius:0 12px 12px 0;background:#f0f4e9;margin-block-end:35px}
.blog-insight h2,.blog-highlight h3{font-size:16px;margin-block-end:10px;color:var(--green-dark)}
.blog-insight p,.blog-highlight p{font-size:16px;margin:0;line-height:1.9}
.blog-action-steps{list-style:none;padding:0;margin-block:18px 24px;counter-reset:blog-step}
.blog-action-steps>li{counter-increment:blog-step;position:relative;padding:20px 20px 20px 62px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-block-end:12px}
.blog-action-steps>li::before{content:counter(blog-step);position:absolute;inset-inline-start:20px;top:20px;display:grid;place-items:center;width:28px;height:28px;background:#e7f0d6;border-radius:50%;font-size:14px;font-weight:750;color:var(--green-dark)}
.blog-action-steps h3{font-size:18px;line-height:1.55;margin-block:0 8px;letter-spacing:-.015em}
.blog-action-steps p{font-size:16px;line-height:1.85;margin:0}
.blog-figure{margin-block:26px 30px;margin-inline:0}
.blog-figure>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:14px;background:#edf2e9;border:1px solid #cad8c4;border-radius:13px;overflow:hidden}
.blog-figure img{display:block;width:100%;height:auto;max-height:740px;object-fit:contain}
.blog-figure figcaption{padding-block-start:10px;font-size:14px;line-height:1.75;color:#4d6555;overflow-wrap:anywhere}
.blog-table-scroll{max-width:100%;margin-block:20px 26px;overflow-x:auto;border:1px solid #cbd7c6;border-radius:10px;background:#fff}
.blog-table-scroll table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}
.blog-table-scroll th,.blog-table-scroll td{padding:13px 12px;text-align:start;vertical-align:top;line-height:1.8;border-block-end:1px solid var(--line);border-inline-end:1px solid var(--line);overflow-wrap:anywhere;word-break:normal}
.blog-table-scroll thead{background:#eaf0e2}.blog-table-scroll th{font-weight:650;color:var(--green-dark)}
.blog-table-scroll tr:last-child td,.blog-table-scroll tr:last-child th{border-block-end:0}.blog-table-scroll td:last-child,.blog-table-scroll th:last-child{border-inline-end:0}
.blog-inline-tool a{display:inline-flex;align-items:center;min-height:44px;color:var(--green);font-weight:650;text-decoration:underline;text-underline-offset:4px}
.blog-evidence{padding:23px;border:1px solid #bdcfae;border-radius:14px;background:#f0f5e8}
.blog-evidence h2{font-size:21px}.blog-evidence>p{font-size:15px}.blog-evidence .blog-table-scroll{margin-block-end:0}
.blog-sources{padding-block-start:22px;border-block-start:1px solid var(--line)}.blog-sources h2{font-size:17px}.blog-sources ul{padding-inline-start:22px}
.blog-sources a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;color:var(--green);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.blog-next{padding-block-start:28px;border-block-start:1px solid var(--line);margin-block-start:22px}.blog-next>h2{font-size:23px;margin-block-end:22px}.blog-next .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-next .blog-card-content{padding:19px}.blog-next .blog-card h2{font-size:18px}.blog-next .blog-card-media{aspect-ratio:16/10}
.blog-page :is(a,button,input,summary,select):focus-visible{outline:3px solid #163e30;outline-offset:3px}
[dir=rtl] .blog-action-steps>li{padding:20px 62px 20px 20px}[dir=rtl] .blog-insight,[dir=rtl] .blog-highlight{border-radius:12px 0 0 12px}
@media(max-width:1000px){.blog-article-layout{grid-template-columns:200px minmax(0,1fr);gap:25px}.blog-controls{align-items:stretch}.blog-search{width:100%}.blog-next .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:26px}.blog-toc{position:static}.blog-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.blog-prose{max-width:none}.blog-answer{padding:23px}.blog-prose>section{margin-block-end:40px}}
@media(max-width:540px){.blog-intro{padding-block:24px}.blog-intro>p:last-child{font-size:17px}.blog-grid,.blog-next .blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-media{aspect-ratio:16/9;padding:10px}.blog-card-content{padding:21px}.blog-filters button{padding-inline:11px}.blog-article-header{padding-block:18px 22px}.blog-article h1{font-size:29px;line-height:1.43}.blog-lead{font-size:17px;line-height:1.9}.blog-answer{padding:21px}.blog-answer>p{font-size:16px;line-height:1.85}.blog-toc ol{grid-template-columns:1fr}.blog-prose h2{font-size:22px}.blog-prose p{font-size:16px;line-height:1.9;word-break:normal}.blog-insight,.blog-highlight{padding:20px}.blog-action-steps>li{padding:18px 16px 18px 52px}.blog-action-steps>li::before{inset-inline-start:15px;top:18px;width:25px;height:25px}.blog-action-steps h3{font-size:17px}.blog-action-steps p{font-size:15px;line-height:1.85}.blog-figure>a{padding:8px}.blog-figure img{max-height:none}.blog-table-scroll table{font-size:14px}.blog-table-scroll th,.blog-table-scroll td{padding:11px 8px;line-height:1.8}.blog-evidence{padding:18px}.blog-evidence h2{font-size:20px}[dir=rtl] .blog-action-steps>li{padding:18px 52px 18px 16px}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}

.blog-breadcrumb a,.blog-page footer a{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}