/* Adapted from skeleton_linear_story: one shared scene, numbered phases, synchronized captions. */
.kj-preview{margin:0;background:#f8f9fa;color:#202124;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}.kj-preview-wrap{max-width:1000px;margin:auto;padding:32px 24px 64px}.kj-preview h1{font-size:30px;line-height:1.3;margin:8px 0}.kj-preview header>p{margin:8px 0 24px}.kj-eyebrow{font-size:13px;color:#5f6368;letter-spacing:.04em}
#klaJourney{--kj-blue:#1967d2;--kj-text:#202124;--kj-muted:#5f6368;color:var(--kj-text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;background:#fff;padding:24px;border-radius:12px;min-width:0}#klaJourney *{box-sizing:border-box}#klaJourney [hidden]{display:none!important}#klaJourney h2,#klaJourney h3,#klaJourney p,#klaJourney figure{margin:0}#klaJourney button,#klaJourney select,#klaJourney input{font:inherit}#klaJourney button{cursor:pointer}#klaJourney button:focus-visible,#klaJourney select:focus-visible,#klaJourney input:focus-visible,#klaJourney summary:focus-visible{outline:3px solid #1967d2;outline-offset:3px}#klaJourney button:disabled{opacity:.45;cursor:default}#klaJourney .kj-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#5f6368;font-size:12px;margin-bottom:8px}#klaJourney .kj-trace{color:#1967d2}#klaJourney .kj-nav{display:grid;grid-template-columns:repeat(9,1fr);margin:8px 0 20px;gap:0;border-bottom:1px solid #dadce0}#klaJourney .kj-nav button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;padding:10px 2px;color:#5f6368;font-size:14px;min-height:46px}#klaJourney .kj-nav button[aria-current=step]{color:#1967d2;border-bottom-color:#1967d2;font-weight:600}#klaJourney .kj-mobile-nav{display:none}#klaJourney .kj-title{font-size:24px;font-weight:600;line-height:1.4;margin-bottom:8px}#klaJourney .kj-lead{max-width:54em;min-height:48px;font-size:16px;color:#3c4043;margin-bottom:20px}#klaJourney .kj-work{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}#klaJourney .kj-visual{min-width:0}#klaJourney .kj-visual svg{display:block;width:100%;height:auto;background:#f5f7f9;border-radius:8px}#klaJourney svg text{font-family:inherit;fill:#3c4043;font-size:13px}#klaJourney svg .kj-blue{fill:#1967d2}#klaJourney .kj-label{font-size:13px;font-weight:600;margin:0 0 8px}#klaJourney .kj-fine{font-size:12px;color:#5f6368;margin-top:8px;line-height:1.6}#klaJourney .kj-evidence{margin-top:20px}#klaJourney .kj-evidence summary,#klaJourney .kj-notes summary{color:#1967d2;cursor:pointer;padding:8px 0;font-size:14px}#klaJourney .kj-evidence img{display:block;max-width:100%;max-height:270px;object-fit:contain;margin:12px auto;background:#fff}#klaJourney a{color:#1967d2;text-decoration:none}#klaJourney a:hover{text-decoration:underline}#klaJourney .kj-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}#klaJourney .kj-img-button{display:block;width:100%;padding:0;border:0;box-shadow:none;border-radius:4px;overflow:hidden;background:#222;line-height:0}#klaJourney canvas{display:block;width:100%;height:auto;image-rendering:auto}#klaJourney .kj-images figcaption{font-size:12px;color:#5f6368;margin:6px 0}#klaJourney .kj-result{grid-column:1/-1}#klaJourney .kj-result canvas{max-height:235px;object-fit:contain;background:#181b20}#klaJourney .kj-controls{margin:18px 0 14px;display:grid;gap:12px}#klaJourney .kj-controls label{display:block;font-size:14px}#klaJourney .kj-range-label{display:flex;justify-content:space-between;gap:12px}#klaJourney input[type=range]{width:100%;accent-color:#1967d2;min-height:30px;margin:0}#klaJourney .kj-controls input[type=checkbox]{accent-color:#1967d2;width:18px;height:18px;vertical-align:middle;margin-right:8px}#klaJourney .kj-action{border:1px solid #dadce0;background:#fff;color:#1967d2;border-radius:6px;padding:9px 16px;min-height:44px;box-shadow:none;width:fit-content}#klaJourney .kj-action.primary{background:#1967d2;color:#fff;border-color:#1967d2}#klaJourney .kj-measure{font-size:14px;padding:12px 0;display:flex;flex-wrap:wrap;gap:8px 24px}#klaJourney .kj-measure b{font-size:21px;font-variant-numeric:tabular-nums;font-weight:600;color:#202124}#klaJourney .kj-reading{font-size:15px;margin-top:8px;min-height:74px}#klaJourney .kj-reading strong{display:block;margin-bottom:4px}#klaJourney .kj-player{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid #e8eaed}#klaJourney .kj-player label{font-size:13px;color:#5f6368;margin-left:auto}#klaJourney .kj-player select{padding:8px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#202124}#klaJourney .kj-progress{width:100%;height:3px;background:#e8eaed;margin-top:8px}#klaJourney .kj-progress span{display:block;height:100%;background:#1967d2;width:0}#klaJourney .kj-notes{margin-top:20px}#klaJourney .kj-notes p,#klaJourney .kj-notes li{font-size:13px;color:#5f6368}#klaJourney .kj-notes ol{padding-left:22px}#klaJourney .kj-notes li{margin-bottom:8px}#klaJourney .kj-map-list{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}#klaJourney .kj-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;margin-top:12px}#klaJourney .kj-table th,#klaJourney .kj-table td{padding:8px 4px;text-align:left;border-bottom:1px solid #e8eaed;overflow-wrap:anywhere}#klaJourney .kj-table th{font-weight:500;color:#5f6368}#klaJourney dialog{max-width:860px;width:calc(100vw - 24px);max-height:90dvh;border:1px solid #dadce0;border-radius:12px;padding:20px;color:#202124;background:#fff}#klaJourney dialog::backdrop{background:#202124a6}#klaJourney dialog .kj-dialog-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}#klaJourney dialog canvas{max-height:60dvh;object-fit:contain;background:#181b20}#klaJourney .kj-dialog-note{font-size:14px;margin-top:12px}
@media(max-width:680px){.kj-preview-wrap{padding:20px 12px 40px}.kj-preview h1{font-size:25px}#klaJourney{padding:16px 12px}#klaJourney .kj-nav{display:none}#klaJourney .kj-mobile-nav{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin-bottom:20px}#klaJourney .kj-mobile-nav button,#klaJourney .kj-mobile-nav select{min-height:44px;border:1px solid #dadce0;border-radius:6px;background:#fff;color:#1967d2;box-shadow:none;min-width:0}#klaJourney .kj-mobile-nav select{color:#202124;text-align:center;text-align-last:center;padding:8px}#klaJourney .kj-work{grid-template-columns:1fr;gap:20px}#klaJourney .kj-title{font-size:22px}#klaJourney .kj-lead{font-size:15px;min-height:0;margin-bottom:16px}#klaJourney .kj-visual svg{max-height:270px}#klaJourney .kj-player label{margin-left:0}#klaJourney .kj-meta{font-size:11px}#klaJourney .kj-reading{min-height:0}#klaJourney .kj-evidence{margin-top:8px}#klaJourney .kj-result canvas{max-height:none}#klaJourney .kj-image-work .kj-visual svg{max-height:150px}#klaJourney .kj-image-work .kj-visual{display:block}#klaJourney .kj-image-work .kj-observe{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#klaJourney *{scroll-behavior:auto!important;transition:none!important}}

#klaJourney .kj-work{column-gap:24px;row-gap:0}#klaJourney .kj-observe{grid-column:2;grid-row:1 / span 4}#klaJourney .kj-controls,#klaJourney .kj-measure,#klaJourney .kj-reading{grid-column:1}#klaJourney .kj-reading{min-height:0}#klaJourney .kj-image-work .kj-observe{align-self:start}
@media(max-width:680px){#klaJourney .kj-observe,#klaJourney .kj-controls,#klaJourney .kj-measure,#klaJourney .kj-reading{grid-column:1;grid-row:auto}#klaJourney .kj-observe{margin-top:16px}}
html:has(body.kj-preview){scrollbar-gutter:stable}

#journey.card{padding:0}#klaJourney{border-radius:0}html{scrollbar-gutter:stable}