/* Shared rhythm and navigation across the Dutch review pages. */
.site-header nav{gap:28px;font-size:14px}
.site-header .locale summary{gap:9px;font-size:13px}
.site-footer .footer-links,.site-footer .footer-context{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}
.site-footer .footer-context{padding-top:7px;border-top:0;margin-top:-21px;font-size:11px}
.site-footer nav a{display:inline-flex;align-items:center;min-height:40px;padding-block:5px}
.site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
.app-page .app-hero-figure .iphone{width:100%}
.app-page .app-hero-figure figcaption{font-size:12px;line-height:1.7;margin-top:18px;max-width:52ch}
.app-page .app-hero-figure .iphone+figcaption{min-height:40px}
.information-page .info-pact h2{max-width:20ch}
.information-page .info-pact-grid{grid-template-columns:1.15fr .85fr;gap:65px}
.information-page .info-pact-copy p{max-width:44ch}
.information-page .info-details .info-detail-grid{row-gap:25px}
.information-page .info-detail p{line-height:1.65}
.app-page .app-documents>h2{letter-spacing:-.04em}
@media(max-width:800px){.site-header nav{gap:22px;font-size:13px}.site-header .locale summary{font-size:12px}.information-page .info-pact-grid{gap:35px}.app-page .app-hero-figure figcaption{font-size:11px}}
@media(max-width:600px){.site-header nav{gap:24px;font-size:13px}.site-header .locale summary{gap:7px;font-size:12px}.site-footer .footer-links,.site-footer .footer-context{gap:3px 21px;font-size:12px}.site-footer .footer-context{margin-top:-20px;font-size:11px}.information-page .info-pact-grid{display:block}.information-page .info-pact h2{max-width:none}.app-page .app-hero-figure figcaption{font-size:11px}}

.home-page .dashboard-figure{align-items:center}.information-page .info-figure{max-width:960px;margin-inline:auto}.home-page .dashboard-heading>p{max-width:30ch}
@media(max-width:600px){.home-page .scene-picker{display:none}.home-page .dashboard-figure{margin-top:26px}}
.home-page .site-header nav,.app-page .site-header nav,.information-page .site-header nav{gap:28px;font-size:14px}
@media(max-width:800px){.home-page .site-header nav,.app-page .site-header nav,.information-page .site-header nav{gap:22px;font-size:13px}}
@media(max-width:600px){.home-page .site-header nav,.app-page .site-header nav,.information-page .site-header nav{gap:24px;font-size:13px}}
/* The DOM follows the reading route: introduction, product, download. */
.app-page .app-hero{grid-template-areas:"intro product" "download product";gap:0 50px}
.app-page .app-hero-main{grid-area:intro;align-self:end}
.app-page .app-hero-meta{grid-area:download;align-self:start}
.app-page .app-hero-figure{grid-area:product}
@media(max-width:1100px){.app-page .app-hero{column-gap:35px}}
@media(max-width:800px){.app-page .app-hero{column-gap:26px}}
@media(max-width:600px){
 .app-page .app-hero{gap:25px;align-items:stretch}
 .app-page .app-hero-main,.app-page .app-hero-meta{align-self:stretch}
 .app-page .app-hero-meta .app-device-list{margin-top:0}
 .app-page .hero-actions{margin-top:20px;gap:5px 18px}
 .app-page .app-release{margin-top:10px}
}
/* Distinguish a saved dashboard image from the working card selection. */
.home-page .hero-intro,.home-page .connected-heading>p:last-child{text-wrap:pretty}
.home-page .dashboard-source{min-width:0}
.home-page .dashboard-source-choice{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:11px;color:var(--muted)}
.home-page .dashboard-source-choice .scene-picker{display:flex;gap:15px;margin:0}
.home-page .dashboard-source-choice .scene-picker button{position:relative;min-height:44px;padding:8px 0;font-size:12px;border:0;border-radius:0;background:transparent;color:var(--muted)}
.home-page .dashboard-source-choice .scene-picker button[aria-pressed=true]{color:var(--pink);background:transparent;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.home-page .dashboard-source-choice .scene-picker button:hover{color:var(--text)}
.home-page .feature-screen>.screen-target{position:absolute;left:12px;top:10px;z-index:1;font-size:9px;line-height:1.4;letter-spacing:.2px;margin:0;color:#d4dce7;font-weight:400}
.membership-interest{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:inherit;font-size:12px}
.home-page .membership-interest{margin-top:8px}
@media(max-width:600px){.home-page .dashboard-source{display:none}.home-page .membership-interest{font-size:12px}.home-page .feature-screen>.screen-target{font-size:9px;left:10px;top:8px}}

@media(min-width:601px) and (max-width:800px){.home-page .dashboard-source{max-width:620px;margin-inline:auto}}

/* Audio and visual captures retain their own native window proportions. */
.home-page .dashboard-figure[data-view=audio] .dashboard-canvas{aspect-ratio:1424/910}
.home-page .dashboard-figure[data-view=audio] .dashboard-canvas>img{width:107.8652%}