#application-levels{color:#202744;font-family:"Work Sans",sans-serif;padding:18px 12px 8px;min-width:0}#application-levels *{box-sizing:border-box}#application-levels h1,#application-levels h2{font-family:"Bodoni Moda",Georgia,serif;letter-spacing:-.035em}#application-levels .al-lead>:is(h1,h2){font-size:clamp(34px,4vw,58px);line-height:1.08;margin:0 0 22px}#application-levels .al-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-bottom:32px}#application-levels .al-intro p{font-size:16px;line-height:1.75;max-width:36ch;margin:0}#application-levels video{display:block;width:100%;aspect-ratio:16/9;background:#111735;border-radius:5px}#application-levels #al-status{font-size:13px;max-width:none;margin:8px 0 0}#application-levels #al-status:empty{display:none}#application-levels .al-tabs{display:flex;gap:28px;border-bottom:1px solid #d9dce5;margin-bottom:20px}#application-levels button{font-family:inherit;cursor:pointer}#application-levels .al-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:#515b73;font-size:16px;padding:16px 0 13px}#application-levels .al-tabs button[aria-selected=true]{border-color:#b79953;color:#192b63;font-weight:600}#application-levels [hidden]{display:none!important}#application-levels .al-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:3px 3px 12px}#application-levels .al-card{min-width:0;background:white;border:1px solid #e0e3eb;border-radius:6px;padding:12px 8px 0;color:#29375d;box-shadow:0 5px 15px #12214b08}#application-levels .al-card:hover{border-color:#a88a49;box-shadow:0 5px 18px #12214b14}#application-levels .al-card img{display:block;width:100%;height:172px;object-fit:contain;filter:none}#application-levels .al-open{border-top:1px solid #e7e8ee;display:flex;justify-content:space-between;gap:5px;padding:13px 3px;font-size:11px}#application-levels button:focus-visible{outline:3px solid #3255aa;outline-offset:3px}#application-levels .al-curriculum{margin-top:25px;border-top:1px solid #d2bb84;background:#f7f7fa;padding:22px 26px;display:flex;gap:35px;align-items:center}#application-levels .al-curriculum h2{font-size:26px;margin:0}#application-levels .al-curriculum ul{display:flex;flex-wrap:wrap;gap:18px 36px;list-style:none;margin:0;padding:0;font-size:14px}#al-dialog{width:min(960px,calc(100% - 32px));max-height:88dvh;overflow:auto;border:1px solid #d3bb82;border-radius:8px;padding:32px 40px;color:#202744;background:#fff;box-shadow:0 25px 100px #030b3155}#al-dialog::backdrop{background:#091738bd}#application-levels .al-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#52607c}#al-close{background:transparent;border:0;padding:10px;color:#24365e}#application-levels #al-dialog-title{font-size:42px;margin:22px 0 28px}#application-levels .al-explanation{display:grid;grid-template-columns:1fr 1fr;gap:38px}#application-levels .al-explanation h3{font-size:14px;letter-spacing:.08em;color:#7d632e;margin:0 0 12px}#application-levels .al-explanation p{font-size:16px;line-height:1.8;margin:0}#al-chapter{background:#172a61;border:1px solid #172a61;color:#fff;padding:13px 22px;border-radius:4px;margin-top:28px;font-size:14px}@media(max-width:700px){#application-levels{padding:8px 0}#application-levels .al-intro{grid-template-columns:1fr;gap:23px;margin-bottom:18px}#application-levels .al-lead>:is(h1,h2){margin-bottom:14px}#application-levels .al-tabs{gap:18px}#application-levels .al-tabs button{font-size:13px;line-height:1.5;text-align:left;flex:1}#application-levels .al-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px}#application-levels .al-card{flex:0 0 210px;scroll-snap-align:start}#application-levels .al-card img{height:185px}#application-levels .al-curriculum{display:block;padding:20px}#application-levels .al-curriculum ul{display:grid;gap:12px;margin-top:16px}#al-dialog{padding:20px}#application-levels #al-dialog-title{font-size:32px}#application-levels .al-explanation{grid-template-columns:1fr;gap:24px}#application-levels .al-explanation p{font-size:15px}}@media(prefers-reduced-motion:reduce){#application-levels *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}




#application-levels .al-artwork{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0}
#application-levels .al-jump-label{display:flex;justify-content:space-between;gap:7px;padding:10px 3px;color:#172a61;font-size:11px;font-weight:600}
#application-levels .al-open{width:100%;border:0;border-top:1px solid #e7e8ee;background:transparent;color:inherit;text-align:left}
#application-levels.al-details-open .al-intro{grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
#application-levels.al-details-open .al-lead{grid-column:1/-1;grid-row:1;display:flex;gap:36px;align-items:center}
#application-levels.al-details-open .al-lead :is(h1,h2){margin:0}
#application-levels.al-details-open .al-video{grid-column:1;grid-row:2;min-width:0}
#application-levels #al-dialog{position:relative;inset:auto;margin:0;width:100%;max-width:100%;max-height:min(68dvh,560px);overflow:auto;padding:22px 24px;border:1px solid #d3bb82;box-shadow:0 8px 24px #12214b12}
#application-levels.al-details-open #al-dialog[open]{display:block;grid-column:2;grid-row:2}
#application-levels #al-dialog-title{font-size:32px;line-height:1.1;margin:15px 0 22px}
#application-levels .al-explanation{grid-template-columns:1fr;gap:22px}
#application-levels .al-explanation p{font-size:15px;line-height:1.7}
#application-levels #al-chapter{margin-top:22px}
@media(max-width:700px){
#application-levels.al-details-open .al-intro{grid-template-columns:1fr;gap:20px}
#application-levels.al-details-open .al-lead{grid-column:1;display:block}
#application-levels.al-details-open .al-lead :is(h1,h2){margin-bottom:14px}
#application-levels.al-details-open .al-video{grid-column:1;grid-row:2}
#application-levels.al-details-open #al-dialog[open]{grid-column:1;grid-row:3;max-height:55dvh;padding:18px}
#application-levels #al-dialog-title{font-size:28px}
}

#wvs-page.tp-review>.tp-heading{margin-bottom:24px}#wvs-page.tp-review .pv-curricula-title{font:400 30px/1.2 "Bodoni Moda",Georgia,serif;margin:30px 0 20px}#application-levels .al-intro p{max-width:none}

#application-levels .al-video-actions{display:flex;justify-content:flex-end;gap:0;margin:8px 0 0}
#application-levels #al-fullscreen{position:static;min-height:38px;padding:7px 13px;border:1px solid #b79953;border-radius:4px;background:#fff;color:#172a61;font:500 12px/1.4 "Work Sans",sans-serif}
#application-levels #al-fullscreen:hover{background:#f8f5ed}
#application-levels video::-webkit-media-controls{display:none!important}
#application-levels video::-webkit-media-controls-enclosure{display:none!important}
#application-levels video::-webkit-media-controls-start-playback-button{display:none!important}
#application-levels .al-video:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;padding:12px;background:#080c17}
#application-levels .al-video:fullscreen video{flex:1 1 auto;min-height:0;height:0;width:100%;max-height:calc(100dvh - 70px);object-fit:contain;border-radius:0}
#application-levels .al-video:fullscreen .al-video-actions{flex:0 0 auto;margin:8px 0 0}
#application-levels .al-video:fullscreen #al-status{flex:0 0 auto;color:#fff}
@media(max-width:700px){#application-levels #al-fullscreen{min-height:44px}}

/* Fullscreen control appears only on hover or keyboard focus. */
#application-levels .al-video-actions{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
#application-levels .al-video:hover .al-video-actions,#application-levels .al-video:has(:focus-visible) .al-video-actions{opacity:1;visibility:visible;pointer-events:auto}
@media(hover:none){#application-levels .al-video.al-controls-visible .al-video-actions{opacity:1;visibility:visible;pointer-events:auto}}


/* Borderless silver controls: compact artwork, generous invisible touch target. */
#application-levels .al-video{min-width:0}
#application-levels .al-video-stage{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
#application-levels .al-video-stage>video{grid-column:2;grid-row:1;min-width:0}
#application-levels .al-audio-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:4px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#a7b0bb;appearance:none;-webkit-appearance:none;opacity:.88;transition:opacity .15s ease,transform .15s ease}
#application-levels #al-audio-inline{grid-column:1;grid-row:1}
#application-levels .al-audio-toggle svg{display:block;width:36px;height:36px;overflow:visible}
#application-levels .al-audio-toggle:hover{background:transparent;box-shadow:none;opacity:1;transform:translateY(-1px)}
#application-levels .al-audio-toggle:active{transform:scale(.95)}
#application-levels .al-audio-toggle:focus-visible{outline:0}
#application-levels .al-audio-toggle:focus-visible svg{filter:drop-shadow(0 0 2px #527193) drop-shadow(0 0 1px #527193)}
#application-levels .al-audio-toggle[aria-pressed=true] .al-sound-off,
#application-levels .al-audio-toggle[aria-pressed=false] .al-sound-on{display:none}
#application-levels .al-audio-fullscreen{display:none}
#application-levels .al-video:fullscreen{position:relative}
#application-levels .al-video:fullscreen .al-video-stage{display:flex;flex:1 1 auto;min-height:0;position:relative}
#application-levels .al-video:fullscreen .al-video-stage video{height:100%;max-height:100%;flex:1 1 auto;object-fit:contain}
#application-levels .al-video:fullscreen #al-audio-inline{display:none}
#application-levels .al-video:fullscreen .al-audio-fullscreen{display:inline-flex;position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));background:transparent;border:0;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none}
#application-levels .al-video:fullscreen:hover .al-audio-fullscreen,
#application-levels .al-video:fullscreen:has(:focus-visible) .al-audio-fullscreen{opacity:.95;visibility:visible;pointer-events:auto}
@media(hover:none){#application-levels .al-video:fullscreen.al-controls-visible .al-audio-fullscreen{opacity:.95;visibility:visible;pointer-events:auto}}
@media(max-width:700px){
 #application-levels .al-video-stage{gap:5px}
 #application-levels .al-audio-toggle svg{width:32px;height:32px}
 #application-levels .al-video:fullscreen .al-audio-fullscreen{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}
}

/* Shared site focus rules must not draw a frame around this icon. */
#application-levels .al-video .al-audio-toggle{outline:0!important}

/* A polished highlight and gentle lift make the icon respond without a button frame. */
#application-levels .al-audio-toggle svg{transition:filter .18s ease}
#application-levels .al-audio-toggle:hover{transform:translateY(-2px)}
#application-levels .al-audio-toggle:hover svg{filter:brightness(1.15) drop-shadow(0 2px 1.5px #26394f38)}
#application-levels .al-audio-toggle:active{transform:translateY(0) scale(.95)}
#application-levels .al-audio-toggle:focus-visible svg{filter:drop-shadow(0 0 2px #527193) drop-shadow(0 0 1px #527193)}