:root{--paper:#faf3e8;--surface:#fffdf8;--ink:#294b65;--muted:#665f59;--blue:#487fa8;--copper:#9e6148;--peach:#f4a38b;--line:#ddcdbb;--serif:Georgia,"Times New Roman","Noto Serif CJK SC",serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.14}h1{font-size:clamp(42px,4.9vw,72px);letter-spacing:-.045em;margin-bottom:19px}h1 em{color:var(--copper);font-weight:400}h2{font-size:clamp(32px,3.7vw,49px);letter-spacing:-.035em;margin-bottom:20px}h3{font-size:27px}p{color:var(--muted)}.home-head{max-width:1340px;margin:auto;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.home-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:30px var(--serif)}.home-brand img{flex-shrink:0}.home-brand small{display:block;font:9px/1.8 system-ui;letter-spacing:.17em;margin-top:4px}.home-head>a:last-child{font-size:14px;text-decoration:none}.learning-hero{max-width:1340px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;padding:72px 5vw 52px;min-height:650px}.home-eyebrow{color:var(--copper);font-size:11px;letter-spacing:.17em;font-weight:700;margin-bottom:22px}.hero-han{font:20px var(--serif);letter-spacing:.12em;color:var(--blue);margin:23px 0}.home-lead{max-width:570px;font-size:18px;line-height:1.75}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.home-button{padding:15px 19px;border:1px solid var(--ink);font-size:14px;font-weight:600;display:inline-flex;gap:15px;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s,box-shadow .2s;line-height:1.5}.home-button.primary{background:var(--ink);color:var(--surface);box-shadow:0 4px 0 #b9cbd5}.home-button.secondary{background:#fffaf3;box-shadow:0 4px 0 #e6d7c7}.home-button:hover{transform:translateY(-3px);box-shadow:0 7px 12px #634c3528}.hero-footnote{font-size:12px;margin-top:22px}.home-book-stage{position:relative;isolation:isolate;min-width:0}.book-aura{position:absolute;inset:10% 0 0;background:radial-gradient(ellipse,#d4e1e5 0%,#e2e9e8 44%,transparent 71%);z-index:-1}.home-book{width:100%;height:auto;display:block;overflow:visible}.book-label{border-top:1px solid var(--line);margin:0 35px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:17px 0;font-size:12px}.book-label a{color:var(--copper);font-weight:600}.home-resume{max-width:1340px;margin:auto;padding:0 5vw}.home-section{max-width:1340px;margin:auto;padding:72px 5vw;border-top:1px solid var(--line)}.home-section-heading{max-width:720px;margin-bottom:35px}.route-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.route-card{padding:30px 26px;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 0 #e9dac8,0 16px 24px #634c3510;text-decoration:none;transition:transform .2s,box-shadow .2s}.route-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #e9dac8,0 20px 26px #634c3522}.route-card.main-route{background:#edf1ed;border-color:#b7cdd6}.route-number{display:block;font:32px var(--serif);color:var(--copper);margin-bottom:26px}.route-card p{font-size:15px;line-height:1.75}.route-card strong{font-size:14px;font-weight:600}.journey-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:33px 0 0;border:1px solid var(--line);background:#f7ecdf}.journey-steps li+li{border-left:1px solid var(--line)}.journey-steps a{display:block;padding:24px;text-decoration:none}.journey-steps b{display:block;font:25px var(--serif);margin-bottom:7px}.journey-steps span{display:block;color:var(--muted);font-size:13px}.lens-cards{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.home-lens{padding:39px;position:relative;border:1px solid #bfced0;background:linear-gradient(135deg,#ecf0ed,#e5ecec);box-shadow:0 5px 0 #d6e0df;overflow:hidden}.home-lens.companion{background:linear-gradient(135deg,#fff6e9,#f2e5d4);border-color:#d7bfa6;box-shadow:0 5px 0 #e7d5bf}.home-lens h3{font-size:36px;margin-bottom:20px}.home-lens p{max-width:430px}.home-lens a{display:block;font-size:14px;margin-top:14px;width:fit-content}.lens-glyph{position:absolute;right:25px;top:50px;opacity:.09;font:140px serif;pointer-events:none}.library-shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.library-shelves>a{display:flex;flex-direction:column;border:1px solid var(--line);box-shadow:0 5px 0 #e9dac8;background:var(--surface);text-decoration:none}.library-shelves img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#e8e4d9}.library-shelves a:first-child img{object-fit:cover}.library-shelves a>div{padding:26px}.library-shelves span{font-size:10px;letter-spacing:.15em;color:var(--copper);font-weight:700}.library-shelves h3{font-size:26px;margin-top:16px}.library-shelves p{font-size:15px}.library-shelves strong{font-size:14px}.home-text-link{display:inline-block;margin-top:30px;font-weight:600;font-size:15px}.collection-bridge{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.collection-note{font-size:12px;margin:19px 0 0}.collection-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.collection-tiles a{display:block;text-decoration:none;font-size:11px;line-height:1.55}.collection-tiles img{width:100%;height:auto;aspect-ratio:1/1.45;object-fit:contain;background:#eadfce;border:1px solid var(--line);box-shadow:0 5px 0 #dbc8ae}.collection-tiles span{display:block;margin-top:17px}.home-trust{max-width:1030px;text-align:center;padding-top:60px;padding-bottom:70px}.home-trust>p:not(.home-eyebrow){max-width:740px;margin:0 auto 28px}.home-trust>div{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;font-size:14px}.home-footer{border-top:1px solid var(--line);padding:42px 5vw;text-align:center;background:#f2e5d6}.home-footer>a{font:30px var(--serif);text-decoration:none}.home-footer p{font-size:13px;margin:12px 0 20px}.home-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:13px}
@media(max-width:980px){.learning-hero{grid-template-columns:1fr;padding-top:50px;gap:20px;min-height:0}.hero-words{max-width:760px}.home-book-stage{max-width:650px;margin:0 auto}.route-grid{grid-template-columns:1fr}.route-card{padding:25px}.route-number{float:right;margin:0}.lens-cards{grid-template-columns:1fr 1fr}.library-shelves{grid-template-columns:1fr}.library-shelves>a{display:grid;grid-template-columns:1fr 1.1fr}.library-shelves img{height:100%;aspect-ratio:auto}.collection-bridge{grid-template-columns:1fr}.collection-tiles img{aspect-ratio:1/1.1}}
@media(max-width:600px){body{font-size:16px}.home-head{padding:17px 5vw}.home-brand{font-size:26px}.home-brand img{width:34px;height:34px}.home-head>a:last-child{font-size:12px;max-width:110px;text-align:right}.learning-hero{padding-top:35px;padding-bottom:30px;gap:8px}.home-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}h1{font-size:43px}.home-lead{font-size:16px}.home-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:22px}.home-button{min-height:52px}.book-label{margin:0 15px;font-size:11px;display:block}.book-label a{display:block;margin-top:7px}.home-section{padding:45px 5vw}.journey-steps{grid-template-columns:1fr 1fr}.journey-steps li+li{border-left:0}.journey-steps li:nth-child(even){border-left:1px solid var(--line)}.journey-steps li:nth-child(n+3){border-top:1px solid var(--line)}.journey-steps a{padding:19px}.lens-cards{grid-template-columns:1fr}.home-lens{padding:29px}.home-lens h3{font-size:32px}.library-shelves>a{display:block}.library-shelves img{height:auto;aspect-ratio:16/10}.collection-tiles{grid-template-columns:1fr 1fr;gap:20px 12px}.collection-tiles>a:first-child{grid-column:1/-1}.collection-tiles>a:first-child img{aspect-ratio:4/3}.collection-tiles a{font-size:12px}.home-trust{text-align:left}.home-trust>div{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.home-button:hover,.route-card:hover{transform:none}}

.home-circle{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.home-circle-copy p{max-width:560px}.home-circle-notebook{background:#fffaf2;border:1px solid #d6bea3;border-left:5px solid #ad735a;padding:30px 34px;box-shadow:7px 7px 0 #e5d6c4,0 18px 30px #634c3512;transform:rotate(1deg)}.circle-note-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.13em;color:#9e6148;margin-bottom:28px}.home-circle-notebook h3{font-size:35px;margin-bottom:24px}.home-circle-notebook a{display:block;text-decoration:none;padding:17px 0;border-top:1px solid #ddcdbb;transition:padding-left .2s}.home-circle-notebook a:hover{padding-left:9px}.home-circle-notebook b{font:21px/1.4 Georgia,serif;display:block}.home-circle-notebook a span{display:block;font-size:14px;line-height:1.7;color:#665f59;margin-top:5px}.home-circle-notebook>p{font:italic 15px/1.6 Georgia,serif;margin:22px 0 0;color:#83664f}@media(max-width:800px){.home-circle{grid-template-columns:1fr;gap:28px}.home-circle-notebook{transform:none;padding:25px}}@media(prefers-reduced-motion:reduce){.home-circle-notebook a{transition:none}}
.learning-route { max-width:1120px; margin:auto; padding:42px 24px 72px; color:#294b65; font:17px/1.65 system-ui,sans-serif; }
.learning-route h1 { font:500 clamp(38px,5vw,64px)/1.08 Georgia,serif; max-width:830px; margin:14px 0 22px; }
.learning-route h2 { font:500 clamp(27px,3.6vw,39px)/1.2 Georgia,serif; margin:0 0 14px; }
.learning-route h3 { font:500 25px/1.25 Georgia,serif; margin:7px 0 10px; }
.learning-route a,.learning-related a { color:#294b65; text-underline-offset:4px; }
.route-intro { max-width:780px; }
.route-kicker { text-transform:uppercase; letter-spacing:.15em; font-size:12px; font-weight:700; color:#805340; }
.route-toolbar { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin:26px 0; }
.route-section { margin:46px 0; scroll-margin-top:30px; }
.route-topics { list-style:none; padding:0; counter-reset:topic; display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
.route-topic { counter-increment:topic; position:relative; padding:25px; background:#fffdf8; border:1px solid #d9cabb; border-radius:3px 16px 16px 3px; box-shadow:0 5px 0 #e8d8c6,0 16px 30px #634c3512; transition:box-shadow .2s,border-color .2s; }
.route-topic::before { content:counter(topic,decimal-leading-zero); display:block; font:500 24px Georgia,serif; color:#805340; }
.route-topic[data-learning-state="in_progress"] { border-left:5px solid #487fa8; }
.route-topic[data-learning-state="explored"] { border-left:5px solid #805340; }
.route-topic p { margin:12px 0; }
.route-topic .topic-zh { font-size:14px; color:#665f59; margin:0; }
.topic-link { display:inline-block; font-weight:700; padding:10px 0; }
.topic-status { font-size:13px; font-weight:700; margin-top:15px; }
.topic-marks { display:flex; gap:7px; flex-wrap:wrap; }
.topic-marks button,.route-toolbar button,.route-confirm button,.learning-related button { font:inherit; font-size:13px; padding:9px 12px; color:#294b65; border:1px solid #a99a8c; background:#fff9f0; border-radius:5px; cursor:pointer; }
.topic-marks button[aria-pressed="true"] { background:#294b65; color:#fff; border-color:#294b65; }
.topic-marks button:disabled { opacity:.55; cursor:default; }
.route-support { border-left:4px solid #f4a38b; padding:20px 25px; background:#f6ebdf; }
.route-resume,[data-learning-resume] { padding:22px 25px; background:#fff7e9; border:1px solid #d9cabb; border-left:4px solid #487fa8; border-radius:4px; }
[data-learning-resume] p { margin:0 0 7px; font-size:13px; color:#665f59; }
[data-learning-resume] a { font-weight:700; color:#294b65; display:block; }
[data-learning-resume] small { display:block; margin-top:8px; color:#665f59; font-size:12px; }
.route-media { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:25px 0; }
.route-media article { padding:22px; background:#fffdf8; border:1px solid #d9cabb; }
.route-media h3 { font-size:24px; }
.route-note { font-size:14px; color:#665f59; max-width:820px; }
.route-confirm { padding:18px; border:1px solid #a99a8c; background:#fffdf8; }
.learning-related { clear:both; margin:35px auto; padding:24px; border:1px solid #d9cabb; border-left:4px solid #487fa8; border-radius:8px; background:#fff8ec; color:#294b65; font:16px/1.6 system-ui,sans-serif; max-width:100%; }
.learning-related h2 { font:500 26px/1.3 Georgia,serif; margin:0 0 10px; }
.learning-related p { margin:10px 0; }
.learning-related .topic-marks { margin:12px 0; }
.learning-related .related-next { display:block; margin:15px 0 0; font-weight:700; }
.route-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.learning-route :focus-visible,.learning-related :focus-visible { outline:3px solid #805340; outline-offset:4px; }
[data-learning-reset-confirm][hidden] { display:none; }
@media(max-width:680px) { .learning-route { padding:28px 18px 50px; } .route-topics,.route-media { grid-template-columns:1fr; gap:20px; } .route-topic { padding:22px; } .learning-route h1 { font-size:42px; } .route-support { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .route-topic { transition:none; } }
.reading-session-bar{position:fixed;z-index:90;bottom:16px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:16px;padding:12px 18px;background:#fff;color:#294B65;border:1px solid #ABC5D8;box-shadow:0 4px 22px #294b6520;font:14px/1.5 system-ui,sans-serif;border-radius:8px}
.reading-session-bar a{color:#294B65;font-weight:600;text-decoration:underline}
.reading-session-bar button{border:1px solid #ABC5D8;background:#F3F7FB;color:#294B65;padding:8px;min-height:40px;cursor:pointer;font:inherit;border-radius:4px}
.reading-session-bar span{font-size:12px}
.reading-session-notice{padding:16px;background:#F3F7FB;color:#294B65}
body:has(.reading-session-bar){padding-bottom:95px}
@media(max-width:600px){.reading-session-bar{flex-wrap:wrap;width:calc(100% - 24px);gap:6px 12px;bottom:8px}.reading-session-bar span{flex-basis:100%;order:3}.reading-session-bar button{margin-left:auto;font-size:12px}}
:root {
  --blue: #487fa8;
  --blue-dark: #294b65;
  --ink: #294b65;
  --peach: #f4a38b;
  --accent: #f4a38b;
  --soft: #f7ede2;
  --paper: #faf3e8;
  --white: #fffdf8;
  --line: #d9cabb;
  --muted: #665f59;
  --yiphase-surface: #fffdf8;
  --yiphase-shadow: 0 5px 0 #e8d8c6, 0 18px 36px #634c3520;
}
body { background-color: #faf3e8; color: #294b65; }
body:has(.portal-hero), body:has(.lesson-catalog), body:has(.library-main), body:has(.learning-hub), body:has(.collection-intro) {
  background-image: radial-gradient(circle at 88% 5%, #f8e4d3 0, transparent 28rem), linear-gradient(180deg, #fff8ee, #faf3e8 48%, #f6ebde);
}
.site-header, .site-head, body > header, .design-nav {
  background-color: #fffdf8;
  border-color: #d9cabb;
}
:is(.module-nav, .lesson-module-nav, .hex-module-nav, .design-nav) {
  background: #f6ebdf;
  border-color: #d9cabb;
}
:is(.module-nav, .lesson-module-nav, .hex-module-nav, .design-nav) a {
  transition: background-color .2s ease, box-shadow .2s ease, color .2s ease;
}
:is(.module-nav, .lesson-module-nav, .hex-module-nav, .design-nav) a:hover,
:is(.module-nav, .lesson-module-nav, .hex-module-nav, .design-nav) a[aria-current="page"] {
  background: #fff9f1;
  box-shadow: inset 0 3px #f4a38b;
}
:is(.portal-paths, .learn, .module-next, .mei-hua, .product-views, .reading, .library-original) {
  background-color: #f4e9dc;
}
:is(.portal-card, .lesson-catalog-card, .library-path, .library-video-card, .collection-card, .related a, .guide-card) {
  background: #fffdf8;
  border-color: #d7c4b1;
  box-shadow: 0 4px 0 #e8d8c6, 0 13px 30px #634c3516;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
:is(.portal-card, .lesson-catalog-card, .library-path, .library-video-card, .collection-card, .related a, .guide-card):hover,
:is(.portal-card, .lesson-catalog-card, .library-path, .library-video-card, .collection-card, .related a, .guide-card):focus-visible {
  transform: translateY(-4px);
  border-color: #9d8c7a;
  box-shadow: 0 7px 0 #e8d8c6, 0 20px 34px #634c3524;
}
.collection-card .card-text, .collection-card.forest .card-text, .collection-card.garden .card-text {
  background: #fff9f1;
}
.collection-card.forest .card-text { background: #f3efe7; }
.collection-card.garden .card-text { background: #f5f0e5; }
.home-cast-panel { background: #fffdf8; border-color: #d7c4b1; box-shadow: 0 5px 0 #e8d8c6, 0 24px 46px #634c3521; }
.home-cast-methods { background: #f3e7d9; border-color: #d9cabb; }
.home-cast-methods button[aria-pressed="true"] { background: #fffaf3; box-shadow: inset 0 0 0 2px #487fa8, 0 3px 10px #634c3519; }
.cast-entry-intent, .context-purpose { background: #f7efe5; }
.home-cast-panel textarea, .home-cast-panel input { background: #fffaf4; border-color: #cdbba7; }
.library-video-card img { background: #efe2d3; }
:is(.button, .header-cta, .library-action, .submit-interest, .stage-actions button, .lang-button) {
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
:is(.button, .header-cta, .library-action, .submit-interest, .stage-actions button, .lang-button):not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 13px #634c3522;
}
:is(.guide-breadcrumb, .library-breadcrumb, .site-path) { color: #625e58; }
:is(.guide-breadcrumb, .library-breadcrumb, .site-path) a { text-underline-offset: 4px; }
:is(.guide-breadcrumb, .library-breadcrumb, .site-path) a:hover { color: #294b65; text-decoration: underline; }
.site-path { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: 1380px; margin: 0 auto; padding: 14px 5% 2px; font: 13px/1.6 system-ui, sans-serif; }
.site-path [aria-current="page"] { color: #294b65; font-weight: 600; }
.viewing-bridge { margin: 24px 5% 0; padding: 20px 24px; border: 1px solid #d7c4b1; border-left: 3px solid #f4a38b; background: #fffaf3; box-shadow: 0 5px 0 #e8d8c6; }
.viewing-bridge a { display: inline-block; font-weight: 700; color: #294b65; text-decoration: underline; text-underline-offset: 4px; }
.viewing-bridge p { margin: 7px 0 0; color: #655f59; font-size: 13px; }
.collection-viewing-entry { max-width: 1000px; margin: -10px 7% 35px; }
.collection-viewing-entry .viewing-bridge { margin: 0; }
@media (max-width: 650px) {
  .site-path { padding: 12px 5% 2px; font-size: 12px; }
  .viewing-bridge { margin: 20px 5% 0; padding: 18px; }
  .collection-viewing-entry { margin: 0 5% 28px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.portal-card, .lesson-catalog-card, .library-path, .library-video-card, .collection-card, .related a, .guide-card, .button, .header-cta, .library-action, .submit-interest, .stage-actions button, .lang-button):hover,
  :is(.portal-card, .lesson-catalog-card, .library-path, .library-video-card, .collection-card, .related a, .guide-card):focus-visible { transform: none; }
}
.journey-brand-lockup.journey-brand-lockup{display:inline-flex;align-items:center;gap:12px;color:#294b65;text-decoration:none;white-space:nowrap;flex-shrink:0;font-family:Georgia,'Times New Roman',serif;letter-spacing:0}
.journey-brand-lockup .journey-brand-mark{width:36px;height:36px;display:block;flex:none}
.journey-brand-lockup .journey-brand-type{display:block;line-height:1}
.journey-brand-lockup .journey-wordmark{display:block;font:26px/1.08 Georgia,'Times New Roman',serif;letter-spacing:.065em}
.journey-brand-lockup small{display:block;font:8px/1.5 system-ui,sans-serif;letter-spacing:.14em;margin:5px 0 0;color:#665f59}
.journey-brand-lockup .journey-brand-seal{display:grid;place-items:center;border-left:1px solid #ddcdbb;padding-left:11px;margin-left:2px}
.journey-brand-lockup .journey-brand-seal img{display:block;width:31px;height:38px;max-width:none}
@media(max-width:480px){.journey-brand-lockup.journey-brand-lockup{gap:8px}.journey-brand-lockup .journey-brand-mark{width:30px;height:30px}.journey-brand-lockup .journey-wordmark{font-size:22px}.journey-brand-lockup .journey-brand-seal{padding-left:8px;margin-left:0}.journey-brand-lockup .journey-brand-seal img{width:25px;height:33px}.journey-brand-lockup small{font-size:7px;letter-spacing:.08em}}
.journey-nav.journey-nav a .journey-link-en,.journey-nav.journey-nav a .journey-link-zh{font:inherit;margin:0;line-height:inherit}
.journey-nav.journey-nav a .journey-link-zh,.journey-nav.journey-nav[data-locale="zh"] a .journey-link-en{display:none}
.journey-nav.journey-nav a .journey-link-en,.journey-nav.journey-nav[data-locale="zh"] a .journey-link-zh{display:inline}
.journey-nav.journey-nav{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:12px max(5vw,calc((100vw - 1210px)/2));background:#fff9f0;border:0;border-top:1px solid #dfd1c1;border-bottom:1px solid #dfd1c1;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 3px 0 #eadcc940;font:15px/1.5 system-ui,sans-serif;color:#294b65;position:relative;z-index:20}
.journey-nav .journey-nav-label{font:italic 16px Georgia,serif;color:#83664f;white-space:nowrap}.journey-nav .journey-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.journey-nav.journey-nav a{color:#294b65;background:transparent;text-decoration:none;padding:10px 16px;border:1px solid transparent;border-radius:3px;font:600 14px/1.5 system-ui,sans-serif;box-shadow:none;white-space:nowrap}.journey-nav.journey-nav a:hover,.journey-nav.journey-nav a:focus-visible{background:#f2e6d5;border-color:#cfb69b;box-shadow:none;transform:none}.journey-nav.journey-nav a[aria-current="page"]{background:#e8eef0;border-color:#c1d1d9;box-shadow:inset 0 -3px #487fa8}.journey-nav .journey-menu{display:none;min-height:44px;padding:8px 15px;font:600 14px system-ui;background:#fffdf8;border:1px solid #b8a28b;border-radius:3px;color:#294b65}.journey-nav a:focus-visible,.journey-nav button:focus-visible{outline:3px solid #487fa8;outline-offset:3px}.journey-nav .journey-link-zh{display:none}.journey-nav[data-locale="zh"] .journey-link-en{display:none}.journey-nav[data-locale="zh"] .journey-link-zh{display:inline}
.journey-skip{position:fixed;left:12px;top:8px;transform:translateY(-160%);z-index:99999;padding:10px 16px;background:#294b65;color:white;transition:none}.journey-skip:focus{transform:none}.journey-learning-entry{padding:27px 30px;margin:30px 0;background:#fff7e9;border:1px solid #d2bda4;box-shadow:0 5px 0 #e8d8c6;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.journey-learning-entry h2{font:32px/1.15 Georgia,serif;margin:0 0 12px;color:#294b65}.journey-learning-entry p{margin:0;color:#665f59;font:16px/1.7 system-ui}.journey-learning-entry a{display:block;padding:13px 16px;border:1px solid #294b65;text-decoration:none;font:600 14px system-ui;color:#294b65;background:#fffdf8}.journey-learning-entry [data-learning-resume]{grid-column:1/-1}
@media(max-width:1000px){.journey-nav.journey-nav.journey-nav{padding:10px 5vw;display:grid;grid-template-columns:1fr auto;gap:10px}.journey-nav .journey-nav-label{font-size:14px}.journey-nav .journey-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.journey-nav.journey-nav a{padding:11px 9px;text-align:center;font-size:13px}.journey-nav[data-enhanced] .journey-menu{display:inline-block}.journey-nav[data-enhanced][data-open="false"] .journey-links{display:none}.journey-learning-entry{grid-template-columns:1fr;padding:23px}.journey-learning-entry a{width:fit-content}}
@media(prefers-reduced-motion:reduce){.journey-nav *{transition:none!important}}


.oracle-path-note{margin:28px auto;padding:25px 30px;max-width:1180px;border:1px solid #d8c8b3;border-left:4px solid #b67c59;border-radius:6px;background:#fffaf1;box-shadow:0 5px 0 #e8ddce;color:#294b65}.oracle-path-note h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0 16px}.oracle-path-note p{line-height:1.75;max-width:82ch}.oracle-path-note a{color:#294b65;text-decoration:underline;text-underline-offset:3px}.oracle-path-note details{border-top:1px solid #ded6c8;padding-top:12px}.oracle-path-note summary{cursor:pointer}@media(max-width:600px){.oracle-path-note{padding:20px;margin:20px 12px}}
.journey-nav .journey-nav-label{display:none}.journey-nav .journey-links{order:1}.journey-nav.journey-nav a.journey-quick{order:2;background:#294b65;color:#fff9ef;border:1px solid #294b65;padding:11px 17px;min-height:44px;font-size:13px;box-shadow:0 3px 0 #b8c9d1}.journey-nav.journey-nav a.journey-quick:hover{background:#3b617d;box-shadow:0 3px 0 #b8c9d1}.journey-nav.journey-nav a.journey-quick[data-resuming="true"]{background:#315d73}
@media(max-width:1000px){.journey-nav.journey-nav a.journey-quick{order:0;grid-column:1;grid-row:1;justify-self:start;padding:11px 12px;font-size:12px;white-space:normal;text-align:left;line-height:1.4}.journey-nav .journey-menu{grid-column:2;grid-row:1;min-width:82px}.journey-nav .journey-links{order:0;grid-row:2;grid-column:1/-1}.journey-nav .journey-nav-label{display:none}}