/* Site palette: gold #e0d980, navy #283468 / #1f2d5e. */
.syllabus-explorer{--map-gold:#e0d980;--map-navy:#111c37;--map-panel:#192746;--map-ink:#f2f2e9;--map-muted:#aab4ca;color:var(--map-ink);background:var(--map-navy);border:1px solid #34415e;border-radius:16px;overflow:hidden;width:100%;max-width:1380px;margin:28px auto 45px;font-family:Arial,'Noto Sans TC',sans-serif;text-align:left;box-shadow:0 25px 65px #111c3720;isolation:isolate}
.syllabus-explorer *{box-sizing:border-box}.syllabus-explorer [hidden]{display:none!important}.map-preview-mount{width:100%;max-width:1420px;margin:40px auto;padding:0 20px;clear:both}
.map-header{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #34415e;background:#172343}.map-heading{display:flex;align-items:center;gap:14px;min-width:0}.map-header h2{font-size:20px!important;line-height:1.3!important;letter-spacing:-.3px;font-weight:500;margin:0!important;color:var(--map-ink)!important}.map-brand-mark{display:flex;color:var(--map-gold)}.map-brand-mark svg{width:27px;height:27px}.map-paper{font-size:10px;letter-spacing:.09em;color:#a7b3cb;border-left:1px solid #45516b;padding-left:15px;white-space:nowrap}.map-toolbar{display:flex;gap:5px;flex-shrink:0}
.syllabus-explorer button{font-family:inherit;line-height:1.5;cursor:pointer;border:1px solid #43516d;border-radius:6px;background:#1c2a4b;color:#d7ddec;font-size:12px;padding:10px 13px;font-weight:400}.syllabus-explorer button:hover,.syllabus-explorer button[aria-pressed=true]{background:#283468;border-color:var(--map-gold);color:var(--map-gold)}.syllabus-explorer button:disabled{opacity:.35;cursor:default}.syllabus-explorer :is(button,a,input,summary):focus-visible{outline:2px solid var(--map-gold);outline-offset:4px}.syllabus-explorer .map-toolbar button{display:grid;place-items:center;width:36px;height:36px;padding:8px;background:transparent;border-color:transparent;color:#acb8cf}.map-toolbar svg{width:19px;height:19px}.syllabus-explorer .map-toolbar button:hover{border-color:#6b674e;color:var(--map-gold)}.syllabus-explorer .map-toolbar button[aria-pressed=true]{color:var(--map-gold);border-color:transparent}
.map-workspace{position:relative}.map-canvas-wrap{position:relative;overflow:hidden;min-width:0;background:var(--map-navy)}.map-canvas-wrap [data-map-canvas]{height:660px;width:100%;touch-action:none}.map-canvas-wrap canvas{display:block;cursor:grab;width:100%;height:100%}.map-canvas-wrap canvas:active{cursor:grabbing}.map-access-badge{position:absolute;left:26px;top:24px;font-size:9px;letter-spacing:.18em;font-weight:500;color:var(--map-gold);z-index:2;pointer-events:none}.map-gesture-hint{position:absolute;bottom:25px;left:26px;font-size:10px;color:#8c9db9;pointer-events:none}.map-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.map-breadcrumbs{position:absolute;left:24px;top:48px;right:24px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:#8796b5;pointer-events:none;z-index:2}.map-breadcrumbs:empty{display:none}.syllabus-explorer .map-breadcrumbs button{pointer-events:auto;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;background:#111c37bb;font-size:10px;padding:4px;color:#c1c9da}.map-breadcrumbs strong{font-size:10px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--map-gold)}
.map-scene-labels{position:absolute;inset:0;pointer-events:none}.syllabus-explorer .map-node-label{position:absolute;transform:translate(-50%,-50%);width:28px!important;height:28px!important;border-radius:50%;padding:0;display:grid;place-items:center;pointer-events:auto;color:var(--map-gold);background:#18264ce3;border:1px solid #b3a45a99;font-size:10px;line-height:1;box-shadow:0 0 18px #e0d98018}.map-node-label strong{display:none;position:absolute;bottom:39px;left:50%;transform:translateX(-50%);width:190px;background:#18264cf5;border:1px solid #b3a45a80;border-radius:7px;padding:12px;color:#f1efcf;font-size:11px;font-weight:400;line-height:1.6;text-align:center;box-shadow:0 7px 25px #0005;pointer-events:none}.syllabus-explorer .map-node-label:is(:hover,:focus-visible){z-index:5;background:#d5c672;color:#172343;border-color:var(--map-gold)}.map-node-label:is(:hover,:focus-visible) strong{display:block}.syllabus-explorer .map-node-label.is-selected{background:var(--map-gold);color:#172343}
.map-detail{position:absolute;top:20px;bottom:20px;right:20px;width:330px;max-width:calc(100% - 40px);padding:26px;background:#172343f5;backdrop-filter:blur(14px);border:1px solid #5d5d52;border-radius:12px;box-shadow:0 15px 55px #0005;overflow:auto;scrollbar-color:#786e45 #172343;scrollbar-width:thin;z-index:4}.map-detail .map-detail-close{position:absolute;right:10px;top:7px;border:0;padding:2px 9px;background:none;color:#bec7da;font-size:23px}.map-eyebrow{display:block;font-size:9px;letter-spacing:.14em;color:var(--map-gold);margin-bottom:16px}.map-detail h3{font-size:19px;line-height:1.5;font-weight:500;margin:10px 0 16px;color:#f0efdf}.map-detail p{font-size:13px;line-height:1.85;color:#bac5da}.map-detail-intro:empty{display:none}.map-concept-list{display:grid;gap:8px}.syllabus-explorer .map-concept-list button{display:flex;gap:9px;align-items:flex-start;text-align:left;padding:12px 10px;font-size:12px;background:#1b2b4e;border-color:#3d4961}.map-concept-list button>span{font-size:10px;color:var(--map-gold);padding-top:2px;flex-shrink:0}.map-concept-list button>div{flex:1;min-width:0}.map-concept-list small{display:none}.map-concept-list i{font-style:normal;color:var(--map-gold)}.map-branch-content{padding:18px;border:1px solid #77704c;border-radius:8px;background:#25314b;margin:20px 0}.map-branch-content p{font-size:14px;line-height:1.85;color:#e0e3e9}.map-branch-content .map-eyebrow{margin-bottom:10px}.map-detail details{font-size:12px;line-height:1.8}.map-detail summary{cursor:pointer;color:var(--map-gold)}.map-branch-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#afbad1;font-size:10px}.map-branch-nav button{font-size:10px;padding:9px}.map-back{margin-top:18px;font-size:11px!important}.map-branch-hint{display:none}
.map-topic-browser{border-top:1px solid #34415e;background:#172343}.map-topic-browser>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;color:#c8cfe0;font-size:12px;padding:20px 26px;line-height:1.5}.map-topic-browser>summary::-webkit-details-marker{display:none}.map-topic-browser>summary>span{color:var(--map-gold);font-size:20px;line-height:1}.map-topic-browser[open]>summary>span{transform:rotate(45deg)}.map-topic-content{padding:0 26px 25px}.map-search{display:block;margin:0 0 18px}.map-search input{font-family:inherit;width:100%;max-width:370px;padding:10px 13px!important;border:1px solid #43516d!important;background:#111c37!important;color:#edf0f6!important;border-radius:6px!important;font-size:12px!important}.map-search input::placeholder{color:#8d9cba}.map-topic-browser [data-map-topics]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-topic-browser [data-topic]{display:flex;gap:12px;align-items:flex-start;text-align:left;font-size:11px}.map-topic-browser [data-topic]>span{color:var(--map-gold);min-width:15px;font-size:10px;padding-top:2px}
.syllabus-explorer .map-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--map-gold);border:1px solid var(--map-gold);color:#172343!important;padding:11px 18px;border-radius:6px;text-decoration:none!important;font-weight:600;font-size:12px;line-height:1.5}.syllabus-explorer .map-cta:hover{background:#f1e9a7}.map-stage-cta{position:absolute;bottom:19px;right:24px;z-index:2}.syllabus-explorer .map-unlock{background:radial-gradient(ellipse at top,#283468,#172343 70%);color:#e9ebf1;border:1px solid #a99d60;border-radius:15px;padding:38px 30px 26px;width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;text-align:center;overflow:auto;box-shadow:0 35px 100px #0008}.map-unlock::backdrop{background:#09132ad1;backdrop-filter:blur(8px)}.map-unlock h3{font-size:25px;line-height:1.35;color:#f2efdd;margin:18px 0 12px;font-weight:500}.map-unlock p{font-size:12px;line-height:1.8;color:#b6c1d7;margin:10px 0 20px}.map-unlock [data-map-locked-title]{font-size:13px;color:#e0d980}.map-lock-icon{display:inline-flex;color:var(--map-gold);margin:8px auto 0}.map-lock-icon svg{width:30px;height:30px}.map-unlock .map-dialog-close{position:absolute;top:10px;right:10px;background:none;border:0;font-size:24px;color:#bbc5da;padding:0 9px}.map-unlock .map-cta{width:100%;margin:8px 0}.syllabus-explorer .map-member-link{display:block;color:#c2b96e;font-size:11px;margin:16px 0 5px;text-decoration:none}.syllabus-explorer .map-keep-exploring{border:0;background:none;font-size:11px;color:#a8b4cf}.map-noscript{padding:15px 26px;font-size:12px;color:#bcc5d9}.map-fallback-symbol{padding:90px 20px;text-align:center;font-size:45px;color:var(--map-gold)}.map-no-webgl [data-map-canvas]{height:250px}.map-no-webgl .map-gesture-hint{display:none}.map-archive-card{display:block;padding:18px;border:1px solid #495579;border-radius:10px;color:#e0d980;background:#1f2d5e;text-decoration:none}.map-archive-card small{display:block;color:#b8c2d8;margin-top:8px}.syllabus-explorer:fullscreen{border-radius:0;max-width:none;overflow:auto}.syllabus-explorer:fullscreen [data-map-canvas]{height:calc(100dvh - 140px)}.hksi-study-shell{max-width:1450px;padding:25px;margin:auto}.hksi-study-shell>h1{font-size:28px;color:#172343}.elementor-widget-theme-post-featured-image:has(.syllabus-explorer){width:100%!important}
/* Retire the former text-heavy layout during a rolling asset/content update. */
.map-metrics,.map-count,.map-path-guide,.map-upgrade-strip,.map-corner-label,.map-depth-key,.map-header>div>p,.map-header>div>.map-eyebrow{display:none}
@media(max-width:850px){.map-topic-browser [data-map-topics]{grid-template-columns:repeat(2,minmax(0,1fr))}.map-canvas-wrap [data-map-canvas]{height:540px}.map-detail{width:300px}}
@media(max-width:600px){.map-preview-mount{padding:0 10px;margin:24px auto}.syllabus-explorer{border-radius:12px;margin:18px auto 28px}.map-header{padding:16px;gap:8px}.map-header h2{font-size:16px!important}.map-heading{gap:8px}.map-brand-mark svg{width:23px;height:23px}.map-paper{display:none}.map-toolbar{gap:1px}.syllabus-explorer .map-toolbar button{width:30px;height:32px;padding:6px}.map-toolbar svg{width:17px;height:17px}.map-canvas-wrap [data-map-canvas]{height:470px}.map-access-badge{left:18px;top:20px;font-size:8px}.map-gesture-hint{bottom:64px;left:18px;font-size:9px}.map-stage-cta{right:16px;bottom:17px;font-size:11px!important;padding:9px 14px!important}.map-breadcrumbs{left:16px;right:16px;top:42px;gap:5px}.map-breadcrumbs button{max-width:115px!important;font-size:9px!important}.map-breadcrumbs strong{max-width:105px;font-size:9px}.map-detail{position:relative;inset:auto;width:auto;max-width:none;border:0;border-top:1px solid #686346;border-radius:0;padding:28px 22px;max-height:420px;box-shadow:none}.map-topic-browser>summary{padding:17px 20px;font-size:11px}.map-topic-content{padding:0 18px 20px}.map-topic-browser [data-map-topics]{grid-template-columns:1fr}.map-node-label strong{width:150px;font-size:10px}.map-unlock h3{font-size:23px}.hksi-study-shell{padding:12px}}
@media(prefers-reduced-motion:reduce){.syllabus-explorer *{scroll-behavior:auto!important;transition:none!important}}

/* Public previews present the syllabus before the optional 3D interaction. */
.map-canvas-wrap [data-map-canvas]{touch-action:pan-y pinch-zoom}
.map-preview-readable{display:flex;flex-direction:column}
.map-preview-readable .map-header{order:0}
.map-preview-readable .map-topic-browser{order:1;border-top:0;border-bottom:1px solid #34415e}
.map-preview-readable .map-topic-browser>h3{font-size:15px;font-weight:500;color:var(--map-gold);margin:0;padding:20px 26px 14px}
.map-preview-readable .map-topic-browser [data-topic]{font-size:14px;line-height:1.5;padding:12px}
.map-preview-readable .map-workspace{order:2}
.map-preview-readable [data-map-canvas]{height:320px}
.map-preview-readable .map-detail{position:relative;inset:auto;width:100%;max-width:none;max-height:none;border:0;border-top:1px solid #43516d;border-radius:0;box-shadow:none;overflow:visible;padding:25px 26px}
.map-preview-readable .map-detail h3{margin:0 30px 8px 0}
.map-preview-readable .map-detail .map-eyebrow{display:none}
.map-preview-readable .map-detail>p{margin:0 0 15px}
.map-preview-concepts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.map-preview-concepts li{display:flex;gap:10px;border:1px solid #43516d;border-radius:6px;padding:12px;color:#e4e7ef;font-size:13px;line-height:1.6}
.map-preview-concepts li>span:first-child{color:var(--map-gold);font-size:11px;padding-top:2px}
.map-preview-concepts li.is-selected{border-color:var(--map-gold);background:#283468}
.map-preview-footer{order:3;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 26px;border-top:1px solid #34415e;background:#192746}
.map-preview-footer p{font-size:12px;line-height:1.8;color:#bdc7da;margin:0;max-width:750px}
.map-preview-footer .map-cta{flex-shrink:0}
.map-preview-readable .map-gesture-hint{bottom:18px}
.map-preview-readable:fullscreen [data-map-canvas]{height:65dvh}
@media(max-width:760px){.map-canvas-wrap [data-map-canvas]{touch-action:pan-y pinch-zoom}.map-preview-readable [data-map-canvas]{height:200px}.map-preview-readable .map-topic-browser [data-map-topics]{grid-template-columns:repeat(2,minmax(0,1fr))}.map-preview-readable .map-topic-browser [data-topic]{font-size:12px;gap:7px;padding:10px}.map-preview-readable .map-topic-browser>h3{padding:18px 18px 12px}.map-preview-readable .map-topic-content{padding:0 18px 18px}.map-preview-readable .map-search{margin-bottom:12px}.map-preview-readable .map-detail{padding:22px 18px}.map-preview-concepts{grid-template-columns:1fr}.map-preview-footer{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.map-preview-footer .map-cta{text-align:center}.map-detail{max-height:none;overflow:visible}}
@media(max-width:360px){.map-preview-readable .map-topic-browser [data-map-topics]{grid-template-columns:1fr}}