/* Public learning tools use the same readable, green-accented guide system. */
.sentence-checker{margin:2.5rem 0;padding:clamp(1.2rem,4vw,2.5rem);border:1px solid #b8d9c1;border-radius:24px;background:#f3faf5;scroll-margin-top:6rem}
.sentence-checker h2{margin-top:.4rem}
.sentence-checker form>label:not(.sentence-consent){display:block;font-weight:700;margin:1.2rem 0 .6rem}
.sentence-checker textarea,.lesson-checks textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #88a995;border-radius:12px;padding:1rem;font:inherit;line-height:1.7;background:white;color:#15251c;resize:vertical}
.sentence-checker textarea:focus,.lesson-checks textarea:focus{outline:3px solid #2fc15b;outline-offset:3px}
.sentence-input-meta{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}
.sentence-input-meta p{font-size:.85rem;max-width:48rem;margin:.6rem 0}
.sentence-input-meta output{white-space:nowrap;margin-top:.6rem;font-variant-numeric:tabular-nums}
.sentence-examples{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1rem 0}
.sentence-examples button{border:1px solid #acc9b5;border-radius:8px;background:#fff;padding:.5rem .75rem;text-align:left;line-height:1.5;color:#173924;font:inherit;cursor:pointer}
.sentence-consent{display:flex;align-items:flex-start;gap:.7rem;margin:1.4rem 0;font-size:.9rem;line-height:1.7}
.sentence-consent input{flex:none;margin-top:.4rem;width:1.1rem;height:1.1rem}
.sentence-result{margin-top:1.5rem;border-top:1px solid #b8d9c1;padding-top:1rem}
.sentence-result>p[lang]{font-size:1.3rem;font-weight:700;overflow-wrap:anywhere}
.sentence-result li{margin-bottom:1rem}
.sentence-boundary{font-size:.85rem;color:#455f4f}
.sentence-checker [data-sentence-status]{min-height:1.5rem;font-weight:600}
.sentence-checker button:disabled{opacity:.6;cursor:wait}
.hsk-version-notice{padding:1.2rem 1.4rem;border-left:4px solid #cd9d47;background:#fff9ec;margin:2rem 0;border-radius:0 12px 12px 0}
.hsk-version-notice h2{font-size:1.15rem;margin-top:0}
.resource-links{margin:2rem 0;padding:1.2rem;border:1px solid #dae6dd;border-radius:14px}
.resource-links li,.related-guides li{margin:.7rem 0}
.lesson-checks article{padding:1rem 0;border-bottom:1px solid #dae6dd}
.lesson-checks textarea{margin:1rem 0}
.lesson-checks label{display:block;margin-top:1rem}
.lesson-checks details,.sentence-result details{margin:1rem 0;padding:1rem;border:1px solid #dae6dd;border-radius:12px}
.lesson-checks summary,.sentence-result summary{cursor:pointer;font-weight:700}
.option-reasons{padding-left:1.3rem}
.option-reasons li{margin:.6rem 0}
@media(max-width:560px){.sentence-input-meta{display:block}.sentence-input-meta output{display:block;text-align:right}.sentence-examples button{width:100%}.sentence-checker{padding:1rem}.guide-toc{line-height:2}}

.grammar-examples article{margin:1rem 0;padding:1rem 1.3rem;border-left:3px solid #2b9d52;background:#f3faf5;border-radius:0 12px 12px 0}.grammar-examples h3{margin-top:0}.grammar-examples p[lang="zh-Latn"]{color:#45694e}.grammar-examples article p:last-child{margin-bottom:0}

.study-downloads{margin:2rem 0;padding:1.5rem;border:1px solid #cee3d4;border-radius:1rem;background:#f5fbf6}.study-downloads li+li{margin-top:1rem}.study-downloads li p{margin:.35rem 0}.study-downloads a{font-weight:650}
.guide-content>section{min-width:0}
.resource-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}
.resource-table-scroll:focus-visible{outline:3px solid var(--deep);outline-offset:4px}
.resource-table{border-collapse:collapse;width:100%;min-width:540px;font-size:15px;line-height:1.6}
.resource-table caption{text-align:left;font-weight:700;padding:16px;background:var(--mint)}
.resource-table th,.resource-table td{padding:12px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.resource-table thead th{background:#f5f7f4}
.resource-table tbody tr:nth-child(even){background:#f8faf6}
.guide-content .section-sources{font-size:14px;overflow-wrap:anywhere}
.section-sources a{text-decoration:underline;text-underline-offset:3px}
