.blog-page{padding-block:clamp(30px,4.4vw,62px) clamp(52px,7vw,92px)}.blog-page h1{color:var(--ink);letter-spacing:-.058em;font-size:clamp(34px,5.1vw,68px);font-weight:795;line-height:1.06}.blog-page h1 span{color:var(--accent)}.blog-index-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(250px,.5fr);align-items:end;gap:18px 38px;padding-bottom:26px;display:grid}.blog-index-header h1,.blog-post-header h1{margin-top:12px}.blog-index-header>p{color:#465367;max-width:355px;padding-bottom:4px;font-size:clamp(15px,1.4vw,17px);line-height:1.65}.blog-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding-block:17px;display:flex}.blog-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.blog-filters>svg{color:var(--muted);margin-right:3px}.blog-filters .btn{min-height:36px}.blog-count{color:var(--muted);font-size:13px;font-weight:650}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);display:grid}.blog-grid>li{min-width:0}.blog-grid>li[hidden]{display:none}.blog-grid-featured{grid-column:1/-1}.blog-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;height:100%;display:flex;overflow:clip;box-shadow:0 3px 12px #18243d06}.blog-card:hover{border-color:#dec0a8;box-shadow:0 8px 24px #18243d12}.blog-card:focus-visible{outline-offset:3px}.blog-card-image{aspect-ratio:16/9;background:var(--navy);min-width:0;overflow:hidden}.blog-cover{width:100%;height:auto;display:block}.blog-card-content{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:clamp(15px,2vw,23px);display:flex}.blog-card-category{color:#9c4204;letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.35}.blog-card h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(19px,2vw,24px);font-weight:765;line-height:1.23}.blog-card-content p{color:#465367;font-size:14px;line-height:1.6}.blog-card-action{color:#9c4204;align-items:center;gap:6px;margin-top:auto;padding-top:7px;font-size:13px;font-weight:750;display:inline-flex}.blog-card:hover .blog-card-action{text-decoration:underline}.blog-grid-featured .blog-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.blog-grid-featured .blog-card-image{align-self:center}.blog-grid-featured .blog-card-content{justify-content:center;gap:12px;padding:clamp(19px,3.5vw,44px)}.blog-grid-featured h2{letter-spacing:-.05em;font-size:clamp(25px,3.25vw,44px);line-height:1.1}.blog-grid-featured .blog-card-action{margin-top:1px}.blog-post{max-width:1056px}.blog-breadcrumb ol{color:#465367;flex-wrap:wrap;align-items:center;gap:5px 8px;font-size:13px;display:flex}.blog-breadcrumb li{align-items:center;gap:8px;display:inline-flex}.blog-breadcrumb a{color:#9c4204;font-weight:700}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb svg{color:var(--muted)}.blog-post-header{margin-block:22px clamp(17px,2.4vw,29px)}.blog-post-header h1{max-width:960px;font-size:clamp(31px,4.8vw,58px)}.blog-post-cover{background:var(--navy);border-radius:14px;margin:0;overflow:hidden}.blog-reading{grid-template-columns:minmax(0,1fr) minmax(210px,260px);align-items:start;gap:clamp(20px,4vw,54px);margin-top:clamp(24px,4vw,49px);display:grid}.blog-prose{color:#3e4c61;font-size:clamp(15px,1.45vw,17px)}.blog-prose h2{color:var(--ink);letter-spacing:-.044em;margin-top:clamp(24px,4vw,46px);scroll-margin-top:16px;font-size:clamp(23px,2.55vw,34px);font-weight:785}.blog-prose h3{scroll-margin-top:16px}.blog-prose h2:target,.blog-prose h3:target{text-underline-offset:.17em;-webkit-text-decoration:underline #edc4a4;text-decoration:underline #edc4a4}.blog-toc{border:1px solid var(--line);background:var(--panel);color:#465367;border-radius:11px;min-width:0}.blog-toc-desktop{flex-direction:column;max-height:calc(100dvh - 32px);display:flex;position:sticky;top:16px}.blog-toc-mobile{display:none}.blog-toc>p,.blog-toc>summary{color:var(--ink);align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:750;display:flex}.blog-toc>p svg,.blog-toc>summary svg:first-child{color:var(--accent)}.blog-toc-links{border-top:1px solid var(--line);padding:7px 10px;overflow:auto}.blog-toc-links a{border-radius:5px;padding:5px 6px;font-size:12px;font-weight:660;line-height:1.35;display:block}.blog-toc-links [data-level="3"]{border-left:1px solid var(--line);margin-left:10px;padding-left:3px}.blog-toc-links [data-level="3"] a{color:var(--muted);font-weight:520}.blog-toc-links a:hover{background:var(--warm);color:#9c4204}.blog-related{border-top:1px solid var(--line);margin-top:36px;padding-top:21px}.blog-related h2{margin:0 0 15px}.blog-related-grid{scroll-snap-type:x proximity;grid-template-columns:repeat(3,minmax(176px,1fr));gap:12px;padding:4px 4px 10px;scroll-padding-inline:4px;display:grid;overflow-x:auto}.blog-related .blog-card{color:var(--ink);scroll-snap-align:start;text-decoration:none}.blog-related .blog-card-content{gap:7px;padding:13px}.blog-related .blog-card h3{margin:0;font-size:clamp(15px,1.65vw,18px);line-height:1.28}.blog-return{margin-top:27px}@media (max-width:930px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.blog-reading{grid-template-columns:minmax(0,1fr);gap:18px}.blog-toc-desktop{display:none}.blog-toc-mobile{display:block}.blog-toc-mobile summary{cursor:pointer;list-style:none}.blog-toc-mobile summary::-webkit-details-marker{display:none}.blog-toc-mobile summary svg:last-child{margin-left:auto}.blog-toc-mobile[open] summary svg:last-child{transform:rotate(180deg)}}@media (max-width:700px){.blog-index-header,.blog-grid-featured .blog-card{grid-template-columns:minmax(0,1fr)}.blog-index-header{gap:10px}.blog-index-header>p{padding-bottom:0}.blog-grid-featured .blog-card-content{gap:8px}.blog-filter-bar{padding-block:12px}}@media (max-width:570px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-post-header{margin-top:16px}.blog-filter-bar{gap:9px}}
