.learning-skip { position:fixed; left:1rem; top:-10rem; z-index:1000; background:#fff; color:#17374a; padding:1rem; }
.learning-skip:focus { top:1rem; }
.mobile-learning-menu > summary { display:none; }
.table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; margin:.5rem 0; }
.table-scroll:focus-visible, .draft-controls button:focus-visible, .mobile-learning-menu summary:focus-visible { outline:3px solid #1c637d; outline-offset:3px; }
.table-scroll table { margin:0; }
.draft-controls { padding:12px; margin-bottom:14px; border:1px solid #bacbd4; border-radius:8px; background:#f3f7f9; color:#283e4c; font-size:.88rem; line-height:1.5; grid-column:1 / -1; }
.draft-controls > div { display:flex; flex-wrap:wrap; gap:8px; }
.draft-controls button { min-height:44px; padding:8px 12px; border:1px solid #7f96a4; border-radius:6px; background:#fff; color:#203c4d; cursor:pointer; font:inherit; }
.draft-status { margin:10px 0 0; }
.cockpit-note { display:block !important; color:#465963; font-size:.8rem; }
.card-head h2 { scroll-margin-top:100px; }
@media (max-width:900px) {
  .mobile-learning-menu > summary { display:list-item; padding:14px; min-height:48px; border:1px solid #a9b9c2; border-radius:8px; background:#fff; font-weight:700; cursor:pointer; }
  .mobile-learning-menu:not([open]) > :not(summary) { display:none; }
  .mobile-learning-menu[open] > .panel { margin-top:8px; }
  .workspace, .app-shell > *, .form-card, .acc-body { min-width:0; }
  .table-scroll .data-table { min-width:540px; }
  input, textarea, select { max-width:100%; }
}
@media (max-width:560px) {
  .level-switch { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .level-btn { min-height:60px; min-width:0; padding:9px 6px; }
  .level-btn strong { overflow-wrap:anywhere; }
  .draft-controls button { flex:1 1 150px; }
}
@media print { .draft-controls, .learning-skip { display:none !important; } .table-scroll { overflow:visible; } }

.retrieval-card { margin:16px 0; padding:18px; border:1px solid #a8c0cd; border-left:4px solid #28647e; border-radius:8px; background:#f2f8fa; line-height:1.6; }
.retrieval-card summary { cursor:pointer; min-height:44px; padding:10px 0; font-weight:600; }