.sma-depth .sma-lesson-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;padding:.8rem;border:1px solid #d6e4dd;background:#f4f8f5;border-radius:16px}
.sma-depth .sma-lesson-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .9rem;border:1px solid #ccded3;border-radius:999px;background:#fff;color:#245b44;font-size:.9rem;font-weight:650;text-decoration:none}
.sma-depth .sma-lesson-nav a:hover{background:#e5f0e9;border-color:#547d66}
.sma-depth a:focus-visible,.sma-depth summary:focus-visible,.sma-depth button:focus-visible,.sma-depth input:focus-visible{outline:3px solid #b26b1a;outline-offset:4px}
.sma-depth .sma-source-note{border-left:3px solid #b7cdbf;padding:.6rem 1rem;font-size:.9rem;color:#56685e;line-height:1.65}
.sma-depth .mt-example{border:1px solid #cddfd2;border-radius:18px;background:linear-gradient(130deg,#f0f7f1,#fff);padding:1.2rem 1.4rem}
.sma-depth .mt-example li{padding:.35rem 0 .35rem .3rem}
.sma-depth .mt-question{border-radius:16px;border:1px solid #d9e4dc;padding:1.1rem;margin:1rem 0;background:#fff}
.sma-depth .mt-check fieldset{display:grid;gap:.5rem;border:0;padding:0;min-width:0}
.sma-depth .mt-check label{display:flex;gap:.6rem;align-items:flex-start;border:1px solid #d8e4dc;border-radius:10px;padding:.75rem;line-height:1.6;min-height:44px}
.sma-depth .mt-check label:has(input:checked){background:#eaf3ed;border-color:#4d7c61}
.sma-depth .mt-check input[type=radio]{flex-shrink:0;margin-top:.4rem;accent-color:#2c6b4f}
.sma-depth .mt-result:not(:empty){padding:.9rem;border-radius:10px;line-height:1.7}
.sma-depth .mt-result[data-state=incorrect]{background:#fff4e5;color:#754a13}
.sma-depth .mt-result[data-state=correct]{background:#e7f4eb;color:#245b38}
.sma-depth .mt-table-wrap{border:1px solid #d6e3da;border-radius:14px;overflow:auto}
.sma-depth .mt-table-wrap table{margin:0;width:100%;min-width:0}
.sma-depth .mt-table-wrap th,.sma-depth .mt-table-wrap td{overflow-wrap:anywhere}
.sma-depth .sma-references{margin-top:1.5rem;padding:1rem;border:1px solid #d6e3da;border-radius:14px;background:#f8faf8}
.sma-depth .sma-references li{margin:.8rem 0;overflow-wrap:anywhere}
.sma-depth [id]{scroll-margin-top:140px}
@media(min-width:761px) and (max-width:1200px){
 body:not(.lib-focus-mode) .library-layout:has(.sma-depth) .lib-topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding:12px 24px}
 body:not(.lib-focus-mode) .library-layout:has(.sma-depth) .lib-topbar-left{flex:1;min-width:0}
 body:not(.lib-focus-mode) .library-layout:has(.sma-depth) .lib-topbar-actions{margin-left:auto;max-width:100%;flex-wrap:wrap}
 body:not(.lib-focus-mode) .library-layout:has(.sma-depth) .lib-primary-nav{order:3;flex-basis:100%;height:40px;overflow-x:auto}
}
@media(max-width:760px){
 .library-layout:has(.sma-depth) .lib-focus-toggle svg{display:block}
 .library-layout:has(.sma-depth) .lib-focus-toggle span{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}
@media(max-width:600px){.sma-depth .mt-example,.sma-depth .mt-question{padding:.85rem}.sma-depth .sma-lesson-nav{padding:.6rem}.sma-depth .sma-lesson-nav a{padding:.4rem .7rem}.sma-depth .mt-check button{width:100%;min-height:44px}.sma-depth .mt-prose{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.sma-depth *{scroll-behavior:auto!important}}
