/* Canonical reference: design.md. Derived exclusively from the Mimic Health XR homepage. */
.page-inner .inner-hero{margin-top:0;margin-bottom:60px;min-height:850px;border-radius:24px}.page-inner .inner-hero .hero-content{max-width:760px;min-height:850px;padding:80px 0 96px 5.2%;justify-content:center}.page-inner .inner-hero h1{font-size:clamp(3rem,5.3vw,5.5rem);font-weight:500;line-height:1.08;letter-spacing:-.04em;max-width:680px;color:white;margin-bottom:1.35rem}.page-inner .inner-hero .eyebrow{color:white;margin-bottom:1.3rem}.page-inner .inner-hero .breadcrumb{color:#c7dde3;font-size:.85rem;margin-bottom:24px}.page-inner .inner-hero p:not(.eyebrow){max-width:600px;color:#f5fbff;font-size:1.14rem;line-height:1.6;margin-bottom:2.1rem}.page-inner .inner-hero .pill{background:white;color:#153945}.page-inner .inner-hero .pill-arrow{background:#217f9e;color:white}.page-inner .inner-hero .pill:hover,.page-inner .inner-hero .pill:focus-visible{background:#e5f4f7}
.page-inner .editorial-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:128px;align-items:end;padding:60px 0}.page-inner .editorial-intro.intro-single{grid-template-columns:1fr}.page-inner .editorial-intro h1,.page-inner .article-intro h1{font-size:clamp(3rem,5.3vw,5.5rem);font-weight:500;line-height:1.08;letter-spacing:-.04em;color:#0d5d79;margin-bottom:0;max-width:1020px}.page-inner .editorial-intro .eyebrow{margin-bottom:1.6rem}.page-inner .directory-copy p{font-size:1.16rem;line-height:1.68;max-width:425px;color:#55717b;margin:0 0 .5rem}.page-inner .category-banner{height:500px;border-radius:22px;margin-top:0;margin-bottom:60px;overflow:hidden}.page-inner .category-banner img{width:100%;height:100%;object-fit:cover}.page-inner .privacy-banner{height:600px}.page-inner .imprint-banner{height:650px}
.page-inner .visual-story{padding-bottom:60px}.page-inner .visual-spread{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:80px;align-items:stretch;margin:0 0 60px;border-radius:0;background:transparent;overflow:visible;min-height:470px}.page-inner .visual-spread:nth-child(even){grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.page-inner .visual-panel{min-height:470px;border-radius:22px;overflow:hidden;background:#eaf4f7}.page-inner .visual-panel img{width:100%;height:100%;object-fit:cover}.page-inner .visual-copy{padding:24px 0;font-size:1.08rem;line-height:1.68;color:#55717b}.page-inner .visual-copy h2,.page-inner .visual-copy h3{font-size:clamp(2rem,2.75vw,3.15rem);font-weight:500;line-height:1.08;letter-spacing:-.04em;color:#0d5d79;margin:32px 0 20px}.page-inner .visual-copy h2:first-child,.page-inner .visual-copy h3:first-child{margin-top:0}.page-inner .visual-copy p{margin-bottom:24px}.page-inner .visual-copy li{padding-bottom:8px}.page-inner .visual-copy table{border-collapse:collapse;font-size:.95rem;line-height:1.55;max-width:100%}.page-inner .visual-copy td,.page-inner .visual-copy th{padding:12px;border-bottom:1px solid #cbdde3}.page-inner .visual-copy blockquote{padding:16px 24px;border-left:2px solid #0d5d79;background:transparent;color:#0b3445}.page-inner .article-intro{max-width:1280px;padding:60px 0}.page-inner .article-intro .breadcrumb{margin-bottom:24px}.page-inner .article-intro .eyebrow{margin-bottom:1.6rem}.page-inner .article-end{padding-bottom:60px}.page-inner .reading-column{font-size:1.08rem;line-height:1.68;color:#55717b;padding-bottom:60px}.page-inner .applications-section{padding:0 0 60px}.page-inner .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.page-inner .application-photo{height:440px}
.page-inner .blog-list{padding-bottom:60px}.page-inner .blog-list .article-grid{grid-template-columns:repeat(var(--directory-columns,3),minmax(0,1fr));gap:28px}.page-inner .blog-list .article-card,.page-inner .blog-list .article-card:nth-child(even){display:flex;flex-direction:column;min-height:0;border-radius:18px;background:#eaf4f7}.page-inner .blog-list .article-card:nth-child(even) .article-photo{order:0}.page-inner .blog-list .article-photo{height:420px;min-height:420px}.page-inner .blog-list .article-card-copy{padding:24px;justify-content:initial}.page-inner .blog-list .article-card h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.04em;margin-bottom:18px}.page-inner .blog-list .article-card p{font-size:.94rem;line-height:1.6;color:#55717b}.page-inner .blog-list .article-card .card-link{margin-top:auto;padding-top:15px}.page-inner .category-links{gap:10px;padding-bottom:40px}.page-inner .category-links a{background:white;border:1px solid #cbdde3;border-radius:100px;color:#0b718e;padding:9px 14px;font-weight:600;font-size:.82rem}.page-inner .category-links a:hover,.page-inner .category-links a[aria-current="page"]{background:#e5f4f7;color:#075a74}
@media(max-width:1050px){.page-inner .editorial-intro{gap:64px}.page-inner .visual-spread{gap:40px}.page-inner .visual-copy h2,.page-inner .visual-copy h3{font-size:2.1rem}}
@media(max-width:800px){.page-inner .inner-hero{min-height:670px;margin-bottom:60px}.page-inner .inner-hero .hero-content{min-height:670px;max-width:620px;padding-left:5%}.page-inner .editorial-intro{grid-template-columns:1fr;gap:24px;padding:90px 0}.page-inner .directory-copy p{max-width:670px}.page-inner .visual-spread,.page-inner .visual-spread:nth-child(even){grid-template-columns:1fr;gap:35px;margin-bottom:60px}.page-inner .visual-spread:nth-child(even) .visual-panel{order:0}.page-inner .visual-panel{min-height:400px;height:400px}.page-inner .visual-copy{padding:0}.page-inner .article-intro{padding:60px 0}.page-inner .application-photo{height:280px}.page-inner .blog-list .article-grid{grid-template-columns:repeat(min(var(--directory-columns,2),2),minmax(0,1fr))}.page-inner .blog-list .article-photo{height:310px;min-height:310px}.page-inner .category-banner{height:340px;margin-bottom:60px}}
@media(max-width:610px){.page-inner .inner-hero{min-height:740px;border-radius:17px;margin-bottom:55px}.page-inner .inner-hero .hero-content{min-height:740px;max-width:none;justify-content:flex-end;padding:270px 1.3rem 78px}.page-inner .inner-hero h1{font-size:clamp(2.6rem,10.2vw,3.6rem)}.page-inner .inner-hero p:not(.eyebrow){font-size:1rem;line-height:1.56}.page-inner .inner-hero .pill{width:100%}.page-inner .editorial-intro{padding:75px 0 85px}.page-inner .editorial-intro h1,.page-inner .article-intro h1{font-size:clamp(2.35rem,9vw,3.45rem)}.page-inner .directory-copy p{font-size:1.04rem}.page-inner .visual-spread,.page-inner .visual-spread:nth-child(even){gap:28px;margin-bottom:55px}.page-inner .visual-panel{height:340px;min-height:340px;border-radius:22px}.page-inner .visual-copy{font-size:1rem;line-height:1.67}.page-inner .visual-copy h2,.page-inner .visual-copy h3{font-size:2.15rem}.page-inner .article-intro{padding:55px 0 40px}.page-inner .application-grid,.page-inner .blog-list .article-grid{grid-template-columns:1fr}.page-inner .application-photo{height:300px}.page-inner .blog-list .article-card h3{font-size:1.45rem}.page-inner .category-banner{height:340px;border-radius:22px;margin-bottom:55px}.page-inner .category-links{gap:8px}.page-inner .category-links a{font-size:.77rem;padding:8px 11px}}
@media(max-width:380px){.page-inner .inner-hero,.page-inner .inner-hero .hero-content{min-height:790px}.page-inner .inner-hero .hero-content{padding-top:280px}}
@media(min-width:611px) and (max-width:800px){.page-inner .blog-list .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-inner .blog-list .article-grid[style*="columns:1"]{grid-template-columns:1fr}}
@media(min-width:801px){.page-inner .category-banner:not(.privacy-banner):not(.imprint-banner){height:550px}}


@media(min-width:801px){.page-inner .category-banner:not(.privacy-banner):not(.imprint-banner){height:600px}}
/* Editorial type hierarchy: body sentences never use heading styles. */
.page-inner .visual-copy h2,.page-inner .reading-column h2{font-size:clamp(1.75rem,2.2vw,2.25rem);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:36px 0 20px}
.page-inner .visual-copy h3,.page-inner .reading-column h3{font-size:1.35rem;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:28px 0 12px}
.page-inner .visual-copy p,.page-inner .visual-copy li{font-size:1.08rem;font-weight:400;line-height:1.68;letter-spacing:normal;color:#55717b}
.page-inner main h1,.page-inner main h2,.page-inner main h3{overflow-wrap:break-word}
@media(max-width:610px){.page-inner .visual-copy h2,.page-inner .reading-column h2{font-size:1.75rem}.page-inner .visual-copy h3,.page-inner .reading-column h3{font-size:1.25rem}.page-inner .visual-copy p,.page-inner .visual-copy li{font-size:1rem;line-height:1.67}}

.page-inner .privacy-policy-action{white-space:normal;max-width:100%}
