/* ExamPrep.World signature v1: The Blue Margin. Keep in sync with the brand guide. */
:root{color-scheme:light;--ink:#14274e;--body:#293b55;--blue:#2c5697;--gold:#b48a35;--line:#ccd9e9;--paper:#f4f7fb;--learning:#edf4fc;--practice:#faf5e9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--body);font:16px/1.5 "Helvetica Neue",Arial,sans-serif}a{color:var(--blue)}button,select{font:inherit;color:var(--ink)}button,.link-button{border:1px solid #acbdd5;border-radius:4px;background:white;padding:10px 16px;cursor:pointer;min-height:44px}button:hover:not(:disabled),.link-button:hover{background:var(--learning)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,#stage:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover:not(:disabled){background:var(--blue)}.link-button{display:inline-block;text-decoration:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(20px,calc((100vw - 1320px)/2));background:white;border-top:5px solid var(--ink);border-bottom:1px solid var(--line)}.brand{font:700 26px/1.25 Georgia,serif;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{font-weight:700}.owner-short{margin:4px 0 0;font-size:11px;color:#536783}.return-link{text-decoration:none;font-weight:600}main{max-width:1320px;padding:24px 20px;margin:auto}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:3px solid var(--gold);padding-left:14px}.breadcrumb{font-size:12px;font-weight:650;letter-spacing:.055em;margin:0 0 5px;color:var(--blue);text-transform:uppercase}h1{font:400 30px/1.3 Georgia,serif;color:var(--ink);margin:0}h1 span{font:400 15px/1.4 "Helvetica Neue",Arial,sans-serif;margin-left:14px;color:#50627d}.toolbar{display:flex;gap:10px;align-items:center;margin:21px 0 14px}.toolbar label{font-size:14px}.toolbar select{min-width:0;max-width:600px;flex:1;padding:10px;background:white;border:1px solid #acbdd5;border-radius:4px}.toolbar button{margin-left:auto}
#stage{background:white;border:1px solid var(--line);box-shadow:0 9px 28px #14274e0c;touch-action:pan-y}#slide-image{display:block;width:100%;height:auto;object-fit:contain;user-select:none}#slide-image.is-loading{opacity:.4}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.controls p{margin:0;font-size:14px;text-align:center;color:var(--ink)}.controls button{min-width:135px}.hint{font-size:13px;color:#50627d;text-align:center;margin:12px 0}details{background:var(--learning);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:3px;padding:12px 18px;margin-top:18px}summary{cursor:pointer;font-weight:650;color:var(--ink)}#transcript{max-width:850px;margin:15px auto}#transcript h2{font:400 27px/1.25 Georgia,serif;color:var(--ink)}#transcript h3{font-size:19px;color:var(--ink);margin:22px 0 6px}#transcript p{font-size:18px;line-height:1.65;white-space:pre-line;margin:0 0 14px}#completed{text-align:center;padding:8px 0 16px}#error{background:#fff0eb;color:#8a2d1d;padding:16px;border:1px solid #cb8e7e}footer{text-align:center;font-size:12px;color:#62728c;padding:22px;border-top:1px solid var(--line)}footer strong{font-size:14px;color:var(--ink)}footer span{display:block;margin-top:7px}main:fullscreen{background:var(--paper);max-width:none;overflow-y:auto;padding:14px 24px}main:fullscreen #stage{max-width:calc((100vh - 210px)*16/9);margin:auto}main:fullscreen .hint,main:fullscreen details{display:none}[hidden]{display:none!important}
@media(max-width:650px){.site-header{padding:12px;gap:8px}.brand{font-size:20px}.return-link{font-size:13px}.owner-short{font-size:10px}main{padding:14px 10px}.lesson-heading{align-items:flex-start;padding-left:10px}h1{font-size:25px}h1 span{display:block;margin:3px 0 0;font-size:14px}.breadcrumb{font-size:11px}.toolbar{flex-wrap:wrap}.toolbar label{width:100%}.toolbar button{font-size:14px;padding:9px}.toolbar select{font-size:14px;max-width:calc(100% - 115px)}.controls button{min-width:94px;font-size:14px;padding:10px}.controls p{font-size:12px}.hint{font-size:12px}.lesson-heading button{font-size:13px;padding:8px;min-width:90px}#transcript p{font-size:18px}#transcript h2{font-size:23px}details{padding:12px}.controls{position:sticky;bottom:0;background:var(--paper);padding:10px 0;margin-top:0;z-index:2}}
@media print{body>*{display:none!important}body:after{content:"Please view this masterclass on ExamPrep.World.";display:block;padding:40px}}