/* Chapter 16 Clothes · consistent with classic Nature English light theme. */
.c22-shell{max-width:1180px;margin:auto}.c22-shell .page-head{margin-bottom:14px}
.c22-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.c22-tabs button{border:1px solid #dce7de;border-radius:12px;background:white;color:#315c4a;font-size:13px;font-weight:700;padding:11px 16px}.c22-tabs button.active{background:#205b49;color:white}
.c22-hero{display:grid;grid-template-columns:1fr .85fr;gap:25px;padding:25px!important;align-items:center;background:linear-gradient(115deg,#fdfbf7,#f1f7f0)}.c22-hero h2{font-family:Georgia,serif;font-size:36px;margin:10px 0;color:#1d4637}.c22-hero p{font-size:15px;line-height:1.8;color:#627b6e;margin-bottom:20px}.c22-hero img{border-radius:19px;width:100%;object-fit:contain}
.c22-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 22px}.c22-metrics span{padding:17px 14px;border:1px solid #e0e8e0;border-radius:15px;background:white;font-size:12px;color:#657a6c}.c22-metrics strong{display:block;font-size:26px;color:#235a47}
.c22-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:15px;align-items:start}.c22-index{padding:15px!important;position:sticky;top:85px}.c22-index h3{font-family:Georgia,serif;margin:0 0 12px}.c22-index button{display:block;text-align:left;width:100%;background:transparent;border:0;border-radius:10px;color:#456657;padding:10px 6px;font-size:12px}.c22-index button.current{background:#e3f2e8;color:#245b49;font-weight:800}.c22-index button span{font-weight:800;margin-right:6px}
.c22-lesson{padding:25px!important}.c22-lesson>img{max-width:510px;width:100%;border-radius:15px;display:block;margin:10px auto 20px}.c22-lesson h2{font-family:Georgia,serif;font-size:27px;color:#244f3d;margin:11px 0}.c22-lines p{font:18px/1.8 Georgia,serif;padding:10px 0;border-bottom:1px solid #edf0e9;color:#333e35}.c22-lines button{border:0;border-radius:99px;padding:5px 9px;background:#e8f3ea;color:#1f5d49;font-size:12px}
.c22-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.c22-ex{padding:26px!important}.c22-ex h2{font-family:Georgia,serif;font-size:26px}.c22-ex h3{font:21px/1.6 Georgia,serif;margin:20px 0}.c22-ex p{line-height:1.65;color:#607568}.c22-ex textarea{display:block;width:100%;border:1px solid #d7e6d8;border-radius:11px;padding:15px;min-height:110px;outline-color:#2e765b;background:#fff}.c22-answer{padding:15px;background:#ebf6e9;border-radius:12px;color:#276147!important}
.c22-scan{max-width:550px;width:100%;display:block;margin:18px auto;border:1px solid #e8e6de;box-shadow:0 12px 30px #00000013}.c22-words{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.c22-words button{display:flex;flex-direction:column;text-align:left;background:#f8fbf7;border:1px solid #e0e8e1;border-radius:12px;padding:14px;gap:5px;color:#25513c}.c22-words small{color:#74877a}.c22-shell .source-note{font-size:12px;color:#6c8072;background:#f4f7f1;border-radius:11px;padding:13px}
@media(max-width:800px){.c22-hero{grid-template-columns:1fr}.c22-hero h2{font-size:28px}.c22-metrics{grid-template-columns:repeat(2,1fr)}.c22-grid{grid-template-columns:1fr}.c22-index{position:static}.c22-index button{display:inline-flex;width:auto;margin:2px 4px;padding:9px}.c22-words{grid-template-columns:repeat(2,1fr)}.c22-lesson,.c22-ex{padding:16px!important}}

.c22-lesson img{object-fit:contain;background:#f8efdf;border:1px solid #dbc7a9;max-height:270px}.c22-hero img{object-fit:contain;background:#f8efdf}

.c22-scan{max-width:640px}.c22-lines p{font-size:19px;line-height:1.8}.c22-lesson .source-note{max-width:750px}.c22-hero img{aspect-ratio:16/9;object-fit:contain!important}

.c22-shell{max-width:1230px}.c22-original-lines p{font-family:Georgia,serif;line-height:1.95;font-size:19px}.c22-eyebrow{font-size:12px;color:#537762;font-weight:800;letter-spacing:.07em}.c22-choose{display:flex;gap:8px;flex-wrap:wrap}.c22-choose button{border:1px solid #d5e5d6;background:#fff;color:#265a45;padding:9px 14px;border-radius:10px}.c22-choose button.active{background:#245b49;color:white}.c22-hint{background:#eaf3e9;color:#345b46;padding:16px;border-radius:12px}.c22-note{padding:14px;border:1px solid #e3ebdf;border-radius:12px;background:#f6faf5;color:#486653;font-size:13px;line-height:1.7}.c22-original-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.c22-original-gallery a{border:1px solid #dfebdf;border-radius:12px;padding:8px;display:block;text-align:center;color:#245b49;text-decoration:none}.c22-original-gallery img{width:100%;max-height:240px;object-fit:contain}.c22-hero img{max-height:250px}.c22-lesson img{max-width:420px;max-height:245px}.c22-lines button{margin-right:12px}.c22-ex textarea{font-size:16px}.c22-grid .c22-index{position:sticky;top:84px}@media(max-width:800px){.c22-grid .c22-index{position:static}.c22-original-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.c22-original-lines p{font-size:18px}.c22-hero img{max-height:190px}}