.status.ready{color:#08736b;background:#e3f5f2;border-color:#adddd7}
.status{max-width:62%;text-align:right;line-height:1.25}
.resource.has-device{padding-top:0;overflow:hidden}
.device-visual{min-height:186px;margin:0 -23px 22px;border:0;border-bottom:1px solid #dfe8eb;background:linear-gradient(145deg,#edf4f5,#f9fbfb);display:grid;place-items:center;position:relative;cursor:pointer;overflow:hidden}
.device-visual img{display:block;width:100%;height:176px;object-fit:contain;padding:16px 24px;transition:transform .22s ease}
.device-visual span{position:absolute;right:12px;bottom:10px;background:#071521e8;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
.device-visual:hover img,.device-visual:focus-visible img{transform:scale(1.035)}
.device-visual:hover span,.device-visual:focus-visible span{opacity:1;transform:none}
dialog{width:min(780px,calc(100% - 32px));max-height:min(88vh,920px)}
.dialog-note{font-size:16px}
.guide-gallery{display:flex;gap:12px;overflow:auto;background:linear-gradient(145deg,#eaf1f3,#f8fafb);border:1px solid #d6e1e5;border-radius:12px;padding:18px;margin:20px 0}
.guide-gallery img{display:block;min-width:0;max-width:100%;height:230px;object-fit:contain;flex:1 1 0}
.training-video{margin:20px 0 24px;padding:14px;background:#071521;border:1px solid #284453;border-radius:14px;color:#fff;box-shadow:0 16px 32px #07152124}
.video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:2px 2px 12px}
.video-heading span{display:block;color:#8fd8d2;font-size:12px;font-weight:850;letter-spacing:.11em}
.video-heading h3{margin:3px 0 0;font-size:21px;color:#fff}
.video-heading>strong{flex:none;background:#163443;border:1px solid #3c6170;border-radius:999px;padding:5px 9px;font-size:13px}
.training-video video{display:block;width:100%;max-height:64vh;background:#000;border-radius:9px}
.training-video p{margin:10px 2px 0;color:#bdd0d8;font-size:13px}
.guide-banner{background:#e5f5f3;border:1px solid #b9dfda;border-radius:10px;padding:13px 15px;margin:20px 0;display:flex;flex-direction:column;gap:3px;color:#185f5a}
.guide-banner span{font-size:13px}
.local-policy{background:#edf2f4;border-left:3px solid #78929e;padding:12px 14px;color:#3e5966;font-size:13px;margin:18px 0 24px}
.guide-section{border-top:1px solid #dfe8eb;padding-top:20px;margin-top:20px}
.guide-section h3{font-size:22px;margin-bottom:8px}
.guide-section ul{padding-left:22px;color:#334d5a}
.guide-section li{margin:8px 0}
.sources a{color:#087a72;font-weight:750}
.sources p{color:#657a84;font-size:13px}
@media(max-width:680px){.device-visual{min-height:165px}.device-visual img{height:155px}.device-visual span{opacity:1}.guide-gallery img{height:190px}.guide-gallery{padding:12px}.training-video{padding:10px}.video-heading h3{font-size:18px}.training-video video{max-height:58vh}}

.training-video video::cue{color:#fff;background:rgba(0,0,0,.86);font-family:system-ui,sans-serif;text-shadow:0 1px 2px #000}