/* Shared editorial and image treatments for Mint and Wefox. */
.case-opening-copy{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 12px}
.case-opening-copy p{max-width:none}
.section-copy{font-size:14px;line-height:1.85;color:var(--muted);margin-top:18px;max-width:70ch}
.gallery-figure{margin:25px 0 0;min-width:0}
.gallery-figure figcaption,.state-specimen figcaption,.focus-comparison figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px}
.gallery-figure figcaption strong{display:block;font-size:17px;line-height:1.5;letter-spacing:-.3px;color:var(--blue);font-weight:700}
.gallery-figure figcaption p{margin-top:7px;max-width:65ch}
.gallery-figure img{display:block;width:100%;height:auto}
.image-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;min-height:44px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.image-actions{display:flex;flex-wrap:wrap;gap:0 23px;margin-top:3px}
.image-link:hover{color:var(--pink)}
.opening-gallery{margin-top:32px}
.phone-triptych{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:27px 20px 20px;background:var(--project-soft);border-radius:4px 4px 32px 4px;gap:28px}
.phone-study{width:270px;flex:0 0 min(90%,270px);min-width:0;display:block;scroll-snap-align:center}
.gallery-hint{display:block;color:var(--blue);font-size:11px;margin-top:5px}
.phone-window{width:100%;height:470px;overflow:hidden;background:white;border:1px solid #e1e1e8;border-radius:10px;box-shadow:0 12px 24px #18204b0d}
.phone-study>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.7;margin-top:15px;min-height:30px}
.responsive-stage{background:var(--project-soft);padding:22px;display:flex;align-items:flex-start;gap:25px;border-radius:4px 4px 32px 4px;min-width:0;overflow:hidden}
.desktop-preview{display:none;min-width:0;overflow:hidden;background:white;box-shadow:0 8px 22px #18204b0a}
.mobile-preview{width:min(100%,330px);margin:auto;max-height:560px;overflow:hidden;background:white;border-radius:6px;border:1px solid #e1e1e8}
.quote-showcase{display:grid;gap:15px}
.single-phone{background:var(--project-soft);padding:24px;display:flex;justify-content:center;border-radius:4px 4px 32px 4px}
.single-phone img{width:min(100%,300px);border:1px solid #e1e1e8;border-radius:6px}
.quote-desktop{background:var(--project-soft);padding:22px;max-height:630px;overflow:hidden;border-radius:4px 4px 32px 4px}
.quote-desktop picture{display:block;background:white}
.milan-stage{background:var(--project-soft);padding:24px 20px;display:grid;gap:28px;border-radius:4px 4px 32px 4px}
.milan-stage>img{width:min(100%,370px);margin-inline:auto;box-shadow:0 8px 24px #18204b0a}
.milan-detail{min-width:0}
.detail-index{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px}
.milan-detail h3{font-size:23px;line-height:1.35;letter-spacing:-.7px}
.milan-detail p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:15px}
.state-principles{display:grid;margin-top:28px;gap:0}
.state-principles>div{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.principle-number{font-size:12px;color:var(--pink);line-height:1.8;min-width:23px}
.state-principles h3{font-size:17px;line-height:1.5;letter-spacing:-.3px}
.state-principles p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px}
.state-specimen{background:var(--project-soft);padding:30px 20px 23px;margin:25px 0 0;border-radius:4px 4px 32px 4px}
.state-samples{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 15px;align-items:center;padding-block:15px}
.sample-chip{font-family:Arial,sans-serif;font-size:13px;line-height:1.3;border:1px solid;border-radius:25px;padding:5px 13px;background:white}
.sample-active{color:#557a18;border-color:#b8e48c}.sample-paused{color:#00788b;border-color:#8dd9e8}.sample-archived{color:#bc394a;border-color:#f8adb6}.sample-draft{color:#59616a;border-color:#c8ccd0}
.state-specimen figcaption{text-align:center;font-size:10px;margin-top:20px}
.focus-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:30px}
.focus-comparison figure{margin:0;background:var(--project-soft);padding:20px 0;border-radius:4px 4px 25px 4px;min-width:0}
.focus-label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;margin:0 20px 18px}
.mint-focus{overflow:hidden;max-width:100%;margin:auto}
.mint-focus>div{position:relative;width:270px;height:405px;margin:auto;background:white;max-width:100%;overflow:hidden}
.mint-focus img{position:absolute;max-width:none;width:1024px;height:auto;left:-50px;top:-125px;display:block}
.focus-comparison figcaption{padding:0 20px}
.comparison-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.comparison-toolbar h3{font-size:14px;line-height:1.6;font-weight:400}
.screenshot-explorer{max-width:none}
.screenshot-explorer [role=tabpanel][hidden]{display:none}
.screenshot-explorer [role=tabpanel]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.screenshot-explorer .gallery-figure{margin-top:0}
.mint-full{border:1px solid var(--line);border-radius:4px;overflow:hidden}
.guidelines-grid{display:grid;gap:12px}
.doc-preview{background:var(--project-soft);padding:16px;border-radius:4px 4px 25px 4px}
.doc-preview img{max-width:1024px;margin:auto}
@media(min-width:700px){
 .case-opening-copy,.section-copy{font-size:16px;line-height:1.85}
 .gallery-figure{margin-top:32px}.gallery-figure figcaption{font-size:13px;margin-top:18px}.gallery-figure figcaption strong{font-size:19px}.image-link{font-size:12px}
 .phone-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:35px;overflow:visible}.phone-study{width:100%}.gallery-hint{display:none}
 .phone-study:not(:first-child){display:block}.phone-window{height:380px}.phone-study>span{font-size:12px}
 .desktop-preview{display:block;flex:1;max-height:560px;border-radius:6px;border:1px solid #e1e1e8}
 .responsive-stage{padding:30px;gap:25px;align-items:flex-start}
 .mobile-preview{width:24%;flex-shrink:0;margin:0;max-height:560px}
 .gallery-figure+.gallery-figure{margin-top:45px}
 .milan-stage{grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:38px}
 .milan-detail h3{font-size:30px}.milan-detail p{font-size:15px}
 .state-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.state-principles>div{display:block;padding:10px 0 24px}.principle-number{display:block;margin-bottom:18px}.state-principles h3{font-size:19px}.state-principles p{font-size:13px}
 .state-specimen{padding:35px}.state-samples{gap:32px}.sample-chip{font-size:16px;padding:6px 17px}.state-specimen figcaption{font-size:11px}
 .focus-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.focus-comparison figure{padding:25px 12px}.focus-label{font-size:12px}
 .comparison-toolbar h3{font-size:17px}.screenshot-explorer{margin-top:40px}
 .guidelines-grid{grid-template-columns:1fr 1fr;gap:25px;align-items:start}.doc-preview{padding:20px}.guidelines-grid .gallery-figure+.gallery-figure{margin-top:32px}
}
@media(min-width:1000px){
 .phone-triptych{padding:45px 65px;gap:45px}.phone-window{height:470px}
 .responsive-stage{padding:40px;gap:36px}.desktop-preview,.mobile-preview{max-height:650px}
 .quote-showcase{grid-template-columns:.72fr 1.4fr;gap:30px;align-items:start}.quote-showcase .gallery-figure+.gallery-figure{margin-top:32px}.single-phone{padding:30px}.quote-desktop{max-height:700px;padding:30px}
 .milan-stage{padding:45px 65px;gap:75px}.milan-detail h3{font-size:36px}.milan-stage>img{max-width:380px}
 .state-principles{gap:40px}.state-principles h3{font-size:21px}.state-principles p{font-size:14px}.focus-comparison{gap:30px}
}

/* V4 — complete imagery and an editorial rhythm; shared case frame is unchanged. */
.case-opening-copy p+p{margin-top:16px}
.case-note-copy{font-size:14px;line-height:1.85;color:var(--muted);margin-top:26px;max-width:74ch}
.mint-full{background:var(--project-soft)}
.mint-full img{max-width:1024px;margin-inline:auto}
.guidelines-grid .doc-preview img{width:100%;height:auto;max-width:none;aspect-ratio:1487/1058;object-fit:contain}
@media(min-width:700px){.case-note-copy{font-size:15px;margin-top:30px}}

/* Wefox V4: one visual scale per group, complete source screens. */
.wefox-v4 .gallery-figure{margin-top:26px}
.wefox-v4 .p-section{padding-top:56px}
.wefox-v4 .section-copy{max-width:70ch}
.wefox-v4 .gallery-figure figcaption{margin-top:15px}
.wefox-v4 .gallery-figure figcaption strong{font-size:16px;line-height:1.5}
.wefox-v4 .gallery-figure figcaption p{max-width:60ch}
.wefox-v4 .wefox-v4-hero{margin-top:30px}
.wefox-v4-hero picture{display:block;border-radius:4px 4px 32px 4px;overflow:hidden;background:var(--project-soft)}
.wefox-v4-hero picture img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:51% 50%;margin:0;max-width:none}
.wefox-v4 .coverage-stage{display:block;background:var(--project-soft);padding:28px 24px;border-radius:4px 4px 32px 4px;overflow:hidden}
.wefox-v4 .coverage-laptop{display:none}
.wefox-v4 .coverage-mobile{display:block;width:min(100%,300px);margin:auto}
.wefox-v4 .coverage-mobile img{border-radius:5px}
.wefox-v4-editorial{display:grid;gap:32px;margin-top:38px}
.wefox-v4 .wefox-v4-editorial .gallery-figure{margin:0;min-width:0}
.wefox-v4 .showcase-media{overflow:hidden;border-radius:4px 4px 32px 4px}
.wefox-v4 .benefits-study .showcase-media{background:var(--project-soft);padding:24px;display:flex;align-items:center;justify-content:center}
.wefox-v4 .benefits-study img{width:100%;height:auto;max-height:100%;object-fit:contain;border:0;border-radius:4px}
.wefox-v4 .partner-study .showcase-media{display:flex;align-items:center;justify-content:center;background:var(--project-soft);padding:32px}
.wefox-v4 .partner-study img{width:min(100%,280px);height:auto}
.wefox-v4-strip>div{overflow:hidden;background:var(--project-soft);border-radius:4px 4px 32px 4px;padding:22px 0}
.wefox-v4-strip>div img{width:100%;max-width:100%}
.wefox-v4-strip>div:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.wefox-v4-strip figcaption .gallery-hint{margin-top:8px}
.wefox-v4-product>div{background:var(--project-soft);border-radius:4px 4px 32px 4px;overflow:hidden;height:clamp(220px,38vw,460px);padding:18px;display:flex;align-items:center;justify-content:center}
.wefox-v4-product>div img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto}
.wefox-v4-phones{display:grid;gap:32px;margin-top:32px}
.wefox-v4 .wefox-v4-phones .gallery-figure{margin:0}
.wefox-v4-phones .gallery-figure>div{background:var(--project-soft);padding:30px 25px;border-radius:4px 4px 32px 4px;display:flex;align-items:center;justify-content:center}
.wefox-v4-phones img{width:min(100%,320px);height:auto;max-width:100%;border:1px solid #e6e6ef;border-radius:7px}
@media(min-width:700px){
 .wefox-v4 .p-section{padding-top:72px}
 .wefox-v4 .gallery-figure{margin-top:32px}
 .wefox-v4 .gallery-figure figcaption strong{font-size:18px}
 .wefox-v4 .wefox-v4-hero{margin-top:35px}
 .wefox-v4-hero picture img{aspect-ratio:auto;object-fit:contain}
 .wefox-v4 .coverage-stage{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(0,1fr);gap:30px;padding:35px;align-items:center}
 .wefox-v4 .coverage-laptop{display:block;min-width:0}
 .wefox-v4 .coverage-mobile{width:100%;max-width:230px}
 .wefox-v4-editorial{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;margin-top:45px;--study-height:clamp(360px,43vw,560px)}
 .wefox-v4 .showcase-media{height:var(--study-height)}
 .wefox-v4 .benefits-study img{height:auto;max-height:100%;object-fit:contain}
 .wefox-v4 .partner-study .showcase-media{padding:30px}
 .wefox-v4 .partner-study img{width:auto;height:auto;max-height:100%;max-width:100%}
 .wefox-v4-strip>div{padding:30px 18px}
 .wefox-v4-strip>div img{width:100%}
 .wefox-v4-product>div{padding:24px}
 .wefox-v4-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:38px}
 .wefox-v4-phones .gallery-figure>div{height:clamp(450px,57vw,630px);padding:36px}
 .wefox-v4-phones img{width:auto;height:auto;max-height:100%;max-width:100%}
}
@media(min-width:1000px){
 .wefox-v4 .p-section{padding-top:82px}
 .wefox-v4 .coverage-stage{gap:45px;padding:45px}
 .wefox-v4-editorial{gap:35px;margin-top:48px}
 .wefox-v4-phones{gap:35px}
}

/* All product screenshots are presented as static content. */
.mint-context-comparison{margin-top:30px}
.mint-context-comparison>h3{font-size:16px;line-height:1.5;font-weight:400;margin-bottom:16px}
/* Reuse the same cards and labels as the Notification Hub detail above. */
.mint-context-screens .mint-full{margin-inline:20px;background:white}
.mint-context-screens .mint-full img{width:100%;height:auto}
@media(min-width:700px){.mint-context-comparison{margin-top:40px}}