.dr-blog-shell{--blog-container: min(1180px, calc(100% - 40px) );--blog-radius: 16px;--blog-radius-lg: 28px;--blog-shadow: 0 20px 55px color-mix(in oklch, var(--fg) 10%, transparent);color:var(--fg)}.site-main:has(.dr-blog-shell){padding:0;background:var(--bg)}body:has(.dr-blog-shell) .site-footer{margin-block-start:0}.dr-blog-shell *{box-sizing:border-box}.dr-blog-shell a{text-decoration:none}.dr-blog-shell .visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dr-blog-shell img{display:block;max-width:100%}.dr-blog-shell .container{width:var(--blog-container);margin-inline:auto}.dr-blog-shell .inner-hero{position:relative;overflow:hidden;padding:78px 0 72px;background:color-mix(in oklch,var(--accent) 4%,var(--bg))}.dr-blog-shell .inner-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in oklch,var(--fg) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--fg) 5%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to left,#000,transparent 78%);mask-image:linear-gradient(to left,#000,transparent 78%)}.dr-blog-shell .hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:64px}.dr-blog-shell .hero-copy,.dr-blog-shell .hero-media,.dr-blog-shell .inner-hero .container{position:relative}.dr-blog-shell .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;color:var(--muted);font-size:13px}.dr-blog-shell .breadcrumbs a:hover{color:var(--accent)}.dr-blog-shell .eyebrow{margin:0 0 14px;color:var(--accent-ink);font-size:12px;font-weight:800}.dr-blog-shell .inner-hero h1{max-width:18ch;margin:0 0 20px;font-size:clamp(36px,4.5vw,60px);line-height:1.32}.dr-blog-shell .inner-hero p.lead{max-width:62ch;margin:0 0 30px;color:var(--muted);font-size:clamp(16px,2vw,20px)}.dr-blog-shell .hero-media{display:block;min-height:390px}.dr-blog-shell .hero-media img{width:100%;height:390px;border-radius:var(--blog-radius-lg);object-fit:cover;box-shadow:var(--blog-shadow)}.dr-blog-shell .hero-media:before{content:"";position:absolute;inset:18px -18px -18px 18px;z-index:0;border:1px solid var(--border);border-radius:var(--blog-radius-lg)}.dr-blog-shell .hero-media img,.dr-blog-shell .hero-note{position:relative;z-index:1}.dr-blog-shell .hero-note{position:absolute;inset:auto 18px 18px auto;z-index:2;max-width:250px;padding:16px;border:1px solid color-mix(in oklch,var(--surface) 70%,transparent);border-radius:var(--blog-radius);background:color-mix(in oklch,var(--surface) 90%,transparent);box-shadow:var(--blog-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px}.dr-blog-shell .hero-note strong{display:block;margin-bottom:2px;font-size:15px}.dr-blog-shell .section{padding:88px 0}.dr-blog-shell .section.alt,.dr-blog-shell .related-section{background:var(--surface)}.dr-blog-shell .section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.dr-blog-shell .section-head h2,.dr-blog-shell .section-head>div h2{max-width:17ch;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.35}.dr-blog-shell .section-head>p{max-width:58ch;margin:0;color:var(--muted)}.dr-blog-shell .featured-story{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:34px}.dr-blog-shell .featured-story__media,.dr-blog-shell .featured-story__media img{width:100%;height:300px;margin:0}.dr-blog-shell .featured-story__media img{object-fit:cover;transition:transform .2s ease}.dr-blog-shell .featured-story__media a:hover img{transform:scale(1.02)}.dr-blog-shell .featured-story__body h2{max-width:18ch;margin:0 0 14px;font-size:clamp(28px,3.5vw,46px);line-height:1.35}.dr-blog-shell .featured-story__body p{max-width:62ch;margin:0 0 22px;color:var(--muted)}.dr-blog-shell .meta-line,.dr-blog-shell .article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;color:var(--muted);font-size:12px}.dr-blog-shell .btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid transparent;border-radius:14px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.dr-blog-shell .btn:hover{transform:translateY(-2px)}.dr-blog-shell .btn--primary{color:var(--surface);background:var(--accent);box-shadow:0 10px 24px color-mix(in oklch,var(--accent) 24%,transparent)}.dr-blog-shell .result-count{flex:0 0 auto;min-width:120px;text-align:end}.dr-blog-shell .filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:30px}.dr-blog-shell .filter-group{display:flex;flex-wrap:wrap;gap:10px}.dr-blog-shell .filter-button{min-height:44px;padding:0 18px;border:1px solid var(--border);border-radius:99px;color:var(--muted);background:var(--surface);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.dr-blog-shell .filter-button:hover,.dr-blog-shell .filter-button[aria-pressed=true]{border-color:var(--fg);color:var(--surface);background:var(--fg)}.dr-blog-shell .search-field{display:block;flex:0 1 320px;width:min(320px,80vw);margin-inline-start:auto;color:var(--muted);font-size:12px;font-weight:700}.dr-blog-shell .search-field input{width:100%;min-height:48px;padding:0 18px;border:1px solid var(--border);border-radius:14px;color:var(--fg);background:var(--surface)}.dr-blog-shell .article-grid,.dr-blog-shell .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dr-blog-shell .article-card,.dr-blog-shell .card{padding:26px;border:1px solid var(--border);border-radius:var(--blog-radius-lg);background:var(--surface);box-shadow:0 8px 24px color-mix(in oklch,var(--fg) 4%,transparent)}.dr-blog-shell .article-card{overflow:visible;padding:26px;transition:transform .2s ease,border-color .2s ease}.dr-blog-shell .article-card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--accent) 20%,var(--border))}.dr-blog-shell .article-card__media,.dr-blog-shell .article-card__media img{width:100%;aspect-ratio:16 / 10}.dr-blog-shell .article-card__media{overflow:hidden;margin-bottom:20px;border-radius:18px}.dr-blog-shell .article-card__media img{object-fit:cover;border-radius:18px}.dr-blog-shell .article-card__body{padding:0}.dr-blog-shell .article-card h3,.dr-blog-shell .related-card h3{margin:0 0 10px;font-size:20px;line-height:1.5}.dr-blog-shell .article-card p,.dr-blog-shell .related-card p{margin:0;color:var(--muted)}.dr-blog-shell .card-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--fg);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--accent) 55%,transparent);text-underline-offset:5px}.dr-blog-shell .card-link:hover{color:var(--accent-ink)}.dr-blog-shell .no-results{padding:48px;border:1px dashed var(--border);border-radius:var(--blog-radius-lg);color:var(--muted);text-align:center}.dr-blog-shell .no-results h3{margin:0 0 8px;color:var(--fg)}.dr-blog-shell .no-results p{margin:0}.dr-blog-shell .disclaimer-section{padding-top:0}.dr-blog-shell .callout{margin:28px 0;padding:24px;border:1px solid var(--border);border-radius:var(--blog-radius);background:color-mix(in oklch,var(--surface) 82%,var(--bg))}.dr-blog-shell .callout strong{display:block;margin-bottom:6px}.dr-blog-shell .callout p,.dr-blog-shell .callout span{display:block;margin:0}.dr-blog-shell .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:64px}.dr-blog-shell .article-prose{max-width:72ch;font-size:17px}.dr-blog-shell .article-prose section:first-child h2{margin-top:0}.dr-blog-shell .article-prose h2{margin:54px 0 16px;font-size:clamp(26px,3vw,38px);line-height:1.45}.dr-blog-shell .article-prose h3{margin:36px 0 12px;font-size:22px}.dr-blog-shell .article-prose p{margin:0 0 18px;color:color-mix(in oklch,var(--fg) 82%,var(--muted))}.dr-blog-shell .article-prose ul{margin:0 0 18px;padding-inline-start:24px}.dr-blog-shell .article-prose li{margin-bottom:10px}.dr-blog-shell .article-prose .card-link{margin:0 4px}.dr-blog-shell .toc{position:sticky;top:110px;padding:26px}.dr-blog-shell .toc a{display:block;padding:10px 14px;border-inline-start:2px solid var(--border);color:var(--muted);font-size:13px}.dr-blog-shell .toc a.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch,var(--accent) 7%,transparent)}.dr-blog-shell .article-hero-media{position:relative;max-width:760px;margin:34px 0 0}.dr-blog-shell .article-hero-media img{width:100%;max-height:390px;border-radius:var(--blog-radius-lg);object-fit:cover}.dr-blog-shell .article-faq details{margin-bottom:12px;padding:16px 20px;border:1px solid var(--border);border-radius:var(--blog-radius);background:var(--surface)}.dr-blog-shell .article-faq summary{cursor:pointer;font-weight:700}.dr-blog-shell .article-faq details p{margin-top:14px}.dr-blog-shell .related-card{padding:26px}.dr-blog-shell .cta-band{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;padding:42px;border-radius:32px;color:#fff;background:var(--fg)}.dr-blog-shell .cta-band h2{max-width:16ch;margin:0 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.4}.dr-blog-shell .cta-band p{max-width:62ch;margin:0;color:color-mix(in oklch,#fff 72%,transparent)}.dr-blog-shell .btn--light{position:relative;z-index:1;flex-shrink:0;color:var(--fg);background:var(--surface)}.dr-blog-shell .reading-progress{position:fixed;inset:0 0 auto auto;z-index:110;width:0;height:3px;background:var(--accent)}@media(max-width:980px){.dr-blog-shell .hero-layout,.dr-blog-shell .featured-story,.dr-blog-shell .article-layout{grid-template-columns:1fr}.dr-blog-shell .hero-layout{gap:40px}.dr-blog-shell .article-grid,.dr-blog-shell .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-blog-shell .toc{position:static}.dr-blog-shell .article-prose{max-width:none}}@media(max-width:680px){.dr-blog-shell{--blog-container: min(100% - 28px, 1180px)}.dr-blog-shell .inner-hero{padding:52px 0}.dr-blog-shell .inner-hero h1{font-size:clamp(32px,9vw,40px);line-height:1.3}.dr-blog-shell .inner-hero p.lead{font-size:16px;line-height:1.7}.dr-blog-shell .hero-media,.dr-blog-shell .hero-media img{min-height:270px;height:270px}.dr-blog-shell .section{padding:64px 0}.dr-blog-shell .section-head{display:block}.dr-blog-shell .section-head>p{margin-top:14px;text-align:start}.dr-blog-shell .article-grid,.dr-blog-shell .grid-3{grid-template-columns:1fr}.dr-blog-shell .featured-story__media,.dr-blog-shell .featured-story__media img{height:240px}.dr-blog-shell .article-card,.dr-blog-shell .card{padding:22px}.dr-blog-shell .filter-group,.dr-blog-shell .search-field{width:100%}.dr-blog-shell .filter-button{flex:1 1 auto}.dr-blog-shell .cta-band{display:block;padding:30px}.dr-blog-shell .cta-band h2{max-width:18ch;font-size:30px}.dr-blog-shell .cta-band .btn{width:100%;margin-top:24px}}@media(prefers-reduced-motion:reduce){.dr-blog-shell *,.dr-blog-shell *:before,.dr-blog-shell *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
