.teaching-thumb{background:#f0f8f6;border:1px solid #cce0da;border-radius:16px;overflow:hidden}.teaching-thumb canvas{display:block;width:100%;height:auto}.teaching-thumb-caption{display:block;padding:10px 14px;font-size:13px;color:#31595c}.teaching-workbench{padding:26px;border:1px solid #bcd8d2;border-radius:20px;background:linear-gradient(120deg,#f5fbf9,#fffaf0);margin:20px 0}.teaching-workbench h3{font-size:26px;margin:8px 0 20px}.teaching-tabs,.teaching-points,.teaching-sequence{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.teaching-tabs .btn[aria-pressed=true],.teaching-points .btn[aria-pressed=true],.teaching-sequence .btn[aria-pressed=true]{background:#076b62;color:#fff}.teaching-stage{background:white;border:1px solid #c9ddd9;border-radius:16px;padding:24px;font-size:18px;line-height:1.6;min-height:250px}.teaching-stage canvas{width:100%;height:auto;display:block;border-radius:12px}.teaching-stage fieldset{border:1px solid #bbd4d0;border-radius:14px;padding:16px;margin:18px 0;min-width:0}.teaching-stage legend{font-weight:700;max-width:100%}.teaching-stage fieldset button{display:block;width:100%;text-align:left;white-space:normal;margin:10px 0;line-height:1.5}.teaching-stage fieldset button[aria-pressed=true]{border:2px solid #076b62}.teaching-stage label,.teaching-calculator label{display:block;font-size:16px;margin:12px 0}.teaching-stage input,.teaching-stage select,.teaching-stage textarea{width:100%;max-width:100%;font-size:17px}.teaching-stage textarea{min-height:85px}.teaching-feedback:not(:empty),.teaching-instruction{background:#e8f4ee;padding:20px;border-left:5px solid #147b6c;border-radius:8px}.teaching-alert{background:#fff1e9;border:1px solid #ce9d83;border-radius:10px;padding:14px;color:#6c3223}.teaching-alert summary,.teaching-full-guide>summary{cursor:pointer;font-weight:700;min-height:36px}.teaching-full-guide{border:1px solid #c8dcd6;padding:18px;border-radius:14px;margin:18px 0}.teaching-caution{background:#fff2d8;padding:16px;border-radius:10px}.teaching-calculator{background:#f5f8fb;border-radius:14px;padding:20px;margin-top:20px;border:1px solid #bdcedc}.teaching-calculator output{display:block;background:#123f45;color:white;padding:18px;font-size:23px;border-radius:10px}.teaching-rescue button{display:block;width:100%;text-align:left;margin:12px 0;white-space:normal;line-height:1.5}.teaching-rescue button[aria-pressed=true]{border:3px solid #0d7569;background:#edf9f3}.teaching-workbench button:focus-visible,.guided-history button:focus-visible{outline:3px solid #ce9d25;outline-offset:3px}.guided-history{border:1px solid #b6d4cc;border-radius:14px;padding:20px;background:#f3faf7;margin-bottom:20px}.guided-history .guided-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guided-history label{display:block}.guided-history textarea{width:100%;min-height:80px}.guided-history .guided-draft{width:100%;min-height:180px}.guided-history details{margin-top:12px}.guided-history output{display:block;padding:14px;background:#e6f2ec}.guided-history .action-row{flex-wrap:wrap}.guided-history .notice{margin:12px 0}.guided-history [hidden]{display:none!important}
@media(max-width:650px){.teaching-workbench{padding:14px}.teaching-workbench h3{font-size:22px}.teaching-stage{padding:14px;font-size:17px}.teaching-tabs .btn{flex:1 1 40%;font-size:14px;padding:10px}.teaching-points .btn{flex:1 1 100%;white-space:normal}.guided-history .guided-fields{grid-template-columns:1fr}.teaching-stage canvas{min-height:0}}
.guided-history small{display:block;margin:6px 0;line-height:1.5}.guided-history .action-row .btn[aria-pressed=true]{background:#076b62;color:#fff}.food-portion-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.food-metric{padding:18px 12px;border-radius:12px;background:#e5f1ec;border:1px solid #b3d0c5}.food-metric span{display:block;font-size:14px}.food-metric strong{display:block;font-size:28px;color:#15534c;margin-top:6px}.teaching-stage canvas{cursor:pointer}.teaching-thumb canvas{pointer-events:none}
@media(max-width:650px){.food-portion-result{grid-template-columns:1fr}.food-metric{display:flex;align-items:center;justify-content:space-between}}
@media print{.teaching-workbench,.teaching-stage{padding:8px;background:white}.teaching-tabs,.teaching-points,.teaching-sequence{display:none}.teaching-alert{display:block}.teaching-alert>p{display:block}.teaching-full-guide{display:block}.teaching-full-guide>.library-action-layout{display:block}.teaching-full-guide>summary{display:none}.guided-history{display:none}}
