/* Each persistent top-level menu item now opens its own HTML page. */
body{min-height:100vh;display:flex;flex-direction:column}
#page-main{flex:1;min-width:0}
.site-header nav a[aria-current="page"]{color:var(--blue)}
.site-header nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:3px;border-radius:2px;background:var(--blue)}
.page-intro #page-main{display:flex;flex-direction:column}
.page-intro .hero{flex:1;display:flex;align-items:center;min-height:550px}
.page-tutorials .tutorial-section{border-bottom:0;padding-block:40px}
.page-reference .reference-section,.page-catalogue .catalogue{padding-block:40px}
.page-reference .reference-scroller{max-height:calc(100vh - 315px);max-height:calc(100dvh - 315px);min-height:260px}
.standalone-page{margin:34px auto 42px}
.contact-page{width:min(700px,calc(100% - 40px))}
.contact-page>.dialog-top{margin-bottom:24px}
.contact-page .contact-group{margin-top:20px}
.page-downloads #downloads{padding:24px 0}
@media(max-width:800px){.site-header nav a[aria-current="page"]:after{bottom:6px}.page-intro .hero{min-height:0}.page-tutorials .tutorial-section,.page-reference .reference-section,.page-catalogue .catalogue{padding-block:28px}.page-reference .reference-scroller{max-height:calc(100dvh - 330px)}}
@media(max-width:560px){.standalone-page{margin-block:25px}.page-downloads #downloads{padding:10px 0}.contact-page{width:calc(100% - 32px)}}

/* Compact download page: one recommended installer, three secondary choices. */
.page-downloads #downloads{width:min(960px,calc(100% - 40px));padding:16px 0;margin-block:28px}
.page-downloads .dialog-top{margin-bottom:22px}
.page-downloads .download-card{min-height:0;padding:20px;gap:18px;background:#fff}
.page-downloads .auto-download-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#f4f8ff;margin-bottom:16px}
.page-downloads .auto-download-card>.button{width:auto;min-width:180px;margin:0}
.page-downloads .download-detail{gap:8px}
.page-downloads .download-detail>span{font-size:14px}
.page-downloads .downloads-grid{gap:14px}
.page-downloads .downloads-grid .button{min-height:44px;padding:10px 16px}
.page-downloads .downloads-footer{margin-top:20px}
@media(max-width:680px){.page-downloads #downloads{width:calc(100% - 32px);margin-block:20px}.page-downloads .auto-download-card{grid-template-columns:1fr}.page-downloads .auto-download-card>.button{width:100%;min-width:0}.page-downloads .downloads-grid{grid-template-columns:1fr}.page-downloads .downloads-footer{align-items:flex-start;gap:12px;flex-wrap:wrap}}