@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansTC-400.woff2) format("woff2")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSansTC-700.woff2) format("woff2")}@font-face{font-family:Gentium Plus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GentiumPlus-Regular.ttf) format("truetype")}@font-face{font-family:Gentium Plus;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/GentiumPlus-Bold.ttf) format("truetype")}:root{--wall: #d2d0ca;--wall-panel: #e3e1db;--ink: #1a1c1b;--ink-soft: #3c4441;--brick: #9c3b2e;--mortar: #6e6258;--iron: #1c3a34;--iron-deep: #142824;--paper: #e7e4dc;color-scheme:light;font-family:Noto Sans TC,Gentium Plus,sans-serif;line-height:1.65;color:var(--ink);background-color:var(--wall)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--wall);background-image:radial-gradient(circle,rgb(255 255 255 / .55) .7px,transparent .85px),radial-gradient(circle,rgb(60 58 54 / .28) .7px,transparent .85px),radial-gradient(circle,rgb(156 59 46 / .16) .65px,transparent .8px),linear-gradient(rgb(28 58 52 / .2) 1px,transparent 1px),linear-gradient(90deg,rgb(28 58 52 / .2) 1px,transparent 1px);background-size:13px 15px,19px 17px,27px 23px,32px 32px,32px 32px;background-position:0 0,6px 4px,11px 9px,0 0,0 0}.tailo,.tailo-sample{font-family:Gentium Plus,Noto Sans TC,sans-serif;font-size:1.08em}a{color:var(--brick);text-decoration-thickness:2px;text-underline-offset:.18em}a:hover{color:var(--iron)}.source-link{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-weight:700;color:var(--brick)}.skip{position:absolute;left:12px;top:-48px;background:var(--iron);color:var(--paper);padding:8px 12px;min-height:44px}.skip:focus{top:12px}.shell{width:min(1120px,calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));margin-inline:auto}.brick-course{height:14px;background-color:var(--brick);background-image:linear-gradient(90deg,var(--mortar) 2px,transparent 2px);background-size:52px 100%;box-shadow:inset 0 -2px 0 var(--mortar),inset 0 2px 0 var(--mortar)}.brick-course-offset{background-position:26px 0}.site-header{background-color:#d8d6d0;background-image:radial-gradient(circle,rgb(255 255 255 / .45) .6px,transparent .75px),radial-gradient(circle,rgb(70 68 64 / .2) .6px,transparent .75px);background-size:13px 15px,19px 17px}.header-inner{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:baseline;padding:12px 0 14px}.brand{color:var(--iron);font-weight:700;font-size:1.55rem;letter-spacing:-.05em;line-height:1.1;text-decoration:none;border-bottom:3px solid var(--brick);min-height:44px;display:inline-flex;align-items:center}.brand:hover{color:var(--brick)}.tagline{margin:0;color:var(--ink-soft);letter-spacing:-.02em}.arcade-shade{height:16px;background:var(--iron)}.draft-banner{margin:0;padding:10px 16px 12px;text-align:center;font-weight:700;letter-spacing:-.02em;color:var(--brick);background:#c8c6c0;border-bottom:2px solid var(--iron)}main{padding:18px 0 36px}.site-footer{background:var(--iron);color:var(--paper);border-top:10px solid var(--brick);padding:18px 0 32px}.site-footer h2{margin:0 0 10px;color:var(--paper);font-size:1.35rem;font-weight:700;letter-spacing:-.05em;line-height:1.15;border-bottom:3px solid var(--brick);display:inline-block;padding-bottom:2px}.site-footer p{margin:0;max-width:46rem;color:var(--paper)}.site-footer a,.site-footer .source-link{color:#f6efe9;text-decoration-color:#e07a68}.site-footer a:hover,.site-footer .source-link:hover{color:#ffd2c8}h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;letter-spacing:-.05em;line-height:1.12;margin:0 0 10px}h2{font-size:1.28rem;font-weight:700;letter-spacing:-.04em;line-height:1.2;margin:0 0 10px}.eyebrow{margin:0 0 6px;color:var(--brick);font-weight:700;letter-spacing:-.02em}.lede{font-size:1.08rem;margin-top:0}.maker,.thanks{background:var(--wall-panel);border:2px solid var(--iron);border-radius:0;padding:12px 16px 8px;margin:0 0 16px;max-width:44rem}.maker{border-left:8px solid var(--iron)}.thanks{border-left:8px solid var(--brick)}.maker p,.thanks p{margin:0 0 10px}.maker-sign{margin:0 0 6px;font-weight:700;font-size:1.2rem;letter-spacing:-.045em;line-height:1.2;color:var(--iron);border-bottom:3px solid var(--brick);display:inline-block;padding-bottom:2px}.thanks h2{color:var(--brick)}.thanks-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:0}.crumb{color:var(--ink-soft);margin:0 0 8px}.crumb a{color:var(--iron)}.cast,.language-list,.lesson-list,.vocab,.transcript,.next-rail,[data-notes-list]{list-style:none;padding:0;margin:0}.cast,.language-list{display:grid}.cast{border:2px solid var(--iron);background:var(--wall-panel)}.cast-card,.language-card,.lesson-card{display:flex;flex-direction:column;gap:2px;justify-content:center;padding:12px 14px;min-height:44px;border-radius:0;background:transparent}.cast-card+.cast-card{border-top:2px solid var(--iron)}.language-card,.lesson-card{color:inherit;text-decoration:none;background:var(--wall-panel);border:2px solid var(--iron);border-left:8px solid var(--brick)}.language-list,.lesson-list,.vocab{display:grid;gap:8px}.language-card strong,.lesson-card strong{font-size:1.12rem;letter-spacing:-.03em}.language-card:hover,.lesson-card:hover{background:#efece6}@media(min-width:720px){.cast{grid-template-columns:repeat(3,1fr)}.cast-card+.cast-card{border-top:0;border-left:2px solid var(--iron)}}.status{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border-radius:0;border:1px solid var(--iron);background:transparent;color:var(--iron);font-size:.85rem;font-weight:700;letter-spacing:-.02em}.status-draft,.status-next{color:var(--brick);border-color:var(--brick)}.status-ready,[data-progress]{color:var(--iron)}.status-planned{color:var(--mortar);border-color:var(--mortar)}.status-row,.facts{display:flex;flex-wrap:wrap;gap:8px 16px}.facts{margin:12px 0}.facts div{margin:0}.facts dt{font-weight:700;letter-spacing:-.03em}.facts dd{margin:0}.lesson{display:flex;flex-direction:column;gap:16px}.video-frame{aspect-ratio:16 / 9;border-radius:0;overflow:hidden;background:var(--iron-deep);border:2px solid var(--iron)}video{display:block;width:100%;height:100%;background:var(--iron-deep)}.video-fallback{display:grid;place-items:center;padding:20px;text-align:center}.video-fallback p{margin:0;color:var(--paper);max-width:28rem}.caption-switch,.reg-tabs,.quiz-choices{display:flex;flex-wrap:wrap;gap:8px}.caption-switch{margin-top:8px}.reg-tabs label,.caption-switch button,.quiz-choices button,.note-button,.line{min-height:44px;border:2px solid var(--iron);border-radius:0;background:var(--wall-panel);color:var(--ink);font:inherit;font-weight:700;letter-spacing:-.02em;padding:8px 14px;cursor:pointer}.note-button[aria-pressed=true]{background:var(--iron);color:var(--paper)}.reg-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.reg-radio:focus-visible+label,button:focus-visible,a:focus-visible,.line:focus-visible{outline:3px solid var(--brick);outline-offset:3px}.reg-panels{display:grid;gap:0;border:2px solid var(--iron);background:var(--wall-panel)}.reg-panel{padding:14px;border-radius:0;background:transparent;border-top:0;box-shadow:none}.reg-panel+.reg-panel{border-top:2px solid var(--iron)}.reg-panel:nth-child(3n+1){box-shadow:inset 6px 0 0 var(--iron)}.reg-panel:nth-child(3n+2){box-shadow:inset 6px 0 0 var(--mortar)}.reg-panel:nth-child(3n+3){box-shadow:inset 6px 0 0 var(--brick)}.when,.fine,.line-zh{color:var(--ink-soft)}.line-han{font-size:1.2rem;font-weight:700;letter-spacing:-.03em;margin:0}.tailo{margin:0}.line-zh,.when,.fine{margin:4px 0 0}.key-phrase,.notebook,.orthography{padding:14px 16px;background:var(--wall-panel);border:2px solid var(--iron);border-radius:0}.transcript{display:grid;gap:8px}.transcript li{margin:0}.line{width:100%;text-align:start;display:flex;flex-direction:column;align-items:flex-start}.line.is-current{border-color:var(--brick);background:#efece6}.who{font-weight:700;letter-spacing:-.03em;color:var(--brick)}.vocab li{padding:12px 14px;background:var(--wall-panel);border:2px solid var(--iron);border-radius:0}.vocab a{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;min-height:44px;text-decoration:none;font-weight:700}.quiz-choices button.is-right{border-color:var(--iron)}.quiz-choices button.is-chosen.is-right{background:var(--iron);color:var(--paper)}.quiz-choices button.is-chosen:not(.is-right){border-color:var(--brick);background:var(--brick);color:#f6efe9}.next-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.next-rail>li{scroll-snap-align:start}.lesson-card{height:100%}[data-notes-list]{display:grid;gap:0;margin-top:8px}[data-notes-list] li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:2px solid var(--iron);min-height:44px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}section{margin:0 0 18px}section:last-child{margin-bottom:0}@media(min-width:720px){.reg-tabs{display:none}.reg-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.reg-panel+.reg-panel{border-top:0;border-left:2px solid var(--iron)}.vocab{grid-template-columns:repeat(2,minmax(0,1fr))}.next-rail{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}@media(min-width:960px){.lesson{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);align-items:start;gap:16px 20px}.video-slot{grid-column:1;grid-row:1 / span 2}.lesson-head{grid-column:2;grid-row:1}.transcript-section{grid-column:2;grid-row:2}.registers,.key-phrase,.next-section{grid-column:1 / -1}.vocab-section{grid-column:1}.quiz{grid-column:2}.transcript{max-height:420px;overflow:auto}}