/* ON6UHF v4.3.285 · didactische schermuitleg */
.hc-screen-card{position:relative;overflow:hidden;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--page-color,var(--hc-cyan)) 72%,#244c60);border-radius:17px;background:linear-gradient(145deg,#0a293b,#04131f);box-shadow:0 22px 55px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--page-color,var(--hc-cyan)) 12%,transparent)}
.hc-screen-card:before{content:"";position:absolute;z-index:0;inset:-120px auto auto -100px;width:340px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--page-color,var(--hc-cyan)) 20%,transparent),transparent 68%);pointer-events:none}
.hc-screen-card>header{position:relative;z-index:1;padding:21px 22px 18px;border-bottom:1px solid #225067;background:linear-gradient(100deg,rgba(9,42,59,.96),rgba(4,20,31,.82))}
.hc-screen-kicker{margin-bottom:5px;color:var(--page-color,var(--hc-cyan));font-size:.62rem;font-weight:950;letter-spacing:.14em}.hc-screen-card h2{margin:0;color:#fff;font-size:1.22rem}.hc-screen-card>header p{max-width:800px;margin:7px 0 0;color:#99b8c7;font-size:.8rem;line-height:1.55}
.hc-screen-stage{position:relative;margin:18px;border:1px solid #2d6883;border-radius:13px;background:#020a12;box-shadow:0 0 0 5px rgba(85,220,255,.035),0 16px 35px rgba(0,0,0,.4)}
.hc-screen-open{position:relative;width:100%;display:block;margin:0;padding:0;overflow:hidden;border:0;border-radius:12px;background:#020a12;cursor:zoom-in}.hc-screen-open img{display:block;width:100%;height:auto;aspect-ratio:1.455/1;object-fit:cover;object-position:top center;opacity:.88;transition:opacity .2s,transform .25s,filter .25s}.hc-screen-open:hover img{opacity:1;transform:scale(1.008);filter:saturate(1.08)}
.hc-screen-open>span{position:absolute;right:12px;bottom:12px;min-height:36px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #68def7;border-radius:8px;background:rgba(2,15,25,.88);color:#e9fbff;font-size:.68rem;font-weight:900;box-shadow:0 0 18px rgba(85,220,255,.28)}
.hc-screen-pin{position:absolute;z-index:4;width:34px;height:34px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--page-color,var(--hc-cyan));box-shadow:0 0 0 6px color-mix(in srgb,var(--page-color,var(--hc-cyan)) 22%,transparent),0 0 22px var(--page-color,var(--hc-cyan));color:#02111b;text-decoration:none;font-size:.76rem;font-weight:950;animation:hcPinPulse 2.4s ease-in-out infinite}.hc-screen-pin:hover,.hc-screen-pin:focus-visible{z-index:8;transform:translate(-50%,-50%) scale(1.16);animation:none;outline:3px solid #fff;outline-offset:3px}
.hc-screen-callouts{counter-reset:hccallout;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0 18px 19px;list-style:none}.hc-screen-callouts li{counter-increment:hccallout;position:relative;min-width:0;border:1px solid #28586e;border-radius:11px;background:linear-gradient(135deg,#092638,#061a28)}.hc-screen-callouts li:before{content:counter(hccallout);position:absolute;left:12px;top:13px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--page-color,var(--hc-cyan));color:#03111d;font-size:.67rem;font-weight:950}.hc-screen-callouts a{min-height:74px;display:grid;align-content:center;gap:4px;padding:11px 12px 11px 50px;color:#fff;text-decoration:none}.hc-screen-callouts b{font-size:.76rem}.hc-screen-callouts span{color:#8fadb9;font-size:.69rem;line-height:1.45}.hc-screen-callouts li:hover{border-color:var(--page-color,var(--hc-cyan));background:#0b2d40;box-shadow:0 0 19px color-mix(in srgb,var(--page-color,var(--hc-cyan)) 13%,transparent)}
.hc-lightbox{position:fixed;z-index:2147483640;inset:0;width:min(96vw,1720px);height:min(94vh,1120px);margin:auto;padding:52px 16px 16px;overflow:auto;border:1px solid #55dcff;border-radius:17px;background:#020b14;box-shadow:0 35px 120px #000,0 0 55px rgba(85,220,255,.3)}.hc-lightbox[open]{display:grid;place-items:center}.hc-lightbox::backdrop{background:rgba(0,4,9,.88);backdrop-filter:blur(8px)}.hc-lightbox img{display:block;max-width:100%;max-height:calc(94vh - 80px);border:1px solid #2a627c;border-radius:11px;box-shadow:0 18px 55px #000}.hc-lightbox strong{position:absolute;left:18px;top:17px;color:#dff8ff;font-size:.78rem}.hc-lightbox-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:1px solid #3f7b96;border-radius:9px;background:#0a2a3c;color:#fff;font-size:1.3rem;cursor:pointer}
.hc-sidebar.attention{box-shadow:14px 0 34px rgba(0,0,0,.24),0 0 0 2px var(--hc-cyan) inset,0 0 36px rgba(85,220,255,.28)}
@keyframes hcPinPulse{0%,100%{box-shadow:0 0 0 5px color-mix(in srgb,var(--page-color,var(--hc-cyan)) 20%,transparent),0 0 16px var(--page-color,var(--hc-cyan))}50%{box-shadow:0 0 0 9px transparent,0 0 28px var(--page-color,var(--hc-cyan))}}
@media(min-width:821px){.hc-backdrop{display:none!important}}
@media(max-width:820px){.hc-screen-card>header{padding:17px}.hc-screen-stage{margin:10px}.hc-screen-open img{aspect-ratio:auto;min-height:220px;object-fit:cover}.hc-screen-pin{width:30px;height:30px}.hc-screen-callouts{grid-template-columns:1fr;padding:0 10px 11px}.hc-screen-callouts a{min-height:70px}.hc-lightbox{width:100vw;height:100dvh;border:0;border-radius:0;padding:58px 7px 10px}}
@media(prefers-reduced-motion:reduce){.hc-screen-pin{animation:none}.hc-screen-open img{transition:none}}
@media print{.hc-screen-pin,.hc-screen-open>span,.hc-lightbox{display:none!important}.hc-screen-card{break-inside:avoid;box-shadow:none}.hc-screen-open img{opacity:1}}