/* Course discovery and structured learning cards. Existing palette and type. */
#courseSearch{margin:27px 0 24px;padding-top:21px;border-top:1px solid var(--line);scroll-margin-top:80px;min-width:0}
.course-search-header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:15px}.course-search-header h2{font-size:15px;letter-spacing:0;margin:0;font-weight:600}.course-search-header p{font-size:10px;color:var(--muted);margin:0;line-height:1.7}
.search-form{display:flex;align-items:flex-end;gap:10px}.search-input-wrap{position:relative;flex:1;min-width:0}.search-label{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.search-input{display:block;appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--line);border-radius:8px;padding:13px 95px 13px 14px;min-height:49px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg)}.search-input::placeholder{color:var(--muted);opacity:1}.search-input:focus{outline:2px solid var(--primary);outline-offset:2px}.search-clear{position:absolute;bottom:3px;right:9px;min-height:43px;padding:4px 3px;border:0;background:none;font-size:10px;color:var(--muted)}.search-submit{border:1px solid var(--primary);background:var(--primary);border-radius:8px;color:white;min-height:49px;padding:0 23px;font-size:13px;font-weight:550}.search-submit:hover{background:oklch(.39 .09 80)}.search-help{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0;max-width:90ch}.search-results{margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.search-count{font-size:11px;color:var(--muted);margin:0 0 10px}.search-result-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-result-list li{min-width:0}.search-result{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:13px 15px;color:var(--ink);min-width:0}.search-result:hover{border-color:var(--primary);background:var(--tint)}.search-result-top{display:flex;gap:11px;align-items:baseline;flex-wrap:wrap;line-height:1.5}.search-result-kind{font-size:9px;color:var(--muted);flex-basis:100%}.search-result-title{font-size:22px;font-weight:550}.search-result-pinyin{font-size:13px;color:var(--primary)}.search-result-meaning{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.search-result-meta{font-size:10px;color:var(--muted)}.search-empty{grid-column:1/-1;font-size:13px;line-height:1.8;padding:11px 0;color:var(--muted)}
.learning-card{grid-column:1/-1;min-width:0;scroll-margin-top:83px;border-bottom:1px solid var(--line);padding:0 0 34px;margin-bottom:36px}.card-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:25px}.card-heading h2{font-size:24px;margin:0;line-height:1.4;letter-spacing:0}.card-intro{font-size:13px;color:var(--muted);line-height:1.7;max-width:46ch;margin:0}.card-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:55px;align-items:start}.card-shape{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:4px 20px}.card-glyph{font-family:"Kaiti SC","STKaiti",serif;font-size:91px;line-height:1.15;display:block;text-align:center;padding-top:5px;color:var(--ink)}.card-order{grid-column:1;grid-row:2;text-align:center;color:var(--muted);font-size:10px;line-height:1.6;margin-top:8px}.card-facts{margin:0;display:flex;flex-direction:column;gap:16px;grid-column:2;grid-row:1/3}.card-facts dt{font-size:9px;color:var(--muted);line-height:1.6;margin-bottom:3px}.card-facts dd{font-size:16px;line-height:1.5;font-weight:550;margin:0;overflow-wrap:anywhere}.card-fact-detail{display:block;color:var(--muted);font-size:10px;line-height:1.7}.card-label{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 10px;font-weight:550}.reading-choices{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}.reading-choice{border:1px solid var(--line);border-radius:7px;padding:8px 17px;background:var(--bg);font-size:20px;color:var(--ink);min-height:45px;line-height:1.3}.reading-choice[aria-pressed=true]{background:var(--tint);border-color:var(--primary);color:var(--primary)}.reading-choice:hover{border-color:var(--primary)}.reading-hear{margin-left:auto;font-size:11px;padding:8px 11px;min-height:45px}.card-core-meaning{font-size:22px;font-weight:600;line-height:1.5;margin:0 0 5px;overflow-wrap:anywhere}.card-meaning-zh{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 12px}.card-senses{margin:0 0 20px;padding-left:18px;color:var(--ink)}.card-senses li{padding-left:2px;margin-bottom:7px;font-size:12px;line-height:1.7}.card-senses li span+span{display:block;color:var(--muted);font-size:11px}.card-word-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.card-word-link{display:grid;grid-template-columns:auto auto;gap:5px 14px;align-items:baseline;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:10px 13px;text-align:left;color:var(--ink);min-height:68px}.card-word-link:hover{background:var(--tint);border-color:var(--primary)}.card-word-link strong{font-size:21px;line-height:1.4;font-weight:550}.card-word-link>span{font-size:12px;color:var(--primary)}.card-word-link small{grid-column:1/-1;font-size:9px;color:var(--muted)}.card-reading-note{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 17px;max-width:80ch;border-left:2px solid var(--line);padding-left:11px}.card-reading-note>span{display:block;font-size:10px;margin-top:4px}.card-actions{margin-top:13px}.card-actions .primary{font-size:12px;min-height:45px;padding:0 18px}.card-source{margin-top:24px}.card-source>summary{color:var(--primary);font-size:11px;cursor:pointer;min-height:44px;padding:12px 0;line-height:1.7}.card-source>p{font-size:11px;color:var(--muted);line-height:1.8;margin:3px 0 10px;max-width:110ch}.card-source .origin-links{margin-top:9px}.word-return{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;border-left:2px solid var(--primary);background:var(--tint);padding:8px 15px;margin-bottom:24px;color:var(--muted);font-size:12px;line-height:1.7}.word-return button{color:var(--primary);white-space:normal;text-align:right;font-size:12px}
.word-character-links{display:inline}.word-detail-title .word-character-link{display:inline;border:0;border-bottom:1px solid var(--primary);background:none;padding:0 1px;min-height:44px;font:inherit;line-height:inherit;color:var(--primary);vertical-align:baseline;border-radius:0}.word-character-link:hover{background:var(--tint)}.word-character-unavailable{display:inline;color:var(--ink)}.word-link-help{font-size:10px;line-height:1.8;color:var(--muted);margin:5px 0 10px}.word-lesson-link{display:inline-block;border:0;background:none;color:var(--primary);font-size:12px;padding:5px 0;text-align:left;min-height:44px}.word-lesson-link:hover{text-decoration:underline;text-underline-offset:4px}.reading-context{padding:10px 0;margin-bottom:12px;font-size:12px;line-height:1.7;color:var(--primary)}
.learning-nav{overflow-x:auto;overscroll-behavior-x:contain;justify-content:center}.learning-nav a{flex:none;white-space:nowrap;padding-left:11px;padding-right:11px}.word-return,.learning-card,.search-results{overflow-wrap:anywhere}
@media(max-width:900px){.card-layout{grid-template-columns:240px minmax(0,1fr);gap:30px}.card-shape{grid-template-columns:90px minmax(0,1fr);gap:4px 12px}.card-glyph{font-size:80px}.card-heading{align-items:flex-start}.card-facts dd{font-size:14px}.learning-nav{justify-content:flex-start}}
@media(max-width:650px){#courseSearch{margin:20px 0 19px;padding-top:17px}.course-search-header{display:block;margin-bottom:13px}.course-search-header h2{font-size:13px}.course-search-header p{font-size:9px;margin-top:6px}.search-form{gap:8px}.search-label{font-size:9px;line-height:1.6}.search-input{font-size:16px;min-height:47px;padding:11px 66px 11px 11px}.search-clear{font-size:8px;right:7px;min-height:41px}.search-submit{padding:0 12px;font-size:11px;min-height:47px}.search-help{font-size:10px;margin-top:9px}.search-count{font-size:10px}.search-result-list{grid-template-columns:1fr;gap:7px}.search-result{padding:11px 12px;gap:5px}.search-result-kind{font-size:8px}.search-result-title{font-size:21px}.search-result-pinyin{font-size:12px}.search-result-meaning{font-size:11px}.search-result-meta{font-size:9px}.learning-card{margin-bottom:25px;padding-bottom:25px;scroll-margin-top:74px}.card-heading{display:block;margin-bottom:20px}.card-heading h2{font-size:22px}.card-intro{font-size:11px;max-width:none;margin-top:10px}.card-layout{display:block}.card-shape{grid-template-columns:82px minmax(0,1fr);column-gap:21px;padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:21px;min-height:121px}.card-glyph{font-size:77px;padding-top:0}.card-order{font-size:9px;align-self:start;margin-top:5px}.card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:6px}.card-facts dt{font-size:8px;margin-bottom:4px}.card-facts dd{font-size:13px;line-height:1.6}.card-fact-detail{font-size:8px;line-height:1.7}.card-label{font-size:9px}.reading-choices{gap:7px;margin-bottom:15px}.reading-choice{padding:8px 13px;font-size:20px;min-height:44px}.reading-hear{font-size:10px;padding:8px 9px;min-height:44px}.card-core-meaning{font-size:20px}.card-meaning-zh{font-size:12px}.card-senses{margin-bottom:17px}.card-senses li{font-size:11px}.card-senses li span+span{font-size:10px}.card-word-link{padding:9px 11px;gap:3px 11px;min-height:63px}.card-word-link strong{font-size:21px}.card-word-link>span{font-size:11px}.card-word-link small{font-size:8px}.card-reading-note{font-size:10px}.card-reading-note>span{font-size:9px}.card-actions .primary{font-size:11px}.card-source{margin-top:15px}.card-source>summary{font-size:10px}.card-source>p{font-size:10px}.word-return{display:block;padding:9px 12px;font-size:11px;margin-bottom:20px}.word-return button{display:block;text-align:left;font-size:11px}.word-link-help{font-size:9px}.word-lesson-link{font-size:11px}.reading-context{font-size:11px}.learning-nav{padding:5px 12px;gap:5px;justify-content:flex-start}.learning-nav a{padding:0 8px;font-size:11px;gap:5px}.learning-nav small{font-size:9px}.topbar-actions{gap:8px}}
@media(max-width:360px){.card-shape{column-gap:13px;grid-template-columns:70px minmax(0,1fr)}.card-glyph{font-size:68px}.card-facts{gap:7px}.card-facts dd{font-size:11px}.search-submit{padding:0 9px}.reading-hear{margin-left:0}}