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