.blog-listing{padding-top:55px}
.blog-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}
.blog-filters{display:flex;gap:8px;flex-wrap:wrap}
.blog-filters button{background:#fff;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:11px;line-height:1.5;padding:10px 15px;min-height:39px;transition:background .2s,color .2s}
.blog-filters button:hover{background:var(--mist);color:var(--ink)}
.blog-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
.blog-search{min-width:230px}
.blog-search label{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}
.blog-search input{background:#fff;min-height:43px;font-size:13px}
.blog-results{font-size:11px;margin-bottom:22px}
.blog-results:empty{display:none}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white;transition:transform .25s,box-shadow .25s}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #102c3a10}
.blog-card-link{height:100%;display:flex;flex-direction:column}
.blog-card-image{aspect-ratio:1.65;overflow:hidden;background:var(--mist)}
.blog-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .blog-card-image>img{transform:scale(1.04)}
.blog-card-art{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#f3fbf6,#d4e9e1)}
.blog-card-art img{height:85px;width:85px;opacity:.55}
.blog-card-copy{padding:25px 25px 22px;display:flex;flex-direction:column;flex:1}
.blog-category{color:var(--deep-teal);font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:700;display:block;margin-bottom:15px}
.blog-card-copy h2{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin-bottom:15px;overflow-wrap:anywhere}
.blog-card-copy>p{font-size:13px;line-height:1.7;margin-bottom:20px}
.blog-card-bottom{display:flex;gap:13px;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:9px;margin-top:auto}
.blog-read{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}
.blog-read>span{font-size:20px;color:var(--teal);transition:transform .2s}
.blog-card:hover .blog-read>span{transform:translateX(3px)}
.blog-empty{max-width:760px;text-align:center;padding:10px 0 40px}
.blog-empty-symbol{display:inline-block;width:75px;height:75px;margin-bottom:30px;opacity:.6}
.blog-empty h2{font-size:39px}
.blog-empty p{max-width:540px;margin:0 auto 27px;font-size:15px}
.blog-no-results{padding:40px 0 60px}
.blog-no-results h2{font-size:29px}
.blog-no-results p{font-size:14px}
.blog-feed{display:inline-block;font-size:11px;text-decoration:underline;color:var(--deep-teal);margin-top:35px}
.article-heading{padding-top:55px;padding-bottom:45px;max-width:1000px}
.article-heading .breadcrumbs{margin-bottom:40px}
.article-heading .eyebrow{font-size:10px;margin-bottom:20px}
.article-heading h1{font-size:clamp(35px,4.4vw,61px);letter-spacing:-2px;line-height:1.13;max-width:900px;overflow-wrap:anywhere}
.article-heading .lead{max-width:820px;font-size:18px}
.article-meta{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:19px;margin-top:30px}
.article-meta>span:first-child{color:var(--deep-teal)}
.article-cover img{width:100%;height:auto;max-height:630px;object-fit:cover;border-radius:8px}
.article-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:80px;padding-top:60px;padding-bottom:80px;align-items:start}
.article-body{font-size:17px;line-height:1.85;overflow-wrap:anywhere;min-width:0}
.article-body p{font-size:inherit;line-height:inherit;color:var(--muted);margin-bottom:24px}
.article-body h2{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:43px 0 20px}
.article-body h3{font-size:26px;line-height:1.3;margin:34px 0 16px}
.article-body h4,.article-body h5,.article-body h6{font-size:21px;line-height:1.4;margin:28px 0 15px}
.article-body>h2:first-child,.article-body>h3:first-child{margin-top:0}
.article-body a{color:var(--deep-teal);text-decoration:underline;text-underline-offset:3px}
.article-body ul,.article-body ol{padding-left:26px;color:var(--muted);margin:20px 0 28px}
.article-body li{padding-left:5px;margin-bottom:9px}
.article-body li>p{margin-bottom:8px}
.article-body blockquote{margin:30px 0;padding:22px 28px;background:var(--mist);border-left:3px solid var(--teal);border-radius:0 6px 6px 0}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body img{height:auto;max-width:100%;border-radius:6px;margin:28px 0}
.article-body figure{margin:30px 0}
.article-body figcaption{font-size:12px;text-align:center;color:var(--muted)}
.article-body table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;margin:25px 0;font-size:14px}
.article-body th,.article-body td{padding:12px 16px;border:1px solid var(--line);text-align:left;min-width:100px}
.article-body th{background:var(--mist)}
.article-body pre{overflow:auto;padding:22px;border-radius:6px;background:var(--ink);color:white;font-size:13px;line-height:1.7;white-space:pre}
.article-body code{font-family:monospace;font-size:.9em}
.article-body hr{border:0;border-top:1px solid var(--line);margin:35px 0}
.article-body mark{background:var(--mint)}
.article-aside{position:sticky;top:135px;padding:28px;background:var(--mist);border:1px solid #d2e5dc;border-radius:8px}
.article-aside .eyebrow{font-size:9px;margin-bottom:18px}
.article-aside h2{font-size:25px;line-height:1.2;letter-spacing:-.7px}
.article-aside p{font-size:13px}
.article-aside .button{font-size:11px;padding:12px 15px;gap:12px}
.article-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:45px;padding-top:25px}
.article-footer a.text-link{font-size:12px;color:var(--ink);text-decoration:none}
.article-share{border:0;background:none;color:var(--deep-teal);font-size:11px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.article-footer [role=status]{width:100%;font-size:11px;color:var(--deep-teal)}
@media(max-width:1100px){.blog-grid{gap:20px}.blog-card-copy{padding:22px}.blog-card-copy h2{font-size:23px}.article-layout{gap:40px}.article-aside{padding:24px}}
@media(max-width:820px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-controls{align-items:stretch;flex-direction:column;gap:20px}.blog-search{max-width:450px}.article-layout{grid-template-columns:1fr;max-width:800px;gap:40px}.article-aside{position:static}.article-heading .lead{font-size:16px}.article-body{font-size:16px}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:23px}.blog-listing{padding-top:35px}.blog-card-copy{padding:24px}.blog-card-copy h2{font-size:27px}.blog-card-copy>p{font-size:14px}.blog-card-bottom{font-size:10px}.blog-read{font-size:12px}.blog-filters button{font-size:10px;padding:9px 12px}.blog-search input{font-size:16px}.blog-empty h2{font-size:32px}.blog-empty p{font-size:14px}.article-heading{padding-top:35px;padding-bottom:30px}.article-heading .breadcrumbs{margin-bottom:28px}.article-heading h1{font-size:38px;letter-spacing:-1.5px}.article-heading .lead{font-size:15px}.article-meta{gap:9px 18px;font-size:10px;margin-top:23px}.article-layout{padding-top:35px;padding-bottom:55px}.article-body{font-size:15px}.article-body h2{font-size:28px}.article-body h3{font-size:24px}.article-body blockquote{padding:20px}.article-aside h2{font-size:27px}.article-footer{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){.blog-card:hover,.blog-card:hover .blog-card-image>img{transform:none}}