.blog-shell{--blog-ink:#172d35;--blog-copper:#a96142;--blog-paper:#f7f4ed;--blog-line:#ddd5c7}.blog-index-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;padding:85px 0 65px}.blog-index-hero h1{font-size:clamp(52px,6vw,86px);line-height:1.16}.blog-index-hero h1 span{color:var(--blog-copper)}.blog-index-hero>p{font-size:19px;color:#52615d;max-width:520px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding-bottom:90px}.blog-card{background:#fcfaf5;box-shadow:0 0 0 1px rgba(23,45,53,.08);display:grid;grid-template-rows:auto 1fr;transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms cubic-bezier(.22,1,.36,1)}.blog-card:first-child{grid-column:1/-1;grid-template-columns:1.1fr .9fr;grid-template-rows:auto}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(23,45,53,.1)}.blog-card img{width:100%;height:250px;object-fit:cover}.blog-card:first-child img{height:100%;min-height:390px}.blog-card-copy{padding:28px;display:flex;flex-direction:column}.blog-card small{color:var(--blog-copper);font-weight:700}.blog-card h2{font-size:29px;margin:16px 0 12px}.blog-card:first-child h2{font-size:42px}.blog-card p{color:#52615d;font-size:16px}.blog-card b{margin-top:auto;padding-top:25px;color:var(--blog-copper)}.article-hero{padding:60px 0 45px;max-width:1050px}.article-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.22;letter-spacing:-1.7px}.article-hero .article-deck{font-size:21px;color:#52615d;max-width:800px;margin-top:24px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#68736f}.article-cover{margin-bottom:55px}.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.article-cover figcaption{font-size:11px;color:#6c7672;margin-top:9px}.answer-box{background:var(--blog-ink);color:#f8f4ec;padding:28px 31px;margin-bottom:42px}.answer-box small{color:#e0a17c;font-weight:700}.answer-box p{color:#edf1ed!important;font-size:20px!important;margin-top:9px}.article-body h2{font-size:34px;margin-top:55px}.article-body h3{font-size:24px;margin:31px 0 9px}.article-body ul,.article-body ol{font-size:18px;color:#40504e;line-height:1.95;padding-right:24px}.article-body li+li{margin-top:8px}.article-body .comparison{width:100%;border-collapse:collapse;margin:25px 0;font-size:16px}.comparison th,.comparison td{padding:15px;border:1px solid var(--blog-line);text-align:right;vertical-align:top}.comparison th{background:#ece5d9}.article-note{border-right:4px solid var(--blog-copper);background:#efe8dc;padding:20px 23px;margin:28px 0}.faq-block{margin-top:65px;border-top:1px solid var(--blog-line);padding-top:35px}.faq-block details{border-bottom:1px solid var(--blog-line)}.faq-block summary{cursor:pointer;font-weight:700;font-size:19px;padding:20px 0;display:flex;justify-content:space-between;gap:20px}.faq-block summary:after{content:'+';color:var(--blog-copper);font-size:24px}.faq-block details[open] summary:after{content:'−'}.faq-block details p{padding-bottom:22px}.article-sources{margin-top:45px;padding-top:25px;border-top:1px solid var(--blog-line);font-size:13px}.article-sources a{color:var(--blog-copper);text-decoration:underline}.related-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.related-articles a{border:1px solid var(--blog-line);padding:14px;font-size:14px}.related-articles a:hover{border-color:var(--blog-copper);color:var(--blog-copper)}
@media(max-width:800px){.blog-index-hero{grid-template-columns:1fr;gap:20px;padding-block:50px}.blog-grid{grid-template-columns:1fr}.blog-card:first-child{grid-column:auto;grid-template-columns:1fr}.blog-card:first-child img{min-height:0;height:250px}.blog-card:first-child h2{font-size:30px}.article-hero{padding-top:40px}.article-cover{margin-bottom:35px}.related-articles{grid-template-columns:1fr}}
@media(max-width:520px){.blog-index-hero h1{font-size:50px}.article-hero h1{font-size:43px}.article-hero .article-deck{font-size:18px}.article-cover{margin-inline:-18px}.answer-box{padding:23px 20px}.answer-box p{font-size:18px!important}.article-body h2{font-size:30px}.article-body ul,.article-body ol{font-size:17px}.comparison{font-size:13px!important}.comparison th,.comparison td{padding:10px}.blog-card img,.blog-card:first-child img{height:210px}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}
.practical-example{margin:34px 0;padding:28px;background:#f1eadf;border:1px solid var(--blog-line)}.practical-example>small{color:var(--blog-copper);font-weight:800}.practical-example h3{margin:8px 0 14px}.example-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.example-flow span{background:#fffaf2;border:1px solid var(--blog-line);padding:14px;font-size:14px}.source-date{display:block;margin-top:9px;color:#68736f}.article-body sup a{color:var(--blog-copper);text-decoration:none}.article-body sup a:hover{text-decoration:underline}@media(max-width:800px){.example-flow{grid-template-columns:1fr 1fr}}@media(max-width:520px){.example-flow{grid-template-columns:1fr}.practical-example{padding:22px 18px}}