/* C9-29 — Skill-first navigation over original P35–P51 source authorities.
   Native learning writers are unchanged. Editorial phases are provenance,
   never a claim of achieved level or official HSK certification. */
.c9-skills-workspace{display:grid;gap:22px;min-width:0;max-width:100%;color:var(--c9-ink)}
.c9-skills-workspace *{box-sizing:border-box}
.c9-skills-intro{padding:clamp(19px,3vw,34px);border:1px solid var(--c9-line);
 border-radius:var(--c9-r);background:var(--c9-surface)}
.c9-skills-intro>div{display:grid;gap:12px;max-width:860px}
.c9-skills-intro h1{margin:0;font:600 clamp(29px,3.5vw,44px)/1.14 var(--c9-display);letter-spacing:-.035em}
.c9-skills-intro p:not(.c9-eyebrow){font:400 13px/1.75 var(--c9-ui);color:var(--c9-sub);margin:0}
.c9-skills-intro>div>div{display:flex;gap:15px;flex-wrap:wrap}
.c9-skills-intro a{font:600 12px/1.5 var(--c9-ui);color:var(--c9-accent);
 min-height:44px;display:inline-flex;align-items:center}
.c9-skills-tracks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.c9-skills-track{min-width:0;min-height:134px;display:flex;flex-direction:column;
 gap:8px;padding:16px 13px;text-align:left;border:1px solid var(--c9-line);
 border-radius:var(--c9-r-sm);background:var(--c9-surface);color:var(--c9-ink);
 cursor:pointer}
.c9-skills-track strong{font:650 14px/1.35 var(--c9-ui);overflow-wrap:anywhere}
.c9-skills-track small{font:400 11px/1.5 var(--c9-ui);color:var(--c9-sub)}
.c9-skills-track.is-active,.c9-skills-phase.is-active{
 background:var(--c9-accent-soft);border-color:var(--c9-accent)}
.c9-skills-track:hover,.c9-skills-phase:hover,.c9-skills-source:hover{border-color:var(--c9-accent)}
.c9-skills-directory{display:grid;gap:16px;padding:clamp(16px,2.7vw,26px);
 border:1px solid var(--c9-line);border-radius:var(--c9-r);background:var(--c9-surface)}
.c9-skills-directory>header,.c9-skills-active>header{display:flex;align-items:start;
 justify-content:space-between;gap:18px;flex-wrap:wrap}
.c9-skills-directory>header>div,.c9-skills-active>header>div{display:grid;gap:7px;min-width:0;max-width:780px}
.c9-skills-directory h2,.c9-skills-active h2{font:600 clamp(22px,2.8vw,31px)/1.2 var(--c9-display);margin:0}
.c9-skills-directory p,.c9-skills-active>header p{font:400 12px/1.7 var(--c9-ui);color:var(--c9-sub);margin:0}
.c9-skills-directory>header>span{font:550 11px/1.5 var(--c9-ui);color:var(--c9-sub)}
.c9-skills-directory-actions{display:grid;grid-template-columns:1fr 1fr;
 gap:9px;align-items:center;min-width:0}
.c9-skills-directory-actions>button{justify-self:start;grid-row:1;grid-column:1/-1;
 min-height:48px;text-align:left}
.c9-skills-directory-actions>label{font:600 12px/1.5 var(--c9-ui)}
.c9-skills-directory-actions>input{grid-column:2;max-width:100%;min-width:0;
 border:1px solid var(--c9-line-strong);border-radius:var(--c9-r-sm);
 background:var(--c9-surface);color:var(--c9-ink);padding:10px 12px;
 font:400 13px/1.5 var(--c9-ui);min-height:48px}
.c9-skills-phase-strip{display:flex;gap:7px;flex-wrap:wrap}
.c9-skills-phase{min-height:44px;text-align:left;display:inline-flex;align-items:center;
 gap:6px;border:1px solid var(--c9-line);border-radius:var(--c9-r-xs);
 background:var(--c9-surface-2);color:var(--c9-ink);
 padding:9px 11px;font:550 11px/1.4 var(--c9-ui);cursor:pointer}
.c9-skills-phase small{font:650 10px/1.4 var(--c9-ui);color:var(--c9-accent)}
.c9-skills-results{display:grid;gap:13px;min-width:0}
.c9-skills-results>p{font:500 11px/1.5 var(--c9-ui);color:var(--c9-sub);margin:0}
.c9-skills-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.c9-skills-source{text-align:left;min-width:0;min-height:155px;display:flex;
 flex-direction:column;gap:9px;padding:14px;border:1px solid var(--c9-line);
 background:var(--c9-surface-2);color:var(--c9-ink);border-radius:var(--c9-r-sm);
 cursor:pointer;overflow-wrap:anywhere}
.c9-skills-source.is-active{border-color:var(--c9-accent);background:var(--c9-accent-soft)}
.c9-skills-source>small{font:550 10px/1.4 var(--c9-ui);color:var(--c9-accent)}
.c9-skills-source>strong{font:650 14px/1.45 var(--c9-display)}
.c9-skills-source>span{font:400 11px/1.5 var(--c9-ui);color:var(--c9-sub)}
.c9-skills-source>em{font:500 10px/1.5 var(--c9-ui);font-style:normal;color:var(--c9-sub);margin-top:auto}
.c9-skills-pagination,.c9-skills-stage-next{display:flex;justify-content:space-between;
 align-items:center;flex-wrap:wrap;gap:8px}
.c9-skills-pagination button,.c9-skills-stage-next button{min-height:44px}
.c9-skills-active{display:grid;gap:19px;padding:clamp(16px,2.5vw,26px);
 border:1px solid var(--c9-line);border-radius:var(--c9-r);background:var(--c9-surface);
 scroll-margin-top:18px}
.c9-skills-active>header button{min-height:44px}
.c9-skills-evidence{display:inline-block;font:550 11px/1.55 var(--c9-ui);
 color:var(--c9-sub);border-left:3px solid var(--c9-accent);
 padding:4px 10px;background:var(--c9-surface-2)}
.c9-skills-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.c9-skills-stage{display:flex;align-items:start;gap:10px;min-height:62px;
 text-align:left;padding:11px 10px;cursor:pointer;background:var(--c9-surface-2);
 color:var(--c9-ink);border:1px solid var(--c9-line);border-radius:var(--c9-r-sm)}
.c9-skills-stage span{flex:none;font:700 11px/1.45 var(--c9-ui);color:var(--c9-accent)}
.c9-skills-stage strong{font:550 11px/1.45 var(--c9-ui);overflow-wrap:anywhere}
.c9-skills-stage.is-active{background:var(--c9-accent-soft);border-color:var(--c9-accent)}
.c9-skills-stage-controls{display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:9px;padding:12px 0;border-top:1px solid var(--c9-line);
 border-bottom:1px solid var(--c9-line)}
.c9-skills-stage-controls>p{font:400 11px/1.5 var(--c9-ui);margin:0;color:var(--c9-sub)}
.c9-skills-stage-controls button{min-height:44px;white-space:normal;text-align:left}
.c9-skills-stage-body{display:grid;gap:17px;min-width:0}
.c9-skills-stage-intro{display:grid;gap:10px}
.c9-skills-stage-intro>p{font:500 13px/1.75 var(--c9-ui);margin:0}
.c9-skills-stage-intro blockquote{margin:0;padding:12px 16px;border-left:3px solid var(--c9-accent);
 background:var(--c9-surface-2);color:var(--c9-ink);font:400 12px/1.8 var(--c9-ui)}
.c9-skills-facts,.c9-skills-production,.c9-skills-questions{display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.c9-skills-facts>article,.c9-skills-production>article,.c9-skills-questions>article{
 padding:16px;border:1px solid var(--c9-line);border-radius:var(--c9-r-sm);
 background:var(--c9-surface-2);display:grid;align-content:start;gap:9px;min-width:0}
.c9-skills-facts article span,.c9-skills-questions article span{
 font:650 10px/1.4 var(--c9-ui);color:var(--c9-accent)}
.c9-skills-facts strong{font:600 18px/1.4 var(--c9-hanzi-display)}
.c9-skills-facts article p,.c9-skills-questions article p,.c9-skills-production article p,
.c9-skills-questions>p{font:400 12px/1.75 var(--c9-ui);margin:0;overflow-wrap:anywhere}
.c9-skills-production h4,.c9-skills-questions h4,.c9-skills-handoffs h4{
 margin:0;font:650 17px/1.35 var(--c9-display)}
.c9-skills-production article small{font:400 11px/1.5 var(--c9-ui);color:var(--c9-sub)}
.c9-skills-reading{display:grid;gap:16px}
.c9-skills-reading>section{border:1px solid var(--c9-line);border-radius:var(--c9-r-sm);
 background:var(--c9-surface-2);padding:14px;display:grid;gap:6px}
.c9-skills-reading h4{margin:0 0 7px;font:650 13px/1.5 var(--c9-display)}
.c9-skills-reading-line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;
 gap:10px;align-items:start;border-top:1px solid var(--c9-line);padding:10px 0}
.c9-skills-line-index{font:600 11px/1.5 var(--c9-ui);color:var(--c9-sub)}
.c9-skills-reading-line strong,.c9-skills-listening article strong{
 display:block;font:500 20px/1.8 var(--c9-hanzi-display);overflow-wrap:anywhere}
.c9-skills-reading-line small,.c9-skills-listening article small{
 display:block;color:var(--c9-sub);font:400 11px/1.6 var(--c9-ui)}
.c9-skills-reading-line p,.c9-skills-listening article p{font:400 11px/1.65 var(--c9-ui);
 color:var(--c9-sub);margin:5px 0 0}
.c9-skills-reading-line button{min-height:44px;padding:8px}
.c9-skills-listening{display:grid;gap:9px}
.c9-skills-listening>p{font:400 12px/1.65 var(--c9-ui);color:var(--c9-sub);margin:0}
.c9-skills-listening>article{display:grid;grid-template-columns:1fr auto;gap:8px;
 align-items:center;border:1px solid var(--c9-line);background:var(--c9-surface-2);
 padding:12px;border-radius:var(--c9-r-sm)}
.c9-skills-listening>article>span{font:650 11px/1.5 var(--c9-ui);color:var(--c9-sub)}
.c9-skills-listening>article>button{min-height:44px}
.c9-skills-listening>article>div{grid-column:1/-1}
.c9-skills-questions>h4{grid-column:1/-1}
.c9-skills-questions>article strong{font:600 12px/1.6 var(--c9-ui)}
.c9-skills-handoffs{display:grid;gap:9px;border-top:1px solid var(--c9-line);padding-top:16px}
.c9-skills-handoffs p{font:400 11px/1.7 var(--c9-ui);color:var(--c9-sub);margin:0}
.c9-skills-handoffs>div{display:flex;gap:8px;flex-wrap:wrap}
.c9-skills-handoffs>div button{min-height:44px;text-align:left;white-space:normal}
.c9-skills-empty{padding:20px;border:1px dashed var(--c9-line-strong);
 border-radius:var(--c9-r-sm);background:var(--c9-surface);display:grid;gap:10px}
.c9-skills-empty h3{margin:0;font:600 18px/1.4 var(--c9-display)}
.c9-skills-empty p,.c9-skills-caveat{margin:0;color:var(--c9-sub);
 font:400 11px/1.7 var(--c9-ui)}
.c9-skills-workspace :where(button,input,a):focus-visible{
 outline:3px solid var(--c9-accent);outline-offset:3px}
.c9-skills-home-cta{margin:12px 0;border:1px solid var(--c9-line);
 border-radius:var(--c9-r-sm);padding:15px;background:var(--c9-surface);display:flex;
 align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.c9-skills-home-cta>div{display:grid;gap:4px;max-width:650px}
.c9-skills-home-cta strong{font:600 14px/1.4 var(--c9-ui)}
.c9-skills-home-cta p{font:400 12px/1.6 var(--c9-ui);color:var(--c9-sub);margin:0}
.c9-skills-home-cta a{min-height:44px;display:inline-flex;align-items:center;
 color:var(--c9-accent);font:600 12px/1.4 var(--c9-ui)}
@media(max-width:1050px){
 .c9-skills-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}
 .c9-skills-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .c9-skills-workspace{gap:13px}
 .c9-skills-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .c9-skills-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .c9-skills-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
 .c9-skills-facts,.c9-skills-production,.c9-skills-questions{grid-template-columns:1fr}
 .c9-skills-directory-actions{grid-template-columns:1fr}
 .c9-skills-directory-actions>label,.c9-skills-directory-actions>input{grid-column:1}
}
@media(max-width:540px){
 .c9-skills-intro,.c9-skills-directory,.c9-skills-active{padding:15px 12px}
 .c9-skills-track{min-height:115px;padding:12px 10px}
 .c9-skills-track strong{font-size:12px}
 .c9-skills-track small{font-size:10px}
 .c9-skills-source-grid{grid-template-columns:1fr}
 .c9-skills-source{min-height:104px}
 .c9-skills-reading-line strong,.c9-skills-listening article strong{font-size:19px}
 .c9-skills-stage-next button{flex:1 1 100%}
 .c9-skills-handoffs>div button{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.c9-skills-workspace *{animation:none;transition:none}}

/* C9-32 · Genuine source-to-assessment and historically linked evidence */
.c9-skills-primary-handoff,.c9-skills-related-evidence{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 flex-wrap:wrap;padding:13px 15px;background:var(--c9-surface-2);
 border:1px solid var(--c9-line);border-radius:var(--c9-r-sm);
 min-width:0;
}
.c9-skills-related-evidence{border-left:3px solid var(--c9-accent)}
.c9-skills-primary-handoff>small{font:400 11px/1.6 var(--c9-ui);
 color:var(--c9-sub);flex:1 1 180px}
.c9-skills-related-evidence>strong{font:650 12px/1.5 var(--c9-ui);
 color:var(--c9-ink);flex:1 1 100%}
.c9-skills-related-evidence>p{font:400 12px/1.7 var(--c9-ui);
 color:var(--c9-sub);margin:0;flex:1 1 240px;overflow-wrap:anywhere}
.c9-skills-primary-handoff>button,.c9-skills-related-evidence>button{
 min-height:44px;white-space:normal;text-align:left}
@media(max-width:640px){
 .c9-skills-primary-handoff,.c9-skills-related-evidence{
  display:grid;grid-template-columns:minmax(0,1fr);padding:13px}
 .c9-skills-primary-handoff>button,.c9-skills-related-evidence>button{width:100%}
}