:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16394b;background:#f0f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{background:#fff;border-bottom:1px solid #dae4e9}.bar,main,footer{max-width:1240px;margin:auto;padding:20px 28px}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand strong{font-weight:900;font-size:23px;color:#006a9e}.brand span{font-weight:600;color:#5497b7}details{position:relative}summary{cursor:pointer;border:1px solid #c9d9e1;padding:10px 14px;border-radius:6px;font-weight:700}details nav{position:absolute;inset-inline-end:0;top:100%;z-index:10;background:#fff;box-shadow:0 8px 24px #15394b26;border:1px solid #d5e2e9;border-radius:7px;min-width:190px;padding:8px}nav a{display:block;padding:10px 12px;text-decoration:none}nav a:hover,nav a[aria-current]{background:#e7f2f8;color:#006a9e}main{padding-top:42px;padding-bottom:52px}.intro{max-width:820px;margin-bottom:42px}h1{font-size:clamp(28px,4vw,44px);line-height:1.17;margin:0 0 16px;letter-spacing:-.025em}.intro p{font-size:19px;line-height:1.6;color:#526b79;margin:0}section{margin-block:36px}h2{font-size:24px;line-height:1.3;margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:#fff;border:1px solid #d7e3e9;border-radius:10px;overflow:hidden;min-width:0}.card>a{height:100%;display:flex;flex-direction:column;text-decoration:none}.thumb{position:relative;background:#e3edf2;aspect-ratio:16/9;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.time,.badge{position:absolute;bottom:10px;right:10px;background:#16394be8;color:white;border-radius:4px;padding:4px 7px;font-size:13px;font-weight:700}.badge{top:10px;bottom:auto;left:10px;right:auto;background:#fff;color:#006a9e}.text{padding:20px;display:flex;flex:1;flex-direction:column}h3{font-size:19px;line-height:1.4;margin:0 0 12px}.text p{font-size:15px;line-height:1.65;margin:0 0 20px;color:#526b79}.open{margin-top:auto;color:#006c9f;font-weight:700}.card:hover{border-color:#3886ae;box-shadow:0 5px 18px #16394b14}a:focus-visible,summary:focus-visible{outline:3px solid #008cce;outline-offset:3px}footer{font-size:14px;color:#536d7b;line-height:1.8;border-top:1px solid #d7e3e9;overflow-wrap:anywhere}@media(max-width:767px){.bar,main,footer{padding-inline:18px}.bar{padding-block:12px}main{padding-top:30px}.cards{grid-template-columns:1fr;gap:18px}.intro{margin-bottom:30px}.intro p{font-size:17px}.text{padding:18px}section{margin-block:30px}}@media(min-width:768px) and (max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Video hub (2026-10-18): language choice on the first screen */
.langs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 4px}
.langs span{font-weight:600;margin-inline-end:4px;color:#41596a}
.langs a{text-decoration:none;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid #cfdde4;font-size:15px;line-height:1.2}
.langs a[aria-current="page"]{background:#16394b;color:#fff;border-color:#16394b}
.langs a:hover{border-color:#16394b}
/* video hub (review 10-18): small groups side by side */
.row{display:grid;gap:24px;margin-block:36px}
.row section{margin:0;min-width:0}
.row .cards{grid-template-columns:repeat(var(--n,1),minmax(0,1fr))}
@media(max-width:767px){.row{grid-template-columns:1fr!important;gap:0}.row section{margin-block:30px 0}.row .cards{grid-template-columns:1fr}}
@media(min-width:768px) and (max-width:1000px){.row{grid-template-columns:1fr!important}.row .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* EHIK-054: main-site menu in the header */
.site-nav{display:flex;align-items:center;gap:4px;margin-inline:auto}
.site-nav a{display:inline-block;padding:8px 10px;border-radius:6px;font-weight:600;font-size:15px;white-space:nowrap}
.site-nav a[aria-current]{background:#e7f2f8;color:#006a9e}
.site-nav a.contact{background:#006a9e;color:#fff;margin-inline-start:6px}
.site-nav a.contact:hover{background:#00547d;color:#fff}
details.menu{display:none}
details.menu nav{min-width:230px}
details.menu a.contact{color:#006a9e;font-weight:700}
@media(max-width:1180px){.site-nav{display:none}details.menu{display:block;margin-inline-start:auto}}
.bar>details{flex-shrink:0}
.bar summary{white-space:nowrap}
.brand{flex-shrink:0}
@media(max-width:1320px){.site-nav a{padding:8px 7px;font-size:14px}}
@media(max-width:520px){.bar{gap:8px}.brand img{width:32px;height:32px}.brand strong{font-size:19px}.menu-label{display:none}.bar summary{padding:9px 11px}}
@media(max-width:1180px){details.lang{margin-inline-start:auto}details.menu{margin-inline-start:0}}
/* Video hub cover (user 10-18): pump set beside the title on wide screens, below the language list on phones */
.intro.has-hero{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:40px;align-items:center}
.intro-text{max-width:780px;min-width:0}
.hero{display:block}.hero img{display:block;width:100%;height:auto}
/* narrow screens (user 10-19): no cover, the videos come right after the language list */
@media(max-width:900px){.intro.has-hero{display:block}.hero{display:none}}