.teaching-local-panel { box-sizing: border-box; width: 100%; max-width: 52rem; margin: auto; padding: 12px; color: #173b32; background: #f7faf7; font: 1rem/1.6 system-ui, sans-serif; overflow-wrap: anywhere; position: relative; }
.teaching-local-panel * { box-sizing: border-box; min-width: 0; }
.teaching-local-panel header { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 54px; }
.teaching-local-panel header [data-action="back"] { position: absolute; left: 0; top: 0; }
.teaching-local-panel h1 { font-size: 1.5rem; flex: 1 1 100%; margin: 0; }
.teaching-local-panel h2 { font-size: 1.2rem; }
.teaching-local-panel h3, .teaching-local-panel h4 { font-size:17px; }
.teaching-local-panel button, .teaching-local-panel input, .teaching-local-panel summary { min-height: 44px; min-width: 44px; font: inherit; }
.teaching-local-panel button { padding: 8px 12px; margin: 4px; border: 1px solid #315f51; border-radius: 8px; background: #fff; color: #173b32; cursor: pointer; white-space: normal; max-width: 100%; }
.teaching-local-panel button:disabled { opacity: .6; cursor: default; }
.teaching-local-panel :focus-visible { outline: 3px solid #9b5800; outline-offset: 3px; }
.teaching-local-panel input { width: 100%; padding: 8px; border: 1px solid #63766c; border-radius: 5px; background: #fff; color: #142f29; }
.teaching-local-panel label { display: block; margin-bottom: 4px; }
.teaching-local-panel fieldset { margin: 12px 0; padding: 10px; border: 1px solid #789487; }
.teaching-local-panel legend { padding: 0 4px; }
.teaching-reference-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.teaching-field { margin-bottom: 8px; }
.teaching-local-panel article, .teaching-local-panel form { margin: 16px 0; padding: 12px; border: 1px solid #789487; border-radius: 8px; background: #fff; }
.teaching-local-panel dt { font-weight: 600; }
.teaching-local-panel dd { margin: 0 0 8px; }
.teaching-local-panel ul { padding-inline-start: 20px; }
.teaching-local-panel summary { padding: 8px; cursor: pointer; }
.teaching-local-panel details section { border-top: 1px solid #789487; }
.teaching-synthetic { font-weight: 700; padding: 8px; border: 2px solid #6e5721; color: #58430b; background: #fff6d6; }
.teaching-hint { font-size:17px; }
.teaching-local-panel [role="alert"] { border-inline-start: 4px solid #934424; padding-inline-start: 10px; }
.teaching-local-panel [inert] { pointer-events: none; user-select: none; opacity: .35; }
.teaching-confirmation { position: absolute; inset-inline: 12px; top: 12px; z-index: 1; padding: 16px; border: 2px solid #315f51; border-radius: 8px; background: #fff; box-shadow: 0 8px 30px #173b3240; }
@media (max-width: 430px) { .teaching-local-panel { padding: 8px; } .teaching-local-panel article, .teaching-local-panel form { padding: 10px; } .teaching-actions button { width: 100%; margin: 4px 0; } }
@media (prefers-reduced-motion: reduce) { .teaching-local-panel * { scroll-behavior: auto; } }