.hsk-workshop{border-block:1px solid var(--line,#c9c9bd);padding:1.6rem 0;margin:1.8rem 0}.hsk-workshop h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 .5rem}.hsk-selection-actions,.hsk-export-controls{display:flex;align-items:end;flex-wrap:wrap;gap:.65rem 1rem;margin:1rem 0}.hsk-workshop button,.hsk-pack-picker select,.hsk-workshop select,[data-workshop-more],.hsk-daily-choices button,[data-daily-start],[data-daily-question]>button{font:inherit;border:1px solid var(--line,#b9bdb2);border-radius:5px;background:transparent;color:inherit;padding:.6rem .85rem;min-height:44px;cursor:pointer}.hsk-workshop .dark{background:#263e34;color:#fff}.hsk-workshop button:disabled{opacity:.45;cursor:default}.hsk-export-controls label{display:grid;gap:.35rem}.hsk-export-controls select{max-width:100%;background:#f6f4ed}.hsk-workshop .editorial-note{font-size:.85rem;max-width:78ch}.hsk-workshop details{margin-top:1rem}.hsk-workshop summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.hsk-select-cell{width:4rem}.hsk-table input[type=checkbox]{width:22px;height:22px;accent-color:#2c483c;cursor:pointer}.hsk-daily-examples ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}.hsk-daily-examples li{padding:1.4rem 0;border-top:1px solid #c7c9bd;break-inside:avoid}.hsk-daily-examples h3{margin:0 0 .5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:baseline}.hsk-daily-examples h3 a{font-size:1.8rem}.hsk-daily-examples h3 span{font:400 1rem var(--sans,sans-serif)}.hsk-daily-examples p{margin:.35rem 0}.hsk-daily-examples .hsk-example-zh{font-size:1.35rem;margin-top:1rem}.hsk-daily-index{padding-left:1.5rem}.hsk-daily-index li{padding:1.2rem 0;border-bottom:1px solid #c7c9bd}.hsk-daily-index h2{font-size:1.7rem;margin:.3rem 0}.hsk-daily-index p{max-width:70ch}.hsk-tool-nav{display:flex;gap:1.5rem;flex-wrap:wrap;border-block:1px solid #c7c9bd;padding:1rem 0;margin:2rem 0}.hsk-pack-picker{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}[data-daily-practice]{border-block:1px solid #c7c9bd;padding:2rem 0;margin:2rem 0}[data-daily-question]>p:nth-child(2){font-size:1.7rem}.hsk-daily-choices{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.2rem 0}.hsk-daily-choices button{font-size:1.4rem;min-width:4rem}.hsk-tool-links{display:flex;flex-wrap:wrap;gap:1rem;margin:1.2rem 0}
@media(max-width:700px){.hsk-daily-examples ol{grid-template-columns:1fr}.hsk-export-controls{display:grid;grid-template-columns:1fr}.hsk-export-controls select,.hsk-export-controls button{width:100%}.hsk-select-cell{display:block!important;padding-bottom:.2rem!important}.hsk-table tr:has([data-hsk-select]:checked){background:#e4e8de}.hsk-tool-nav{gap:.75rem 1.1rem}}
@media print{.hsk-workshop,.hsk-tool-nav,[data-daily-practice],.hsk-pack-picker{display:none}.hsk-daily-examples ol{display:block}}
.hsk-selection-shortcut{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:20px;z-index:8;background:#263e34;color:white!important;padding:12px 18px;border:1px solid #f3f0e8;border-radius:5px;font:500 14px/1.4 var(--sans,sans-serif);text-decoration:none;box-shadow:0 2px 8px #0002}.hsk-selection-shortcut[hidden]{display:none!important}
@media print{.hsk-selection-shortcut{display:none!important}}

.resource-page .hsk-table .hsk-select-cell{width:54px;min-width:54px;padding-right:16px}.resource-page .hsk-has-selection td:nth-child(2){font:13px var(--sans,sans-serif);min-width:0;width:65px;color:var(--muted)}.resource-page .hsk-has-selection td:nth-child(3){font:26px "Songti SC",serif;min-width:130px}
@media(max-width:700px){.resource-page .hsk-has-selection td:nth-child(2){width:auto;grid-column:2;font-size:12px}.resource-page .hsk-has-selection td:nth-child(3){grid-column:2;min-width:0}.resource-page .hsk-table .hsk-select-cell{width:auto;min-width:0}.resource-page [data-workshop-table] .hsk-table td:nth-child(2){min-width:0}.resource-page [data-workshop-table] .hsk-table td:nth-child(3){font-size:16px;padding:4px 0}.resource-page [data-workshop-table] .hsk-table td:last-child{font-size:14px}}


.hsk-export-controls input[type=number]{font:inherit;min-height:44px;width:145px;padding:.6rem .85rem;border:1px solid var(--line,#b9bdb2);border-radius:5px;background:#f6f4ed;color:inherit;box-sizing:border-box}.hsk-field-note{font-size:.85rem;color:var(--muted,#687268);max-width:78ch}.hsk-workshop [hidden],[data-own-writing][hidden],[data-writing-hsk][hidden]{display:none!important}.writing-source{border:0;padding:0;margin:1.5rem 0;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.writing-source legend{padding:0;margin-bottom:.7rem}.writing-source label{display:flex;align-items:center;gap:.5rem}.writing-source input{width:20px;height:20px;accent-color:#244c3b}.own-writing{border-block:1px solid var(--line,#c9c4b6);padding:1.5rem 0;margin:1.5rem 0}.own-writing>label{display:block;margin-bottom:.5rem}.own-writing textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;font:1.2rem/1.65 var(--sans,sans-serif);background:#fffdf8;color:inherit;border:1px solid var(--line,#c9c4b6);padding:.75rem;border-radius:5px}.own-writing button,.own-writing select,.own-writing input{font:inherit;min-height:44px;border:1px solid var(--line,#c9c4b6);padding:.6rem .8rem;border-radius:5px;background:#fffdf8;color:inherit;box-sizing:border-box}.own-writing .dark{background:#244c3b;color:white}.own-writing button:disabled{opacity:.45;cursor:default}.own-writing-row{display:grid;grid-template-columns:80px minmax(130px,1fr) minmax(170px,2fr);gap:.65rem 1rem;align-items:start;border-top:1px solid var(--line,#c9c4b6);padding:1.1rem 0}.own-writing-row h3{font:28px/1.4 "Songti SC",serif;margin:.2rem 0}.own-writing-row label{display:grid;gap:.35rem}.own-writing-row input,.own-writing-row select{width:100%;min-width:0}.own-writing-row .writing-match{grid-column:2/-1}.own-writing-row p{margin:.25rem 0}.own-writing .hsk-export-controls select{max-width:100%}
@media(max-width:700px){.own-writing-row{grid-template-columns:1fr}.own-writing-row .writing-match{grid-column:1}.own-writing .hsk-export-controls input{width:100%}.own-writing .hsk-export-controls{grid-template-columns:minmax(0,1fr)}}
@media print{.own-writing,.writing-source{display:none!important}}
