.blog-shell{max-width:1500px;width:calc(100% - 96px);margin:0 auto 42px}.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px;border:1px solid #ffffff9c;background:#ffffff25;border-radius:24px}.blog-topics{display:flex;gap:6px;flex-wrap:wrap}.blog-topics button{padding:12px 16px;border-radius:13px;font-size:14px;border:1px solid transparent}.blog-topics button[aria-pressed=true]{background:#15856e;color:white;border-color:#ffffff50}.blog-topics button:hover{box-shadow:inset 0 0 0 1px #ffffff8a}.blog-search{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#647886}.blog-search input{width:270px;max-width:100%;padding:12px 15px;border:1px solid #ffffffaa;background:#ffffff50;border-radius:12px;font:inherit;font-size:14px;color:#30434f}.blog-count{font-size:13px;color:#677f8e;margin:25px 4px 18px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffffa8;border-radius:26px;background:linear-gradient(135deg,#ffffff60,#dce4ec33);box-shadow:inset 0 1px 0 #ffffff80;min-width:0}.blog-card[hidden]{display:none}.blog-card-image{position:relative;display:block;aspect-ratio:1.65;background:radial-gradient(ellipse at 50% 75%,#f2f7fa9c,transparent 65%),linear-gradient(125deg,#c9dbe977,#edf0ee33);overflow:hidden}.blog-card-image>span{position:absolute;z-index:2;left:20px;top:18px;padding:7px 12px;border:1px solid #ffffffa0;background:#ffffff55;border-radius:30px;font-size:11px}.blog-card-image>b{position:absolute;top:16px;right:20px;font-size:44px;font-weight:400;color:#6f8c9c26}.blog-card-image img{display:block;width:100%;height:100%;object-fit:contain;padding:32px 16px 4px;filter:drop-shadow(0 13px 7px #49637c25);transition:transform .3s}.blog-card-image:hover img{transform:translateY(-3px)}.blog-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.blog-card-copy>small{font-size:11px;color:#71818b}.blog-card h2{font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-.7px;margin:16px 0}.blog-card p{font-size:14px;line-height:1.65;color:#66747f;margin:0 0 26px}.blog-read{margin-top:auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #7c96a626;padding-top:18px;color:#16816a;font-size:14px}.blog-empty{text-align:center;padding:70px 24px}.blog-empty h2{font-size:28px}.blog-empty p{margin:16px 0 25px}.blog-help{display:flex;align-items:center;justify-content:space-between;gap:30px}.blog-help h2{font-size:36px}.blog-help p{font-size:15px;line-height:1.6;margin:16px 0 0}.blog-help .button{white-space:nowrap}
.article-heading{max-width:1200px;margin:30px auto 40px;padding:0 48px}.article-heading .crumb{display:block;margin-bottom:32px}.article-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:#677f8f}.article-meta>span:first-child{padding:8px 13px;border:1px solid #ffffffa0;border-radius:30px;background:#ffffff50;color:#32816e}.article-heading h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-2px;line-height:1.06;font-weight:400;margin:25px 0;max-width:1100px}.article-heading>p{font-size:19px;line-height:1.7;color:#5e6f7c;max-width:930px}.article-layout{max-width:1200px;width:calc(100% - 96px);margin:0 auto 65px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:45px;align-items:start}.article-toc{position:sticky;top:24px;padding:22px;border:1px solid #ffffff99;border-radius:22px;background:#ffffff36}.article-toc>span{font-size:10px;letter-spacing:1.2px;color:#78909f}.article-toc nav{display:flex;flex-direction:column;margin-top:16px;gap:4px}.article-toc nav a{display:flex;gap:11px;font-size:12px;line-height:1.5;padding:10px 0;color:#4e6575}.article-toc nav small{color:#92a6b3}.article-toc nav a:hover{color:#07846a}.article-back{display:block;padding-top:18px;margin-top:15px;border-top:1px solid #889eac35;font-size:12px;color:#16816a}.article-body{padding:36px 42px;border:1px solid #ffffffa0;border-radius:28px;background:linear-gradient(130deg,#ffffff65,#ffffff30);min-width:0}.article-body>section{scroll-margin-top:30px}.article-body h2{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:12px 0 22px;font-weight:400}.article-body p{font-size:17px;line-height:1.85;color:#526570;margin:0 0 20px}.article-body section+section{margin-top:40px}.article-takeaway{padding:25px;margin:35px 0;border:1px solid #ffffff9c;border-left:3px solid #3b9a81;border-radius:18px;background:linear-gradient(130deg,#c5dce855,#ffffff30)}.article-takeaway span{font-size:10px;letter-spacing:1.2px;color:#5c8795}.article-takeaway p{margin:14px 0 0;font-size:18px;color:#314e5d}.article-sources{border-top:1px solid #8ca0ad38;padding-top:22px}.article-sources h2{font-size:22px}.article-sources ul{padding-left:20px}.article-sources li{margin-bottom:14px;line-height:1.5;font-size:14px;color:#16816a}.article-sources p{font-size:12px;line-height:1.7;color:#7c8e98}.article-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.article-actions .button{font-size:14px}.related-posts .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-posts .section-heading h2{font-size:32px}.home-blog-preview .section-heading{margin-bottom:25px}.home-blog-preview .blog-shell{width:100%;margin-bottom:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #16856e;outline-offset:4px}
@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-shell{width:calc(100% - 48px)}.article-layout{width:calc(100% - 48px);grid-template-columns:210px minmax(0,1fr);gap:24px}.article-body{padding:28px}.article-heading{padding:0 24px}.blog-card h2{font-size:23px}}
@media(max-width:760px){.blog-shell{width:calc(100% - 24px);margin-bottom:28px}.blog-toolbar{padding:15px;gap:18px}.blog-topics{gap:4px}.blog-topics button{font-size:12px;padding:10px 12px}.blog-search,.blog-search input{width:100%}.blog-grid,.related-posts .blog-grid{grid-template-columns:1fr;gap:18px}.blog-card-copy{padding:23px}.blog-card h2{font-size:26px}.blog-card-image{aspect-ratio:1.8}.blog-help{flex-direction:column;align-items:flex-start}.blog-help h2{font-size:30px}.blog-help .button{white-space:normal;width:100%;justify-content:center}.article-heading{padding:0 24px;margin-top:18px}.article-heading h1{font-size:38px;letter-spacing:-1.3px}.article-heading>p{font-size:17px}.article-layout{width:calc(100% - 24px);grid-template-columns:1fr;gap:20px}.article-toc{position:static;padding:20px}.article-toc nav{display:grid;grid-template-columns:1fr;gap:0}.article-body{padding:25px 22px;border-radius:22px}.article-body h2{font-size:27px}.article-body p{font-size:16px}.article-takeaway{padding:20px}.article-actions{flex-direction:column}.article-actions .button{justify-content:center}.article-meta{gap:10px;font-size:11px}}
