/* ScreenSoft v176: visible, crawlable product answers and installation gallery. */
.ss-discovery{padding:clamp(36px,5vw,72px) 0;border-top:1px solid var(--rule);background:var(--bg);color:var(--ink,#011E4C)}
.ss-discovery h2{max-width:24ch;font-size:clamp(1.65rem,3.2vw,2.7rem);line-height:1.16;margin:0 0 24px}
.ss-discovery h3{font-size:1.12rem;line-height:1.4;margin:0 0 10px}
.ss-discovery p{line-height:1.75;max-width:80ch;margin:0 0 18px}
.ss-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px}
.ss-answer-grid article{padding:22px 0;border-top:1px solid var(--rule);min-width:0}
.ss-related{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 0;padding:0;list-style:none}
.ss-related a{font-weight:600;color:var(--accent,#0073B8);text-decoration:underline;text-underline-offset:4px}
.ss-reference-page{padding:clamp(110px,12vw,160px) 0 68px;color:var(--ink,#011E4C);background:var(--bg)}
.ss-reference-page h1{font-size:clamp(2.1rem,5vw,4.1rem);line-height:1.12;max-width:20ch;margin:12px 0 24px}
.ss-reference-intro{font-size:1.13rem;line-height:1.75;max-width:78ch}
.ss-reference-feature{margin:46px 0;padding:clamp(20px,3vw,36px);border:1px solid var(--rule);border-radius:18px;background:var(--sunk)}
.ss-reference-feature h2{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.3;margin:0 0 16px}
.ss-reference-feature p{line-height:1.75;max-width:80ch}
.ss-reference-feature video{display:block;width:100%;max-height:520px;background:#011E4C;border-radius:10px;margin-top:24px}
.ss-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.ss-reference-card{border:1px solid var(--rule);border-radius:16px;overflow:hidden;background:var(--sunk);min-width:0}
.ss-reference-card img{display:block;width:100%;height:240px;object-fit:contain;background:#071C34}
.ss-reference-card .ss-card-copy{padding:20px}.ss-reference-card h2{font-size:1.03rem;line-height:1.5;margin:0 0 14px}
.ss-reference-card a{color:var(--accent,#0073B8);font-weight:600;text-underline-offset:4px}
html[data-theme=dark] .ss-discovery,html[data-theme=dark] .ss-reference-page{color:#F0F6FC}
html[data-theme=dark] .ss-related a,html[data-theme=dark] .ss-reference-card a{color:#71C9FF}
@media(max-width:850px){.ss-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ss-answer-grid,.ss-reference-grid{grid-template-columns:1fr}.ss-related{display:grid;gap:16px}.ss-reference-card img{height:260px}.ss-reference-page{padding-top:115px}}

/* Reference pages have no dark hero; their header must remain readable at scroll zero. */
body.ss-reference-site header.site{background:var(--canvas);border-bottom:1px solid var(--rule)}
body.ss-reference-site header.site .brand .lt{opacity:var(--lt-solid)}
body.ss-reference-site header.site .brand .dk{opacity:var(--dk-solid)}
body.ss-reference-site header.site nav.main,body.ss-reference-site header.site .drop{color:var(--body)}
body.ss-reference-site header.site .themetog,body.ss-reference-site header.site .lgcur,body.ss-reference-site header.site .burger{background:var(--tint);border-color:var(--rule);color:var(--blue)}

/* v177 named case studies */
.ss-reference-card p{font-size:.94rem;line-height:1.65;margin:0 0 20px}
.ss-case-narrative{max-width:80ch;margin:36px 0;font-size:1.05rem;line-height:1.8}
.ss-case-narrative p{margin:0 0 20px}
.ss-case-media img{display:block;width:100%;max-height:680px;object-fit:contain;border-radius:10px}
.ss-case-media video{margin:0;width:100%;max-height:680px}
.ss-case-media figcaption{font-size:.9rem;margin-top:14px;line-height:1.5}
.ss-private-case{height:240px;display:flex;align-items:center;justify-content:center;background:#011E4C;color:#fff;font-size:2rem;font-weight:600}
.ss-case-source{font-size:.9rem;line-height:1.7}.ss-case-source a{text-decoration:underline}