/* Reference: CMEage, observed 25 October 2026. Native HTML learning slides. */
:root{--ink:#151a22;--amber:#ffaf2e;--paper:#f7f8fa}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper)}[hidden]{display:none!important}.topnav{position:sticky;top:12px;z-index:20;max-width:1156px;margin:12px auto 20px;padding:8px 12px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-radius:22px;background:#30343b;color:white;box-shadow:0 10px 30px #151a2226}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--amber);color:white;font-size:28px;font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#ffca70}.brand b{display:block;font-size:14px}.topnav nav{margin:0;gap:2px}.topnav nav a{color:#e5e7eb;text-decoration:none;padding:9px 12px;font-size:13px;border-radius:12px}.topnav nav a:hover{background:#454950}.nav-cta{background:var(--amber);color:#151a22;border-radius:13px;padding:9px 14px;text-decoration:none;font-size:13px;font-weight:750}header#top{max-width:1140px;background:radial-gradient(circle at 90% 5%,#ffaf2e19,transparent 40%),linear-gradient(135deg,#151a22,#1b2635);color:white;border-radius:30px;padding:52px 44px;margin:20px auto 0;position:relative;overflow:hidden}header#top h1{max-width:970px;font-size:clamp(36px,4.6vw,62px);letter-spacing:-.04em;margin:20px 0 26px}header#top h1 em{font-style:normal;color:var(--amber)}header#top>p{max-width:780px;color:#d3d9e2}header#top>.tag{background:transparent;color:#ffbf58;padding:0;letter-spacing:.12em;font-size:11px;font-weight:800}header#top .note{background:#ffffff08;border:1px solid #ffffff14;border-left:3px solid var(--amber);font-size:14px;border-radius:9px;max-width:850px}header#top nav .pill,header#top button{background:#ffffff0c;border:1px solid #ffffff2c;color:#fff;text-decoration:none;font-size:14px;border-radius:14px}header#top nav .pill:first-child{background:var(--amber);color:#151a22;border-color:var(--amber);font-weight:750}header#top button:hover,header#top .pill:hover{background:#ffffff20}header#top button#print{display:none}main{max-width:1140px;padding:32px 0}h2{letter-spacing:-.025em}h3{letter-spacing:-.02em}.eyebrow{font-size:10px;letter-spacing:.15em;color:#94600c;font-weight:800}.learning-route{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:30px;align-items:start;padding:30px 0 45px;border-bottom:1px solid #dce0e4;margin-bottom:35px}.learning-route h2{font-size:30px;margin:13px 0}.route-item b{font-size:35px;color:#ac6a0b}.route-item h3{font-size:20px;margin:6px 0}.route-item p{font-size:15px;color:#596574}.route-item a{font-size:14px;font-weight:750;color:#755017}#konsep>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#konsep .concept{padding:20px;margin:8px 0}#konsep .concept h2{font-size:21px}#konsep .concept p{font-size:14px}#konsep .card{box-shadow:none;border-radius:18px}#hari1,#hari2{margin-top:45px}#hari1>.concept-deck,#hari2>.concept-deck{margin-bottom:32px}.concept-deck{background:#fff;border:1px solid #dce0e4;border-radius:24px;padding:24px;scroll-margin-top:100px}.deck-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.deck-heading h3{margin:5px 0 20px;font-size:26px}.deck-heading>span{font-size:13px;color:#576171}.slide-stage{container-type:inline-size}.learning-slide{background:radial-gradient(circle at 90% 10%,#ffaf2e19,transparent 47%),linear-gradient(135deg,#151a22,#192433);color:white;border-radius:20px;aspect-ratio:16/9;display:flex;flex-direction:column;padding:3.1cqw 4.7cqw;overflow:hidden}.slide-top{display:flex;justify-content:space-between;font-size:1.1cqw;font-weight:800;letter-spacing:.13em;color:#ffbf58}.slide-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.learning-slide h2{font-size:3.7cqw;line-height:1.14;letter-spacing:-.035em;margin:1.5cqw 0}.slide-lead{font-size:2.05cqw;line-height:1.4;color:#e3e7ef;margin:0 0 1.3cqw;max-width:95%}.learning-slide ul{margin:0;padding-left:2cqw;display:grid;gap:.7cqw}.learning-slide li{font-size:1.67cqw;line-height:1.45;color:#cdd5e1;margin:0;padding-left:.3cqw}.learning-slide li::marker{color:#ffaf2e}.slide-example{font-size:1.4cqw;line-height:1.45;color:#ffce80;border-left:2px solid #ffaf2e;padding-left:1.3cqw;margin:1.8cqw 0 0}.slide-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff13;margin-top:1.5cqw;padding-top:1cqw;font-size:1.05cqw;color:#a9b5c6}.slide-bottom a{color:#ffca70;text-decoration:none}.learning-slide.cover h2{font-size:4.6cqw}.learning-slide.metric .slide-example{font-size:2cqw}.deck-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.deck-controls button{font-size:13px;border-radius:12px;font-weight:700}.deck-next{background:#ffaf2e;border-color:#ffaf2e}.deck-controls button:disabled{opacity:.35;cursor:default}.deck-label{margin:0;flex:1;font-size:11px;color:#596574;min-width:180px}.deck-picker{padding:6px 9px;font-size:13px}.deck-counter{font-size:13px;min-width:44px;text-align:center}.trainer-notes{border-radius:12px;padding:12px 16px;background:#f7f8fa;margin:15px 0 0}.trainer-notes summary{font-size:14px}.trainer-notes p{font-size:14px;color:#465365}.deck-help{font-size:12px;margin-bottom:0}.concept-deck:fullscreen,.concept-deck.expanded{padding:20px;background:#10151c;border:0;border-radius:0;overflow:auto;color:white}.concept-deck:fullscreen .slide-stage{width:min(100%,calc((100vh - 185px)*16/9));margin:auto}.concept-deck:fullscreen .deck-heading{display:none}.concept-deck:fullscreen .trainer-notes{display:none}.concept-deck:fullscreen .deck-controls{justify-content:center;max-width:1100px;margin:14px auto}.concept-deck:fullscreen .deck-label{flex:0 1 350px;color:#ccd5e1}.concept-deck:fullscreen .deck-help{display:none}.concept-deck:fullscreen .deck-counter{color:white}.session{border-radius:18px;padding:22px}.session summary{font-size:19px}.searchbox{background:white;border:1px solid #dce0e4;padding:24px;border-radius:20px;margin:30px 0}.prompt{border-radius:17px}.copy{background:var(--amber);border-color:var(--amber);font-size:14px;font-weight:750}footer{max-width:1140px;padding:24px 0;border-top:1px solid #dce0e4;font-size:13px}@media(max-width:900px){.topnav{margin:10px 14px}.topnav nav{display:none}header#top{margin:16px;border-radius:25px;padding:34px 28px}main,footer{padding:24px 18px}.learning-route{grid-template-columns:1fr 1fr}.learning-route>div:first-child{grid-column:1/-1}#konsep>.grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){html{scroll-padding-top:90px}.topnav{border-radius:17px;padding:8px 10px;gap:10px}.brand b{font-size:12px}.brand-icon{width:32px;height:32px;font-size:25px}.nav-cta{font-size:12px;padding:8px 10px}header#top h1{font-size:36px}header#top{padding:30px 24px}.learning-route{gap:20px}.learning-route h2{font-size:28px}.route-item h3{font-size:18px}.concept-deck{padding:14px;border-radius:19px}.deck-heading h3{font-size:22px}.deck-heading>span{display:none}.learning-slide{aspect-ratio:auto;min-height:480px;padding:25px 23px;border-radius:15px}.slide-top{font-size:10px}.learning-slide h2,.learning-slide.cover h2{font-size:30px;margin:22px 0 16px}.slide-lead{font-size:17px;margin-bottom:16px}.learning-slide ul{padding-left:18px;gap:12px}.learning-slide li{font-size:15px;padding-left:0}.slide-example,.learning-slide.metric .slide-example{font-size:14px;margin:20px 0 12px;padding-left:12px}.slide-bottom{font-size:10px;padding-top:12px;margin-top:18px}.slide-bottom>span{max-width:52%}.deck-controls{gap:8px}.deck-label{order:5;flex-basis:100%}.deck-fullscreen{margin-left:auto}#konsep>.grid{grid-template-columns:1fr}.concept-deck:fullscreen .slide-stage{width:100%}}@media print{.topnav,.deck-controls,.trainer-notes,.deck-help{display:none!important}header#top{background:#151a22!important;color:white!important}.learning-slide{break-after:page;break-inside:avoid;display:flex!important;aspect-ratio:16/9;min-height:0;print-color-adjust:exact}.concept-deck{border:0;padding:0}.slide-stage{container-type:inline-size}}