/* Focused visual guides and findable explanations; scope stays on this page. */
body.site-ui.site-refresh .htv-gallery{margin:20px 0 24px;padding:18px;border:1px solid #416270;border-radius:14px;background:linear-gradient(125deg,#16313f,#102431)}
body.site-ui.site-refresh .htv-gallery h2{margin:0 0 6px;font-size:20px;color:#e3eef4}
body.site-ui.site-refresh .htv-gallery>div>p{margin:0 0 16px;color:#bed0da;font-size:14px;line-height:1.55}
body.site-ui.site-refresh .htv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.site-ui.site-refresh .htv-card{display:flex;align-items:center;gap:14px;text-align:start;min-width:0;width:100%;padding:12px;background:#172f3e;border:1px solid #496b7e;border-radius:10px;color:#dfecf4;cursor:pointer;box-shadow:none}
body.site-ui.site-refresh .htv-card>img{width:72px;height:108px;object-fit:contain;flex:none;border:1px solid #557b88;border-radius:5px}
body.site-ui.site-refresh .htv-card>span{display:grid;gap:8px;min-width:0}
body.site-ui.site-refresh .htv-card strong{font-size:16px;line-height:1.35}
body.site-ui.site-refresh .htv-card small{font-size:13px;line-height:1.5;color:#bed0da}
body.site-ui.site-refresh .htv-card b{font-size:13px;line-height:1.4;color:#b7e6d5}
body.site-ui.site-refresh .htv-card:hover{border-color:#9ad6c7;background:#1e4050}
body.site-ui.site-refresh .htv-inline{min-height:44px;margin:12px 0;padding:10px 14px;border:1px solid #608a94;background:#1b3a48;color:#d8f0e9;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;text-align:start}
body.site-ui.site-refresh .htv-topic-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0 8px}
body.site-ui.site-refresh .htv-topic-tools>label{display:grid;gap:6px;color:#bed0da;font-size:13px;min-width:0;flex:1 1 180px}
body.site-ui.site-refresh .htv-topic-tools>label:first-child{flex:2 1 240px}
body.site-ui.site-refresh .htv-topic-tools :is(input,select,button),body.site-ui.site-refresh #htv-no-topics button{min-height:44px;box-sizing:border-box;padding:9px 12px;border:1px solid #547588;border-radius:8px;background:#142b39;color:#e3eef4;font:inherit;font-size:14px;max-width:100%;min-width:0}
body.site-ui.site-refresh .htv-topic-tools input::placeholder{color:#aac2d0;opacity:1}
body.site-ui.site-refresh .htv-topic-tools button{cursor:pointer;color:#b7e6d5}
body.site-ui.site-refresh .htv-topic-count{margin:8px 0 12px;font-size:13px;color:#bed0da}
body.site-ui.site-refresh .htv-faq{padding:0;margin:10px 0;border:1px solid #456575;border-radius:8px;background:#142b39}
body.site-ui.site-refresh .htv-faq>summary{min-height:48px;padding:14px 36px 14px 14px;font-size:15px;line-height:1.5;color:#e3eef4}
body.site-ui.site-refresh .htv-faq>p,body.site-ui.site-refresh .htv-faq>.htg-actions{margin:12px 16px;line-height:1.7}
body.site-ui.site-refresh .htg-article[hidden]{display:none!important}
body.site-ui.site-refresh #htv-dialog{width:min(1040px,calc(100vw - 32px));height:min(1100px,calc(100dvh - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #6c98a8;border-top:2px solid #a6ddcb;border-radius:14px;background:#102532;color:#dceaf3;box-sizing:border-box;overflow:hidden;box-shadow:0 24px 100px #0008}
body.site-ui.site-refresh #htv-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr)}
body.site-ui.site-refresh #htv-dialog::backdrop{background:#03111be6;backdrop-filter:blur(4px)}
body.site-ui.site-refresh #htv-dialog .htv-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#193847;border-bottom:1px solid #496b7e}
body.site-ui.site-refresh #htv-dialog .htv-head p{margin:0 0 4px;color:#b7e6d5;font-size:10px;letter-spacing:.12em}
body.site-ui.site-refresh #htv-dialog h2{margin:0;color:#e3eef4;font-size:20px;line-height:1.4;padding:0;border:0}
body.site-ui.site-refresh #htv-dialog :is(button,a){font:inherit;font-size:14px;line-height:1.4;color:#dceaf3;box-sizing:border-box}
body.site-ui.site-refresh #htv-dialog button,body.site-ui.site-refresh #htv-dialog .htv-tools>a{min-height:44px;padding:9px 12px;background:#173744;border:1px solid #5b7f8e;border-radius:8px;cursor:pointer;white-space:normal;text-decoration:none}
body.site-ui.site-refresh #htv-dialog .htv-head button{background:#a6ddcb;color:#102c28;font-weight:650;flex:none}
body.site-ui.site-refresh #htv-dialog .htv-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid #496b7e;background:#102532}
body.site-ui.site-refresh #htv-dialog .htv-tools>nav{display:flex;gap:6px;flex:1 1 auto}
body.site-ui.site-refresh #htv-dialog button[aria-pressed=true]{background:#244b40;border-color:#a6ddcb;color:#e1f5ec;box-shadow:inset 0 -2px #a6ddcb}
body.site-ui.site-refresh #htv-dialog .htv-body{overflow:auto;overscroll-behavior:contain;min-height:0}
body.site-ui.site-refresh #htv-dialog .htv-picture{padding:16px;box-sizing:border-box;text-align:center;overflow:auto;max-width:100%;background:#081d2c}
body.site-ui.site-refresh #htv-dialog .htv-picture>img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}
body.site-ui.site-refresh #htv-dialog .htv-picture.is-zoomed{max-height:65dvh;text-align:start}
body.site-ui.site-refresh #htv-dialog .htv-picture.is-zoomed>img{width:1024px;max-width:none;margin:0}
body.site-ui.site-refresh #htv-dialog .htv-text{max-width:75ch;margin:auto;padding:18px 24px;line-height:1.7}
body.site-ui.site-refresh #htv-dialog .htv-text h3{font-size:17px;margin:0 0 8px;color:#b7e6d5}
body.site-ui.site-refresh #htv-dialog .htv-text p{margin:8px 0}
body.site-ui.site-refresh #htv-dialog .htv-milestones{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.site-ui.site-refresh #htv-dialog .htv-milestones li{padding:16px;border:1px solid #456575;border-radius:10px;background:#183442}
body.site-ui.site-refresh #htv-dialog .htv-explanation{padding-inline-start:22px;margin:0}
body.site-ui.site-refresh #htv-dialog .htv-explanation li{padding:6px 0 12px}
body.site-ui.site-refresh #htv-dialog .htv-foot{padding:16px 20px;border-top:1px solid #456575;color:#b7cbd7}
body.site-ui.site-refresh #htv-dialog .htv-foot p{font-size:13px;line-height:1.6;margin:0 0 10px}
body.site-ui.site-refresh #htv-dialog .htv-foot>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
body.site-ui.site-refresh #htv-dialog .htv-foot a{display:inline-flex;align-items:center;min-height:44px;color:#b7e6d5;gap:4px}
body.site-ui.site-refresh #htv-dialog [hidden]{display:none!important}
body.site-ui.site-refresh :is(.htv-gallery,.htv-topic-tools,.htv-faq,#htv-dialog) :focus-visible{outline:2px solid #b7e6d5;outline-offset:3px}
@media(max-width:1000px){body.site-ui.site-refresh .htv-cards{grid-template-columns:1fr}body.site-ui.site-refresh .htv-card>img{width:60px;height:90px}body.site-ui.site-refresh .htv-card>span{gap:5px}}
@media(max-width:600px){body.site-ui.site-refresh .htv-gallery{padding:12px}body.site-ui.site-refresh .htv-topic-tools>label{flex-basis:100%}body.site-ui.site-refresh #htv-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:10px}body.site-ui.site-refresh #htv-dialog .htv-head{padding:10px 12px;gap:8px}body.site-ui.site-refresh #htv-dialog h2{font-size:17px}body.site-ui.site-refresh #htv-dialog .htv-tools{padding:8px 10px;gap:6px}body.site-ui.site-refresh #htv-dialog .htv-tools>nav{flex-basis:100%}body.site-ui.site-refresh #htv-dialog .htv-tools>nav>button{flex:1}body.site-ui.site-refresh #htv-dialog .htv-picture{padding:8px}body.site-ui.site-refresh #htv-dialog .htv-text{padding:14px 16px}body.site-ui.site-refresh #htv-dialog .htv-milestones{grid-template-columns:1fr}body.site-ui.site-refresh #htv-dialog .htv-foot{padding:12px 16px}}
@media(forced-colors:active){body.site-ui.site-refresh :is(.htv-card,#htv-dialog,#htv-dialog .htv-head,#htv-dialog .htv-tools){background:Canvas;color:CanvasText;border-color:CanvasText}}

/* Readable alternative stays visible before a fitted infographic. */
.htv-read-hint{font-size:14px;line-height:1.5;margin:0;padding:10px 14px;color:var(--muted,#a9bac7);background:rgba(0,0,0,.12)}
.htv-read-hint[hidden]{display:none}
@media(max-width:600px){.htv-text{font-size:16px;line-height:1.65}.htv-explanation li{margin-block:0 18px}.htg-article-body{font-size:15px;line-height:1.65}}

.htg-video-list{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.htg-video-list li{padding:18px 0;border-top:1px solid rgba(150,180,200,.24);min-width:0}.htg-video-list h3{font-size:17px;margin:0 0 8px}.htg-video-list p{margin:5px 0;font-size:14px;line-height:1.55}.htg-video-list .htg-video-meta{font-size:12px;opacity:.78}.htg-video-list a{color:inherit;text-underline-offset:4px}.htg-video-list a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:600px){.htg-video-list{grid-template-columns:1fr}.htg-video-list p{font-size:15px}}