.ut-panel{padding:clamp(16px,3vw,28px);border:1px solid var(--app-line,#bed0c5);border-radius:20px;background:var(--app-card,#fff);color:var(--app-ink,#18392b)}.ut-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.ut-toolbar button,.ut-panel select{padding:10px 14px;border-radius:10px;border:1px solid #8da997;background:inherit;color:inherit;font:inherit}.ut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.ut-grid article{padding:18px;border-radius:14px;background:rgba(118,164,138,.13);display:grid;gap:8px}.ut-grid strong{font-size:30px}.ut-grid small,.ut-table small{display:block;font-size:13px;line-height:1.6;opacity:.8}.ut-panel p,.ut-panel details{line-height:1.8}.ut-note{padding:14px;border-left:3px solid #78a58d;background:rgba(118,164,138,.09)}.ut-table{overflow:auto;margin:14px 0 24px}.ut-table table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ut-table th,.ut-table td{padding:12px;border-bottom:1px solid #8da99755;vertical-align:top}.ut-table small{overflow-wrap:anywhere}.ut-panel h3{margin-top:26px}@media(max-width:680px){.ut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ut-toolbar button{flex:1}.ut-table th,.ut-table td{padding:10px 8px;min-width:65px}}

.ut-panel h2,.ut-panel h3,.ut-panel th,.ut-panel strong{color:inherit}.ut-panel{font-family:Sarabun,system-ui,sans-serif}.ut-toolbar button:focus-visible,.ut-panel select:focus-visible{outline:3px solid #78d5aa;outline-offset:2px}
.ut-panel table,.ut-panel td{color:inherit}
.ut-learning-health{min-width:0;border-top:1px solid #8da99755;margin-top:24px;padding-top:4px}.ut-learning-health p,.ut-learning-health li{overflow-wrap:anywhere}.ut-learning-health .ut-table{max-width:100%}.ut-learning-health .ut-table:focus-visible{outline:3px solid #78d5aa;outline-offset:2px}.ut-learning-health .ut-health-warning{padding:12px;border-left:3px solid #b68a39;background:rgba(182,138,57,.12)}.ut-learning-health summary{min-height:44px;cursor:pointer}