
.blog-areas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.blog-areas button,.blog-pages button{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:30px;padding:12px 22px;min-height:44px;cursor:pointer}.blog-areas button[aria-pressed="true"],.blog-pages button[aria-current]{background:#173d30;color:white}.blog-topic-label{display:block;max-width:560px;font-size:16px}.blog-topic-label select{display:block;width:100%;max-width:100%;margin-top:10px;padding:14px;font:inherit;color:var(--ink);background:#f8f7f1;border:1px solid var(--line);border-radius:10px}.blog-pages{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.blog-library [hidden]{display:none!important}#blog-controls{scroll-margin-top:150px}#blog-count{font-size:14px;margin:20px 0 30px}.blog-library button:focus-visible,.blog-library select:focus-visible{outline:3px solid #936530;outline-offset:4px}
.brand-lockup--hub .brand-lockup__label{text-transform:none;color:var(--color-pro);font-weight:500;letter-spacing:.025em}
.brand-lockup--hub .brand-lockup__mark img{filter:url(#brand-y)}
.hub-head .brand-lockup{margin-bottom:32px}.hub-kicker{margin-top:8px}.hub-head h1{max-width:1050px}.hub-head .lead{max-width:64ch}
.hub-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;border-top:1px solid var(--line)}.hub-intro h2{font-size:clamp(30px,3.3vw,46px)}
.hub-topics .doors{row-gap:28px;column-gap:6%}.hub-articles{margin-top:35px}.hub-opening,.hub-pro-entry{border-top:1px solid var(--line)}
.hub-opening{border-top:0}.hub-opening-box{background:#eef2ed;border:1px solid #ced9d0;border-radius:20px;padding:clamp(24px,4vw,48px)}.hub-opening-box h2{font-size:clamp(28px,3.3vw,44px);max-width:25ch}.hub-opening-box .lead{max-width:64ch}.hub-opening-box .text-link{margin-top:12px}
@media(max-width:640px){.hub-intro{display:block}.hub-intro .prose{margin-top:28px}.hub-head .brand-lockup{margin-bottom:24px}.hub-head h1{font-size:clamp(32px,8vw,48px)}}
.blog-mixed .door{min-width:0}.blog-mixed h3,.blog-mixed p{overflow-wrap:break-word}.blog-mixed .eyebrow{font-size:14px;line-height:1.5}.blog-mixed .editorial-image{width:100%}
main>.blog-library,main>.page-head{padding-left:max(24px,6%);padding-right:max(24px,6%)}
.blog-library .blog-mixed{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%;row-gap:40px}
@media(max-width:640px){.blog-library .blog-mixed{display:grid;grid-template-columns:minmax(0,1fr);gap:38px}.blog-library .blog-mixed .door+.door{margin-top:0}}
.blog-section-head{display:grid;grid-template-columns:1fr 260px;gap:36px;align-items:center;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:28px}
.blog-section-head h2{font-size:clamp(2rem,4vw,3rem)}
.blog-section-head figure{margin:0}.blog-section-head img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}.blog-section-head figcaption{font-size:12px;line-height:1.5;margin-top:6px}
.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.blog-card{padding-top:24px!important;border-top:1px solid var(--line)!important;display:flex;flex-direction:column}.blog-card .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.1em}.blog-card h3{font-size:1.55rem}.blog-card>p:not(.eyebrow){font-size:1rem;line-height:1.7}.blog-card .text-link{align-self:flex-start;margin-top:auto}
.blog-exercise{padding:28px;border:1px solid var(--line);border-radius:18px;margin:40px 0}.blog-exercise h2,.blog-next h2{font-size:1.75rem}.blog-next{background:#eeece2;padding:30px;border-radius:18px;margin:40px 0}.blog-next .button{white-space:normal}.related li{margin:14px 0}.next-list>section{padding:35px 0;border-top:1px solid var(--line);scroll-margin-top:160px}.reading.prose p{overflow-wrap:break-word}
a:focus-visible{outline:3px solid #936530;outline-offset:5px}.blog-cards a{overflow-wrap:break-word}
@media(max-width:1050px){.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-cards{grid-template-columns:1fr;gap:18px}.blog-section-head{grid-template-columns:1fr;gap:18px}.blog-section-head figure{max-width:100%}.blog-exercise,.blog-next{padding:22px}.blog-card h3{font-size:1.55rem}.blog-card .eyebrow{font-size:13px}}
.reading.prose[data-heading-scale="secondary"] h2{font-size:clamp(23px,2.2vw,28px);line-height:1.3}
