:root{--ink: #1a1c1c;--paper: #f9f9f9;--soft: #f4f1ea;--container: #ffffff;--container-dim: #eeeeee;--muted: #5a4041;--line: #8e7070;--line-soft: #e2bebe;--imperial: #bc243c;--imperial-dark: #990027;--taupe: #8e7070;--success: #006b3f;--danger: #b00020;--spacing: 2rem;--border-radius: 0px;--shadow: none;--max: 1280px;--grid: repeat(12, minmax(0, 1fr));font-family:"Source Sans 3",Inter,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button,a,input,select,textarea{border-radius:var(--border-radius)}a,button,label,select{cursor:pointer}:focus-visible{outline:3px solid var(--imperial);outline-offset:3px}.site-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--spacing);max-width:var(--max);margin:0 auto;padding:1.25rem var(--spacing);border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.brand{display:inline-flex;align-items:center;gap:.75rem;width:fit-content;font-weight:700;letter-spacing:0}.brand-mark{display:grid;width:2.4rem;height:2.4rem;place-items:center;background:var(--imperial);color:var(--paper);font-size:1.35rem;font-weight:700}nav{display:flex;gap:1.25rem;color:var(--ink);font-size:.95rem;font-weight:600}nav a,.footer-links a,.social-links a{transition:background .22s ease,color .22s ease,border-color .22s ease}nav a:hover,.footer-links a:hover{background:var(--imperial);color:#fff}.header-cta{min-height:2.5rem;display:inline-flex;align-items:center;padding:0 1rem;border:1px solid var(--imperial-dark);color:var(--imperial-dark);font-weight:700;transition:background .22s ease,color .22s ease}.header-cta:hover{background:var(--imperial);color:#fff}main{min-height:70svh}.site-footer{display:grid;grid-template-columns:4fr 2fr 2fr 1fr;gap:var(--spacing);max-width:var(--max);margin:6rem auto 0;padding:var(--spacing);border-top:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.site-footer p{max-width:24rem;color:var(--muted)}.footer-brand{margin-bottom:1rem}.footer-links{display:grid;align-content:start;gap:.75rem;font-size:.92rem;font-weight:600}.social-links{display:flex;gap:.5rem;align-items:start}.social-links a{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--line)}.social-links a:hover{background:var(--imperial);color:#fff}.social-links svg{width:1.15rem;height:1.15rem;fill:currentColor}.copyright{grid-column:1 / -1;margin:0;padding-top:var(--spacing);border-top:1px solid color-mix(in srgb,var(--line) 35%,transparent);font-size:.85rem}.hero{min-height:calc(100svh - 5rem);display:grid;grid-template-columns:var(--grid);align-items:stretch;gap:var(--spacing);max-width:var(--max);margin:0 auto;padding:clamp(3rem,7vw,7rem) var(--spacing) var(--spacing)}.swiss-hero{border-bottom:1px solid var(--ink)}.hero-copy{grid-column:span 7;align-self:center;min-width:0;animation:enter-up .42s ease both}.eyebrow{margin:0 0 1rem;color:var(--imperial-dark);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p,blockquote,figure{margin-top:0}h1{margin-bottom:1.25rem;font-size:clamp(4.25rem,10vw,8.5rem);line-height:.82;letter-spacing:-.02em;font-weight:700;font-family:"Source Serif 4",Georgia,Times New Roman,serif}h2{margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.88;letter-spacing:-.02em;font-weight:700;font-family:"Source Serif 4",Georgia,Times New Roman,serif}h3{margin-bottom:1rem;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.05;font-weight:700;font-family:"Source Serif 4",Georgia,Times New Roman,serif}.lede{max-width:42rem;color:var(--ink);font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.35}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button,.ghost-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:0 1.25rem;border:1px solid var(--imperial-dark);background:var(--imperial);color:#fff;font:inherit;font-weight:700;transition:background .22s ease,color .22s ease,transform .22s ease}.ghost-button{background:transparent;color:var(--imperial-dark)}.button:hover,.ghost-button:hover{transform:translateY(-2px)}.ghost-button:hover{background:var(--imperial);color:#fff}.button.inverted{background:#fff;color:var(--imperial-dark)}.button.inverted:hover{background:var(--soft)}.ghost-button.on-dark{border-color:var(--paper);color:var(--paper)}.ghost-button.on-dark:hover{background:var(--paper);color:var(--ink)}.swiss-visual{grid-column:span 5;min-width:0;min-height:36rem;position:relative;align-self:stretch;border:1px solid var(--ink);background:linear-gradient(90deg,transparent calc(25% - 1px),var(--ink) calc(25% - 1px),var(--ink) 25%,transparent 25%),linear-gradient(90deg,transparent calc(50% - 1px),var(--ink) calc(50% - 1px),var(--ink) 50%,transparent 50%),linear-gradient(90deg,transparent calc(75% - 1px),var(--ink) calc(75% - 1px),var(--ink) 75%,transparent 75%),var(--paper);overflow:hidden;animation:fade-in .5s ease .12s both}.visual-number{position:absolute;left:7%;top:3%;font-size:clamp(7rem,18vw,16rem);line-height:.8;font-weight:700}.visual-line{position:absolute;left:8%;right:8%;height:1px;background:var(--ink)}.line-a{top:38%}.line-b{top:54%}.line-c{top:70%}.visual-block{position:absolute;background:var(--ink)}.block-a{right:0;top:0;width:32%;height:38%}.block-b{left:0;bottom:0;width:50%;height:22%}.visual-caption{position:absolute;right:8%;bottom:7%;max-width:8rem;font-size:.8rem;font-weight:700;letter-spacing:.12em}.section,.page-head,.reading-layout,.practice-layout{max-width:var(--max);margin:0 auto;padding:5rem var(--spacing) 0}.section-heading{max-width:56rem;margin-bottom:var(--spacing)}.grid-heading{display:grid;grid-template-columns:var(--grid);gap:var(--spacing);max-width:none}.grid-heading .eyebrow{grid-column:span 2}.grid-heading h2{grid-column:span 7}.grid-heading p:not(.eyebrow){grid-column:span 3}.section-heading p:not(.eyebrow),.page-head p{color:var(--muted);font-size:1.05rem}.front-page{display:grid;grid-template-columns:var(--grid);column-gap:var(--spacing);row-gap:0;max-width:var(--max);margin:0 auto;padding:3rem var(--spacing) 0;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.masthead{grid-column:1 / -1;padding-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.masthead-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem var(--spacing);padding-bottom:1.25rem;margin-bottom:1.75rem;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.masthead-line .eyebrow{margin:0}.masthead-dateline{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.masthead h1{margin-bottom:1.25rem;font-size:clamp(4rem,14vw,9rem);line-height:.85;text-align:center;letter-spacing:-.03em;color:var(--imperial-dark)}.masthead .tagline{max-width:40rem;margin:0 auto;text-align:center;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:600}.front-main-story{grid-column:span 7;min-height:0;display:grid;align-content:start;padding:var(--spacing) 0;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.front-main-story a,.rail-item,.rail-compact,.exam-board a,.method-list a{transition:background .22s ease,color .22s ease,padding .22s ease}.front-main-story a:hover,.rail-item:hover,.rail-compact:hover,.exam-board a:hover,.method-list a:hover{background:var(--soft)}.section-label{display:block;margin-bottom:1rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.front-main-image{margin:0 0 1.75rem;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:var(--soft)}.front-main-image img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;filter:saturate(.88) contrast(1.04)}.front-main-story h2{max-width:42rem;margin-bottom:1rem;font-size:clamp(2.5rem,4.4vw,3.8rem)}.front-main-story p{max-width:44rem;font-size:1.15rem;color:var(--muted)}.story-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.story-meta span{padding:.4rem .55rem;background:var(--container-dim);color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.front-rail{grid-column:span 5;display:flex;flex-direction:column;border-left:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.rail-item.is-dark{flex:1;display:grid;align-content:center;gap:.85rem;min-height:16rem;padding:var(--spacing);border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.rail-item.is-dark h3,.rail-item.is-dark p{margin-bottom:0}.rail-more-link{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rail-more{display:grid;align-content:start;gap:1.25rem;padding:var(--spacing)}.rail-more>.section-label{margin-bottom:0;color:var(--muted)}.rail-compact{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:center}.rail-compact img{width:5rem;height:5rem;object-fit:cover;border:1px solid color-mix(in srgb,var(--line) 35%,transparent);filter:saturate(.86) contrast(1.04)}.rail-compact-text{display:grid;gap:.35rem}.rail-compact-text small{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.rail-compact-text strong{font-size:1.3rem;line-height:1.1;font-family:"Source Serif 4",Georgia,Times New Roman,serif}.rail-item.is-dark{background:var(--imperial-dark);color:#fff}.rail-item.is-dark:hover{background:var(--imperial)}.news-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:var(--max);margin:0 auto;padding:0 var(--spacing)}.news-strip>div{min-height:11rem;padding:var(--spacing);border-right:1px solid color-mix(in srgb,var(--line) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.news-strip>div:first-child{border-left:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.news-strip span,.article-row span,.exam-board span{display:block;margin-bottom:1rem;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-strip strong{display:block;margin-bottom:.75rem;font-size:1.6rem;font-family:"Source Serif 4",Georgia,Times New Roman,serif}.visual-callout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--spacing);align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.visual-callout-image{display:block;border:1px solid color-mix(in srgb,var(--line) 45%,transparent);background:var(--soft);overflow:hidden}.visual-callout-image img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(.9) contrast(1.04);transition:transform .26s ease}.visual-callout-image:hover img{transform:scale(1.025)}.visual-callout-copy h2{max-width:42rem;margin-bottom:1rem}.visual-callout-copy p{max-width:34rem;font-size:1.08rem}.newspaper-section{padding-top:4rem}.article-list,.exam-board{border-top:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.article-row{display:grid;grid-template-columns:2fr 4fr 6fr;gap:var(--spacing);padding:1.25rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.article-row strong{font-size:1.6rem;line-height:1.05}.article-row p{margin-bottom:0;color:var(--muted)}.exam-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.exam-board a{display:flex;flex-direction:column;gap:1rem;min-height:15rem;padding:var(--spacing);border-right:1px solid color-mix(in srgb,var(--line) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent);background:var(--container)}.exam-board span:not(.more){margin-bottom:0}.exam-board strong{display:block;font-size:1.8rem;line-height:1.05}.exam-board p{margin-bottom:0;color:var(--muted)}.exam-board .more{margin-top:auto;padding-top:.5rem;color:var(--imperial-dark);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feature-grid,.testimonial-grid,.platform-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.feature-card,.testimonial-card,.platform-link{min-height:18rem;margin:0;padding:var(--spacing);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);transition:background .22s ease,color .22s ease}.feature-card:hover,.platform-link:hover{background:var(--ink);color:var(--paper)}.feature-card svg{width:2rem;height:2rem;margin-bottom:3rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.feature-card span,.platform-link span{display:block;margin-bottom:2rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.feature-card p,.platform-link p,.testimonial-card blockquote{color:currentColor;line-height:1.5}.split-section{display:grid;grid-template-columns:5fr 7fr;gap:var(--spacing);border-top:1px solid var(--ink)}.method-list{display:grid;gap:0;border-top:1px solid var(--ink)}.method-list p{display:grid;grid-template-columns:4rem 1fr;gap:var(--spacing);margin:0;padding:1.25rem 0;border-bottom:1px solid var(--ink);font-size:1.15rem}.method-list strong{font-size:.8rem;letter-spacing:.12em}.method-list a{display:grid;grid-template-columns:5rem 1fr;gap:var(--spacing);align-items:baseline;padding:1.25rem 0;border-bottom:1px solid var(--ink);font-size:1.25rem;font-weight:700}.method-list a strong{color:var(--imperial-dark);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.testimonial-card{display:grid;align-content:space-between;gap:3rem}.testimonial-card blockquote{margin-bottom:0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600}.testimonial-card figcaption{color:var(--muted);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.final-cta{max-width:var(--max);margin:5rem auto 0;padding:clamp(3rem,8vw,6rem) var(--spacing);background:var(--ink);color:var(--paper)}.final-cta h2{max-width:58rem}.content-list{border-top:1px solid var(--ink)}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing);align-items:start;padding:1.5rem 0;border-bottom:1px solid var(--ink);transition:background .22s ease,padding .22s ease}.list-row[hidden]{display:none}.list-row:hover{background:var(--soft);padding-left:1rem}.row-main{display:grid;gap:.5rem}.row-main strong{font-size:clamp(2rem,4vw,4rem);line-height:.9;font-weight:700}.row-summary{max-width:42rem;color:var(--muted)}.row-zh{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .75rem}.row-zh-hanzi{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:700;line-height:1.1}.row-zh-pinyin{color:var(--imperial-dark);font-size:.95rem;font-style:italic}.row-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.row-tags span{padding:.35rem .55rem;background:var(--container-dim);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.list-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-bottom:1.25rem}.list-filter-label{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.list-filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.list-filter-chip{min-height:2.4rem;padding:0 .9rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-size:.82rem;font-weight:700;transition:background .22s ease,color .22s ease}.list-filter-chip:hover{background:var(--soft)}.list-filter-chip.is-active{background:var(--ink);color:var(--paper)}.list-count{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.list-empty{padding:2.5rem 0;color:var(--muted);font-weight:600}.row-kicker,.meta-line{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.access-badge{display:inline-flex;min-height:1.6rem;align-items:center;padding:0 .45rem;border:1px solid currentColor;font-size:.72rem;font-weight:700}.is-free{color:var(--success)}.row-arrow{font-size:2rem;line-height:1}.row-action{align-self:center;min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .9rem;border:1px solid var(--imperial-dark);color:var(--imperial-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.reading-layout,.practice-layout,.picture-layout{display:grid;grid-template-columns:minmax(0,8fr) 4fr;gap:var(--spacing);align-items:start}.reading-layout>.article-head,.practice-layout>.article-head,.picture-layout>.article-head{grid-column:1;grid-row:1}.reading-layout>.detail-main,.practice-layout>.detail-main,.picture-layout>.detail-main{grid-column:1;grid-row:2;min-width:0}.reading-layout>.side-panel,.practice-layout>.side-panel{grid-column:2;grid-row:1 / span 2}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin-bottom:1.25rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.breadcrumb a{transition:color .22s ease}.breadcrumb a:hover{color:var(--imperial-dark)}.breadcrumb-sep{color:var(--line)}.breadcrumb-current{color:var(--ink)}.section-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;margin-top:3rem;padding-top:var(--spacing);border-top:1px solid var(--ink)}.pager-link{display:grid;align-content:center;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--ink);background:var(--paper);transition:background .22s ease}.pager-link.is-next{text-align:right}.pager-link.is-empty{border:0;background:transparent}a.pager-link:hover{background:var(--soft)}.pager-dir{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--imperial-dark)}.pager-title{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700;line-height:1.1}.pager-index{display:grid;place-items:center;padding:1rem;border:1px solid var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .22s ease,color .22s ease}.pager-index:hover{background:var(--ink);color:var(--paper)}.quiz-result{display:grid;gap:.4rem;margin-top:1.5rem;padding:var(--spacing);border:1px solid var(--ink);border-left:6px solid var(--imperial);background:var(--container)}.quiz-result:focus-visible{outline:3px solid var(--imperial);outline-offset:3px}.quiz-result-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--imperial-dark)}.quiz-result-score{margin:0;font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,3.5rem);line-height:1}.quiz-result-score strong{color:var(--imperial-dark)}.quiz-result-text{margin:0;color:var(--muted);font-weight:600}.quiz-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.85rem}.quiz-review,.quiz-restart{min-height:2.75rem;padding:0 1.25rem;font-size:.9rem}.article-head{margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--ink)}.article-head h1,.page-head h1{font-size:clamp(3rem,7vw,6rem);line-height:.88}.reading-cover{display:block;width:100%;margin-top:1.5rem;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--r, 16px);border:1px solid color-mix(in srgb,var(--line) 22%,transparent)}.reading-deck{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;margin-bottom:1rem}.reading-deck-zh{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.1;color:var(--ink)}.reading-deck-pinyin{font-size:clamp(1rem,1.6vw,1.2rem);font-style:italic;color:var(--imperial-dark)}.reading-summary{max-width:38rem;margin-bottom:0;color:var(--muted);font-size:1.05rem;line-height:1.55}.reading-text{display:grid;gap:1.25rem;margin-bottom:3rem}.zh-text{font-size:clamp(2rem,4vw,4rem);line-height:1.35;font-weight:600}.pinyin-text,.translation-text,.muted{color:var(--muted);line-height:1.6}audio{width:100%;margin:.5rem 0 var(--spacing)}.side-panel{position:sticky;top:1rem;display:grid;gap:1rem}.side-panel .section-heading h2{margin-bottom:0;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.05}.vocab-list{margin:0;border-top:1px solid var(--ink)}.vocab-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 30%,transparent)}.vocab-hz{margin:0;color:var(--ink);font-size:1.6rem;font-weight:700;line-height:1}.vocab-hz a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--imperial) 35%,transparent);text-decoration-thickness:2px;text-underline-offset:.18em}.vocab-hz a:hover{color:var(--imperial-dark)}.vocab-meaning{display:grid;gap:.15rem;margin:0}.vocab-py{color:var(--imperial-dark);font-size:.82rem;font-weight:600}.vocab-pt{color:var(--ink);line-height:1.4}.vocab-note{color:var(--muted);font-size:.82rem;font-style:italic}.vocab-meta{color:var(--imperial-dark);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.quiz-shell{margin-top:3rem}.quiz-shell .section-heading h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1}.quiz-status{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.quiz-status-counts{flex:1 1 16rem;display:grid;gap:.5rem}.quiz-status-line{font-size:.9rem;font-weight:600;color:var(--muted)}.quiz-status-line strong{color:var(--ink)}.quiz-track{display:block;height:.4rem;max-width:22rem;background:var(--soft);border:1px solid var(--ink)}.quiz-track span{display:block;width:0;height:100%;background:var(--imperial);transition:width .22s ease}.quiz-reset{min-height:2.5rem;padding:0 1rem;font-size:.85rem}.quiz-questions{display:grid;gap:1.25rem;margin-top:1.5rem}.quiz-question{display:grid;gap:1.1rem;margin:0;padding:1.5rem;border:1px solid color-mix(in srgb,var(--line) 45%,transparent);background:var(--container);transition:border-color .22s ease,box-shadow .22s ease}.quiz-question.is-correct{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--container))}.quiz-question.is-wrong{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--container))}.quiz-q-head{display:flex;gap:.85rem;align-items:baseline}.quiz-q-index{flex:0 0 auto;display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;background:var(--ink);color:var(--paper);font-size:.85rem;font-weight:700}.quiz-q-prompt{margin:0;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.35;font-weight:700}.quiz-q-label{display:block;margin-bottom:.25rem;color:var(--muted);font-family:"Source Sans 3",Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.quiz-q-pinyin{display:block;margin-top:.25rem;color:var(--muted);font-size:.95rem;font-weight:600;line-height:1.3}.quiz-option-text{display:inline-flex;flex-direction:column;gap:.1rem}.quiz-option-pinyin{color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.2}.quiz-question .options{margin:0}.options-inline{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.quiz-option{position:relative;transition:background .22s ease,border-color .22s ease}.quiz-option.is-correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--paper))}.quiz-option.is-wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--paper))}.quiz-q-foot{display:flex;flex-wrap:wrap;gap:.5rem}.quiz-check{min-height:2.6rem;padding:0 1.25rem;font-size:.9rem}.quiz-clear{min-height:2.6rem;padding:0 1rem;font-size:.9rem}.quiz-feedback{display:grid;gap:.3rem;margin:.4rem 0 0;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--line) 30%,transparent);border-radius:var(--r-sm);background:var(--soft)}.quiz-feedback.is-correct{border-color:color-mix(in srgb,var(--success) 35%,transparent);background:color-mix(in srgb,var(--success) 8%,var(--soft))}.quiz-feedback.is-wrong{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--soft))}.quiz-feedback-label{margin:0;font-family:"Source Sans 3",Inter,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.quiz-feedback.is-correct .quiz-feedback-label{color:var(--success)}.quiz-feedback.is-wrong .quiz-feedback-label{color:var(--danger)}.quiz-feedback-answer,.quiz-feedback-text{margin:0;color:var(--ink);font-size:.95rem;line-height:1.55}.quiz-feedback-text{color:var(--muted)}.exam-progress{position:sticky;top:0;z-index:2;display:grid;gap:.5rem;padding:1rem 0;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-weight:700}.save-status{color:var(--muted);font-size:.86rem;font-weight:600}.progress-track{display:block;height:.5rem;background:var(--soft);border:1px solid var(--ink)}.progress-track span{display:block;width:0;height:100%;background:var(--ink);transition:width .22s ease}.question-card{margin:0;padding:var(--spacing) 0;border-bottom:1px solid var(--ink);background:transparent}.question-card{padding:var(--spacing);border:1px solid var(--ink);margin:1rem 0}.question-count{color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.options,.word-bank,.match-grid{display:grid;gap:.75rem;margin:1rem 0}.options label,.match-grid label,.choice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid var(--ink);background:var(--paper);transition:background .22s ease,color .22s ease}.options label:hover,.match-grid label:hover,.choice:hover,.word-bank button:hover{background:var(--soft)}input,select,textarea{min-height:2.75rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit}input[type=radio]{accent-color:var(--ink)}.text-answer,textarea,.answer-select{width:100%;margin:1rem 0;padding:.75rem}textarea{min-height:7rem;resize:vertical}.word-bank{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.word-bank button,.legacy-bank li{min-height:2.75rem;border:1px solid var(--ink);background:var(--paper);font:inherit;cursor:pointer}.legacy-bank{padding:0;list-style:none}.legacy-bank li{display:grid;align-content:center;padding:.75rem}.legacy-bank span{color:var(--muted)}.feedback{margin:1rem 0 0;font-weight:700}.correct{color:var(--success)}.wrong{color:var(--danger)}.legacy-exam{display:grid;gap:var(--spacing)}.section-nav{display:flex;flex-wrap:wrap;gap:.5rem}.section-nav a{padding:.65rem .8rem;border:1px solid var(--ink);background:var(--paper);font-size:.85rem;font-weight:700;transition:background .22s ease,color .22s ease}.section-nav a:hover{background:var(--ink);color:var(--paper)}.exam-section{padding-top:1rem}.question-header{display:flex;justify-content:space-between;gap:var(--spacing);align-items:flex-start}.badge{display:inline-grid;min-width:2.3rem;height:2.3rem;place-items:center;background:var(--ink);color:var(--paper);font-weight:700}.visual-prompt,.option-visual{margin:1rem 0}.visual-prompt img,.option-visual img{display:block;width:100%;max-height:17rem;object-fit:contain;background:var(--soft);border:1px solid var(--ink)}.legacy-choices,.legacy-match-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}.choice{display:grid;align-content:start}.choice span{display:flex;gap:.5rem;align-items:center}.shared-option{display:grid;gap:.5rem}.question-card.is-correct{border-width:2px;border-color:var(--success)}.question-card.is-incorrect{border-width:2px;border-color:var(--danger)}.results-panel{padding:var(--spacing);background:var(--ink);color:var(--paper)}.preview-lock{max-height:11rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}@keyframes enter-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 980px){.site-header{grid-template-columns:1fr}nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.75rem 1rem}.header-cta{width:fit-content}.hero,.grid-heading,.front-page,.masthead,.split-section,.visual-callout,.reading-layout,.practice-layout,.picture-layout,.picture-vocab,.site-footer{grid-template-columns:1fr}.hero-copy,.swiss-visual,.masthead .eyebrow,.masthead h1,.masthead p:not(.eyebrow),.front-main-story,.front-rail,.grid-heading .eyebrow,.grid-heading h2,.grid-heading p:not(.eyebrow){grid-column:auto}.masthead{align-items:start}.masthead h1{font-size:clamp(3.7rem,15vw,4.9rem);overflow-wrap:anywhere}.front-rail{border-left:0}.hero{min-height:auto;padding-top:3rem}.swiss-visual{min-height:22rem}.feature-grid,.testimonial-grid,.news-strip,.exam-board,.platform-links{grid-template-columns:1fr}.site-footer{gap:1.5rem}.copyright{grid-column:auto}.side-panel{position:static}.reading-layout>.article-head,.reading-layout>.detail-main,.reading-layout>.side-panel,.practice-layout>.article-head,.practice-layout>.detail-main,.practice-layout>.side-panel,.picture-layout>.article-head,.picture-layout>.detail-main{grid-column:auto;grid-row:auto}.picture-frame{position:relative;top:auto}.section-pager{grid-template-columns:1fr}.pager-link.is-next{text-align:left}.pager-link.is-empty{display:none}}@media (max-width: 640px){:root{--spacing: 1.25rem}h1{font-size:clamp(3.5rem,18vw,5.5rem)}h2{font-size:clamp(2.25rem,12vw,3.5rem)}.row-main strong{font-size:clamp(1.8rem,10vw,3rem)}.article-head h1,.page-head h1{font-size:clamp(2.45rem,11vw,3.25rem);line-height:.92}.list-row,.question-header,.quiz-progress,.picture-word-button{grid-template-columns:1fr}.picture-word-pt,.picture-word-note{grid-column:auto}.picture-marker{width:1.8rem;height:1.8rem;font-size:.74rem}.method-list p{grid-template-columns:1fr}}.reading-layout,.practice-layout,.picture-layout{--r: 16px;--r-sm: 10px;--pill: 999px;--card: #ffffff;--card-border: 1px solid color-mix(in srgb, var(--line) 22%, transparent);--card-shadow: 0 1px 2px rgba(26, 28, 28, .05), 0 16px 32px -20px rgba(26, 28, 28, .28);padding-top:3rem;gap:clamp(1.5rem,4vw,3.5rem)}.reading-layout>.article-head,.practice-layout>.article-head,.picture-layout>.article-head{margin-bottom:0;padding-bottom:.5rem;border-bottom:0}.reading-layout .article-head h1,.practice-layout .article-head h1,.picture-layout .article-head h1{margin-bottom:.85rem;font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.015em}.reading-layout .reading-summary,.practice-layout .lede,.picture-layout .lede{max-width:44rem;font-size:1.08rem;line-height:1.55;color:var(--muted)}.reading-layout .meta-line,.practice-layout .meta-line,.picture-layout .meta-line{margin-bottom:1.1rem}.reading-layout .side-panel,.practice-layout .side-panel{top:.9rem;padding:1.4rem 1.4rem 1.5rem;background:var(--card);border:var(--card-border);border-radius:var(--r);box-shadow:var(--card-shadow)}.reading-layout .side-panel .section-heading,.practice-layout .side-panel .section-heading{margin-bottom:1rem}.reading-layout .vocab-list,.practice-layout .vocab-list{border-top:0}.reading-layout .vocab-item,.practice-layout .vocab-item{padding:.85rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 16%,transparent)}.reading-layout .vocab-item:last-child,.practice-layout .vocab-item:last-child{padding-bottom:0;border-bottom:0}.reading-layout .quiz-status,.practice-layout .quiz-status,.practice-layout .exam-progress{top:.9rem;padding:1rem 1.25rem;border:var(--card-border);border-top:var(--card-border);border-radius:var(--r);background:color-mix(in srgb,var(--card) 88%,var(--paper));backdrop-filter:blur(6px);box-shadow:var(--card-shadow)}.reading-layout .quiz-track,.practice-layout .quiz-track,.practice-layout .progress-track{height:.5rem;border:0;border-radius:var(--pill);background:color-mix(in srgb,var(--line) 18%,transparent);overflow:hidden}.reading-layout .quiz-track span,.practice-layout .quiz-track span,.practice-layout .progress-track span{border-radius:var(--pill)}.reading-layout .quiz-question,.practice-layout .quiz-question,.practice-layout .question-card{margin:1rem 0 0;padding:1.6rem;border:var(--card-border);border-radius:var(--r);background:var(--card);box-shadow:var(--card-shadow)}.reading-layout .quiz-question.is-correct,.practice-layout .quiz-question.is-correct,.practice-layout .question-card.is-correct{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:color-mix(in srgb,var(--success) 7%,var(--card))}.reading-layout .quiz-question.is-wrong,.practice-layout .quiz-question.is-wrong,.practice-layout .question-card.is-incorrect{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 7%,var(--card))}.reading-layout .quiz-q-index,.practice-layout .quiz-q-index,.practice-layout .badge{border-radius:var(--pill);background:color-mix(in srgb,var(--imperial) 12%,transparent);color:var(--imperial-dark)}.reading-layout :is(.options label,.match-grid label,.choice,.legacy-bank li),.practice-layout :is(.options label,.match-grid label,.choice,.legacy-bank li){border:1px solid color-mix(in srgb,var(--line) 28%,transparent);border-radius:var(--r-sm);background:var(--card)}.reading-layout :is(.options label,.match-grid label,.choice):hover,.practice-layout :is(.options label,.match-grid label,.choice):hover{border-color:var(--imperial);background:color-mix(in srgb,var(--imperial) 5%,var(--card))}.reading-layout .options label,.practice-layout .options label{justify-content:flex-start;gap:.8rem}.reading-layout .quiz-option.is-correct,.practice-layout .quiz-option.is-correct{border-color:var(--success)}.reading-layout .quiz-option.is-wrong,.practice-layout .quiz-option.is-wrong{border-color:var(--danger)}.reading-layout :is(input,select,textarea,.text-answer,.answer-select),.practice-layout :is(input,select,textarea,.text-answer,.answer-select){border-radius:var(--r-sm);border-color:color-mix(in srgb,var(--line) 32%,transparent)}.reading-layout :is(.button,.ghost-button,.quiz-check,.quiz-clear,.quiz-reset,.quiz-review,.quiz-restart,.word-bank button,.section-nav a),.practice-layout :is(.button,.ghost-button,.quiz-check,.quiz-clear,.quiz-reset,.quiz-review,.quiz-restart,.word-bank button,.section-nav a){border-radius:var(--pill)}.practice-layout .section-nav a{border-color:color-mix(in srgb,var(--line) 30%,transparent)}.article-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.learning-path,.inline-vocabulary{margin-bottom:2.5rem}.lesson-structures{margin-bottom:3rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--line) 28%,transparent)}.learning-path .section-heading,.inline-vocabulary .section-heading,.lesson-structures .section-heading{margin-bottom:1rem}.learning-path .section-heading h2,.inline-vocabulary .section-heading h2,.lesson-structures .section-heading h2{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1}.structure-list{display:grid;gap:1px;border:var(--card-border);border-radius:var(--r);background:color-mix(in srgb,var(--line) 25%,transparent);overflow:hidden;box-shadow:var(--card-shadow)}.structure-card{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.1rem;background:var(--card)}.structure-index{color:var(--imperial-dark);font-size:.86rem;font-weight:800;letter-spacing:.12em}.structure-card h3{margin-bottom:.45rem;font-size:clamp(1.25rem,2vw,1.75rem)}.structure-pattern{margin-bottom:1rem;color:var(--imperial-dark);font-size:1.3rem;font-weight:800}.structure-examples{display:grid;gap:.85rem}.structure-example{display:grid;gap:.2rem;padding-left:.9rem;border-left:3px solid color-mix(in srgb,var(--imperial) 70%,transparent)}.structure-example p{margin:0}.structure-zh{font-size:1.28rem;font-weight:700}.structure-pinyin{color:var(--muted);font-weight:700}.learning-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:.9rem}.learning-card{display:grid;align-content:start;gap:.55rem;min-height:11rem;padding:1rem;border:var(--card-border);border-radius:var(--r);background:var(--card);color:inherit;box-shadow:var(--card-shadow);transition:border-color .18s ease,background .18s ease,transform .18s ease}.learning-card:hover,.learning-card:focus-visible{border-color:var(--imperial);background:color-mix(in srgb,var(--imperial) 4%,var(--card));transform:translateY(-2px)}.learning-card-visual{overflow:hidden;padding:0}.learning-card-visual img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.learning-card-body{display:grid;gap:.55rem;padding:1rem}.learning-step{color:var(--imperial-dark);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learning-card strong{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.05}.learning-card span:last-child{color:var(--muted);font-size:.92rem;line-height:1.45}.inline-vocabulary{padding:1.4rem;border:var(--card-border);border-radius:var(--r);background:color-mix(in srgb,var(--card) 82%,var(--paper));box-shadow:var(--card-shadow)}.reading-layout .quiz-result,.practice-layout .quiz-result{border:var(--card-border);border-left:0;border-radius:var(--r);box-shadow:var(--card-shadow),inset 5px 0 0 var(--imperial)}.practice-layout .results-panel{border-radius:var(--r);box-shadow:var(--card-shadow)}.practice-layout :is(.visual-prompt img,.option-visual img){border-radius:var(--r-sm);border-color:color-mix(in srgb,var(--line) 22%,transparent)}.reading-layout .section-pager,.practice-layout .section-pager{border-top:1px solid color-mix(in srgb,var(--line) 22%,transparent)}.reading-layout :is(.pager-link,.pager-index),.practice-layout :is(.pager-link,.pager-index){border:1px solid color-mix(in srgb,var(--line) 26%,transparent);border-radius:var(--r-sm);transition:border-color .22s ease,background .22s ease,transform .22s ease}.reading-layout a.pager-link:hover,.practice-layout a.pager-link:hover{border-color:var(--imperial);background:color-mix(in srgb,var(--imperial) 4%,var(--card));transform:translateY(-2px)}.picture-layout{grid-template-columns:minmax(0,1fr);max-width:var(--max);margin:0 auto;padding:3rem var(--spacing) 0}.picture-layout>.article-head,.picture-layout>.detail-main{grid-column:1}.picture-layout .section-pager{border-top:1px solid color-mix(in srgb,var(--line) 22%,transparent)}.picture-layout :is(.pager-link,.pager-index){border:1px solid color-mix(in srgb,var(--line) 26%,transparent);border-radius:var(--r-sm);transition:border-color .22s ease,background .22s ease,transform .22s ease}.picture-layout a.pager-link:hover{border-color:var(--imperial);background:color-mix(in srgb,var(--imperial) 4%,var(--card));transform:translateY(-2px)}.picture-vocab{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,4fr);gap:1.25rem;align-items:start}.picture-frame{position:sticky;top:.9rem;margin:0;overflow:hidden;border:var(--card-border);border-radius:var(--r);background:var(--soft);box-shadow:var(--card-shadow)}.picture-frame img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(.92) contrast(1.04)}.picture-marker{position:absolute;z-index:1;display:grid;width:2.1rem;height:2.1rem;place-items:center;border:2px solid #ffffff;border-radius:999px;background:var(--imperial);color:#fff;font:inherit;font-size:.82rem;font-weight:800;line-height:1;box-shadow:0 10px 24px -12px #1a1c1ca6;transform:translate(-50%,-50%);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.picture-marker:hover,.picture-marker:focus-visible,.picture-marker.is-active{background:var(--ink);transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 5px color-mix(in srgb,var(--imperial) 22%,transparent),0 14px 28px -16px #1a1c1cbf}.picture-word-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.picture-word-button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem .9rem;align-items:center;padding:1rem;border:var(--card-border);border-radius:var(--r);background:var(--card);color:inherit;text-align:left;font:inherit;box-shadow:var(--card-shadow);transition:border-color .16s ease,background .16s ease,transform .16s ease}.picture-word-button:hover,.picture-word-button:focus-visible,.picture-word.is-active .picture-word-button{border-color:var(--imperial);background:color-mix(in srgb,var(--imperial) 5%,var(--card));transform:translateY(-2px)}.picture-word-index{display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--imperial) 12%,transparent);color:var(--imperial-dark);font-size:.78rem;font-weight:800}.picture-word-main{display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline;min-width:0}.picture-word-hanzi{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:700;line-height:1}.picture-word-pinyin{color:var(--imperial-dark);font-size:.92rem;font-weight:700}.picture-word-topic{min-height:1.35rem;display:inline-flex;align-items:center;padding:0 .45rem;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.picture-word-pt,.picture-word-note{grid-column:2}.picture-word-pt{color:var(--ink);font-weight:700}.picture-word-note{color:var(--muted);font-size:.88rem;line-height:1.45}@media (max-width: 980px){.picture-vocab{grid-template-columns:1fr}.picture-frame{position:relative;top:auto}}@media (max-width: 640px){.picture-word-button{grid-template-columns:1fr}.picture-word-pt,.picture-word-note{grid-column:auto}.picture-marker{width:1.8rem;height:1.8rem;font-size:.74rem}}.how-to{margin:0;padding-left:1.1rem;display:grid;gap:.7rem;color:var(--muted);font-size:.92rem;line-height:1.5}.how-to strong{color:var(--ink)}.writer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin-top:1.5rem}.writer-card{display:grid;gap:1rem;padding:1.25rem;border:1px solid color-mix(in srgb,var(--line) 22%,transparent);border-radius:var(--r, 16px);background:#fff;box-shadow:var(--card-shadow, 0 16px 32px -20px rgba(26, 28, 28, .28))}.vocab-word-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 22%,transparent)}.vocab-word-hz{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1}.vocab-word-py{color:var(--imperial-dark);font-size:1.1rem;font-weight:700}.vocab-word-pt{flex-basis:100%;color:var(--muted);font-size:1rem;line-height:1.4}.writer-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem .75rem}.writer-hz{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:700;line-height:1}.writer-meaning{display:grid;justify-items:end;gap:.1rem;text-align:right}.writer-py{color:var(--imperial-dark);font-size:.9rem;font-weight:700}.writer-pt{color:var(--muted);font-size:.85rem}.writer-stages{display:flex;flex-wrap:wrap;gap:.6rem}.writer-stage{width:168px;height:168px;border:1px solid color-mix(in srgb,var(--line) 28%,transparent);border-radius:12px;background-color:#fff;background-image:linear-gradient(to right,transparent calc(50% - .5px),color-mix(in srgb,var(--line) 24%,transparent) calc(50% - .5px),color-mix(in srgb,var(--line) 24%,transparent) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),color-mix(in srgb,var(--line) 24%,transparent) calc(50% - .5px),color-mix(in srgb,var(--line) 24%,transparent) calc(50% + .5px),transparent calc(50% + .5px));touch-action:none}.writer-note{margin:0;color:var(--muted);font-size:.85rem;font-style:italic;line-height:1.5}.writer-actions{display:flex;flex-wrap:wrap;gap:.5rem}.writer-btn{min-height:2.5rem;padding:0 1rem;font-size:.85rem;border-radius:999px}.writer-feedback{margin:0;min-height:1.2rem;color:var(--imperial-dark);font-size:.9rem;font-weight:700}.char-search{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.char-search input{flex:1 1 14rem;min-height:3rem;padding:0 1rem;font-size:1.1rem}.char-search .button{border-radius:999px}.char-cells{align-items:start}.char-cell{display:grid;justify-items:center;gap:.5rem}.char-cell-info{display:grid;justify-items:center;gap:.1rem;text-align:center}.char-cell-hz{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;line-height:1}.escrita-tools{display:grid;gap:1rem;margin-bottom:var(--spacing);padding:1.25rem;border:1px solid color-mix(in srgb,var(--line) 22%,transparent);border-radius:16px;background:#fff;box-shadow:0 16px 32px -20px #1a1c1c47}.escrita-tools .char-search{margin-top:0}.escrita-tools-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.escrita-tools-row p{margin:0;color:var(--muted);font-size:.95rem}.escrita-tools .ghost-button{border-radius:999px}.char-result .writer-stage{display:inline-block;width:auto;height:auto;line-height:0}.char-result .char-cell-hz{font-size:2rem}.vocab-word-layout{display:grid;grid-template-columns:minmax(18rem,max-content) minmax(16rem,1fr);gap:1.5rem;align-items:start}.vocab-word-layout .writer-stages{justify-content:center}.vocab-examples{display:grid;gap:.85rem;min-height:18rem;padding:.25rem 0}.vocab-examples-eyebrow{color:var(--imperial);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vocab-examples ol{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.vocab-examples li{display:grid;gap:.18rem;padding-bottom:.85rem;border-bottom:1px solid color-mix(in srgb,var(--line) 26%,transparent)}.vocab-examples li:last-child{border-bottom:0}.vocab-examples span[lang=zh]{color:var(--ink);font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:700;line-height:1.25}.vocab-examples small{color:var(--muted);font-size:.95rem;font-weight:650;line-height:1.4}.vocab-examples em{color:var(--ink);font-size:.95rem;font-style:normal;line-height:1.45}.vocab-head{padding-bottom:1.5rem}.vocab-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid color-mix(in srgb,var(--line) 30%,transparent)}.vocab-search{position:relative;flex:1 1 18rem;display:flex;align-items:center}.vocab-search-icon{position:absolute;left:1rem;color:var(--muted);pointer-events:none}.vocab-search input{width:100%;min-height:3rem;padding:0 1rem 0 2.75rem;font-size:1.05rem;border:1px solid var(--ink);border-radius:999px;background:#fff}.vocab-search input:focus-visible{outline:2px solid var(--imperial);outline-offset:1px}.seg{display:inline-flex;padding:.25rem;border:1px solid color-mix(in srgb,var(--line) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--line) 12%,transparent)}.seg-btn{min-height:2.5rem;padding:0 1.1rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}.seg-btn.is-active{background:var(--imperial);color:#fff}.vocab-sheet{border-radius:999px}.vocab-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem}.word-tile{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.6rem;border:1px solid color-mix(in srgb,var(--line) 40%,transparent);border-radius:14px;background:#fff;color:inherit;text-decoration:none;text-align:center;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.word-tile[hidden]{display:none}.word-tile:hover{transform:translateY(-3px);border-color:var(--imperial);box-shadow:0 14px 28px -18px #1a1c1c66}.word-tile:focus-visible{outline:2px solid var(--imperial);outline-offset:2px}.wt-hsk{position:absolute;top:.5rem;right:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.03em;color:var(--muted)}.wt-hz{font-family:"Source Serif 4",Georgia,Times New Roman,serif;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:700;line-height:1.05}.wt-py{color:var(--imperial);font-weight:600;font-size:.85rem;line-height:1.1}.wt-pt{max-width:100%;color:var(--muted);font-size:.74rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wt-origin{max-width:100%;margin-top:.15rem;padding:.2rem .4rem;background:color-mix(in srgb,var(--imperial) 8%,transparent);color:var(--imperial-dark);font-size:.62rem;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-empty{padding:2.5rem 0;color:var(--muted)}@media (max-width: 540px){.word-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.seg,.vocab-sheet{flex:1 1 auto}.seg{justify-content:center}}.sheet-cta{margin-top:1.25rem;width:100%}