*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{background:var(--bg);color:var(--text);font:15px/1.6 var(--font-ui)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,select,textarea,summary{touch-action:manipulation}a{color:var(--accent);overflow-wrap:anywhere}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,p{margin:0 0 12px}h1,h2,h3{font-family:var(--font-display);line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(27px,3.2vw,42px);font-weight:700}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}small{font-size:12px}button{color:inherit}ul,ol{padding-left:24px}li{margin-bottom:8px}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--surface);padding:12px}.skip-link:focus{top:10px}.ssd-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.ssd-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent)}.ssd-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ssd-btn.primary:hover:not(:disabled){background:var(--accent-600)}.ssd-btn.danger{color:var(--coral-700)}.ssd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ssd-shell{display:flex;min-height:100vh}.ssd-sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--border);padding:32px 18px;display:flex;flex-direction:column;z-index:20}.ssd-brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px;border:0;background:transparent;text-align:left;font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-1px}.ssd-brand img{width:44px;height:44px;object-fit:contain;border-radius:8px;flex-shrink:0}.ssd-brand small{display:block;font:10px var(--font-ui);color:var(--text-2);letter-spacing:0;white-space:nowrap;margin-top:4px}.ssd-sidebar nav{display:grid;gap:7px}.ssd-sidebar nav button{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:transparent;border-radius:12px;min-height:49px;padding:11px 16px;font-weight:600;color:var(--text-2)}.ssd-sidebar nav button span{font-size:25px;width:26px;line-height:1}.ssd-sidebar nav button.active{background:var(--accent-soft);color:var(--accent)}.ssd-sidebar nav button:hover{background:var(--surface-2)}.ssd-nav-separator{height:1px;background:var(--border);margin:15px 12px}.ssd-sidebar-footer{margin-top:auto;padding:30px 10px 0}.ssd-sidebar-footer img{width:165px;max-height:65px}.ssd-sidebar-footer p{color:var(--text-2);font-size:12px;margin-top:9px}.ssd-main{margin-left:244px;width:calc(100% - 244px);min-width:0}.ssd-topbar{height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 38px;background:var(--surface)}.ssd-topbar-brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;text-align:left}.ssd-topbar-brand img{width:52px;height:52px;object-fit:contain;border-radius:8px;flex-shrink:0}.ssd-topbar-title{font-size:13px;color:var(--text-2);white-space:nowrap}.ssd-topbar .ssd-btn{padding:9px 12px}.ssd-profile-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssd-mobile-brand{display:none}.ssd-content{max-width:1500px;padding:36px 40px 60px;margin:auto}.ssd-content>section,.ssd-content>.ssd-card,.ssd-content>.ssd-columns{margin-bottom:30px}.ssd-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.ssd-eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;color:var(--accent);font-weight:800;line-height:1.8;margin-bottom:8px}.ssd-description{color:var(--text-2);margin-bottom:0}.ssd-hero{display:flex;justify-content:space-between;gap:25px;overflow:hidden;position:relative;border:1px solid var(--border);border-radius:24px;padding:36px;background:linear-gradient(115deg,var(--surface) 0%,var(--accent-soft) 100%)}.ssd-hero h2{font-size:clamp(26px,3vw,38px);max-width:540px;margin-bottom:12px}.ssd-hero p{color:var(--text-2);margin-bottom:23px}.ssd-hero-art{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:220px;align-self:center}.ssd-hero-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px}.ssd-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0 32px}.ssd-stat{position:relative;text-align:left;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:20px;min-width:0}.ssd-stat strong{font-family:var(--font-display);font-size:32px;font-weight:700;display:block;line-height:1.2;margin-bottom:6px}.ssd-stat span{color:var(--text-2);font-size:13px}.ssd-stat span+span{position:absolute;right:18px;top:18px}.ssd-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ssd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.ssd-stack{display:grid;gap:16px}.ssd-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:24px;min-width:0;overflow-wrap:anywhere;box-shadow:0 2px 3px rgba(25,23,49,.02)}.ssd-card.mine{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.ssd-card h3{margin-top:12px}.ssd-card p:last-child{margin-bottom:0}.ssd-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ssd-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.ssd-section-title h2{margin:0;font-size:21px}.ssd-section-title .ssd-btn{border:0;background:transparent;font-size:12px;color:var(--accent);padding:8px 0}.ssd-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:var(--surface-3);color:var(--text-2);font-weight:700;font-size:11px;line-height:1.6;white-space:nowrap}.ssd-badge.published,.ssd-badge.done,.ssd-badge.ok,.ssd-badge.valid,.ssd-badge.approved,.ssd-badge.basic{background:var(--st-done-bg);color:var(--st-done)}.ssd-badge.claimed,.ssd-badge.reviewed,.ssd-badge.info,.ssd-badge.planned{background:var(--accent-soft);color:var(--accent)}.ssd-badge.low,.ssd-badge.soon,.ssd-badge.advanced{background:var(--pri-med-bg);color:var(--pri-med)}.ssd-badge.expired,.ssd-badge.empty,.ssd-badge.rejected,.ssd-badge.pro{background:var(--pri-high-bg);color:var(--pri-high)}.ssd-muted{color:var(--text-2);font-size:14px}.ssd-red{color:var(--pri-high);font-weight:600}.ssd-time{font-weight:700;color:var(--accent);font-size:19px}.ssd-hint{background:var(--accent-soft);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text-2)}.ssd-notice{border:1px solid var(--border);background:var(--accent-soft);padding:20px 24px;border-radius:16px;margin-bottom:25px}.ssd-notice p{margin-top:4px}.ssd-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;border:1px dashed var(--border-strong);border-radius:16px;color:var(--text-2);font-size:14px;background:var(--surface-2)}.ssd-empty>span{font-size:28px;color:var(--accent)}.ssd-empty p{margin:5px 0;max-width:460px}.ssd-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid var(--border)}.ssd-card-actions .ssd-btn{font-size:12px;min-height:44px}.ssd-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow:auto}.ssd-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 16px;color:var(--text-2);font-size:14px;font-weight:700;white-space:nowrap;min-height:48px}.ssd-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.ssd-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ssd-toolbar .ssd-field{min-width:170px;margin:0;flex:1}.ssd-toolbar .ssd-field input,.ssd-toolbar .ssd-field select{min-height:44px}.ssd-segment{display:flex;background:var(--surface);padding:4px;border:1px solid var(--border);border-radius:12px;gap:3px}.ssd-segment button{min-height:40px;background:transparent;border:0;border-radius:8px;font-size:13px;padding:8px 14px}.ssd-segment button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.ssd-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:24px}.ssd-calendar.day{grid-template-columns:1fr}.ssd-calendar-day{border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);min-height:125px;padding:12px 8px}.ssd-calendar-day>strong{font-size:11px;color:var(--text-2);display:block;margin-bottom:12px}.ssd-calendar-day.is-today{background:var(--accent-soft)}.ssd-calendar-duty{display:block;text-align:left;width:100%;background:var(--surface-2);border:1px solid var(--border);padding:8px 7px;border-radius:8px;margin-bottom:7px;line-height:1.4;font-size:11px;overflow-wrap:anywhere}.ssd-calendar-duty.mine{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ssd-calendar-duty span,.ssd-calendar-duty b,.ssd-calendar-duty small{display:block}.ssd-calendar-duty b{margin-top:3px}.ssd-safety{padding:16px 20px;border:1px solid var(--border-strong);border-left:4px solid var(--amber);border-radius:12px;background:var(--surface-2);font-size:13px;color:var(--text-2);margin-bottom:24px}.ssd-knowledge-search{display:flex;gap:14px;align-items:center;padding:16px 24px;border:1px solid var(--accent);border-radius:16px;background:var(--surface);margin-bottom:24px;box-shadow:0 0 0 4px var(--accent-tint)}.ssd-knowledge-search span{font-size:30px;color:var(--accent)}.ssd-knowledge-search input{width:100%;min-width:0;min-height:44px;background:transparent;border:0;font-size:20px;color:var(--text);outline-offset:5px}.ssd-article-preview{position:relative}.ssd-card-link{display:block;width:100%;border:0;background:transparent;text-align:left;padding:0;min-height:120px}.ssd-card-link h3{font-size:24px}.ssd-card-link p{color:var(--text-2)}.ssd-card-link>span{font-size:13px;color:var(--accent);font-weight:700}.ssd-article-section{margin-top:26px;border-top:1px solid var(--border);padding-top:20px}.ssd-article-section h3{font-size:20px}.ssd-article-section li{padding-left:5px;margin-bottom:10px}.ssd-stock strong{font-size:32px;font-family:var(--font-display);color:var(--accent)}.ssd-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(14,12,36,.5);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.ssd-modal{width:560px;max-width:100%;max-height:92vh;overflow:auto;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--sh-pop)}.ssd-modal.wide{width:840px}.ssd-modal>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;position:sticky;top:-26px;background:var(--surface);padding:12px 0;z-index:2}.ssd-modal>header h2{margin:0}.ssd-modal form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.ssd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ssd-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:4px}.ssd-field.full,.ssd-form-grid>.full{grid-column:1/-1}.ssd-field label{font-weight:700;font-size:13px;color:var(--text-2)}.ssd-field input,.ssd-field select,.ssd-field textarea{width:100%;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--text);min-height:46px;padding:10px 12px}.ssd-field textarea{resize:vertical}.ssd-field input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--accent)}.ssd-field small{color:var(--text-2)}.ssd-multi{grid-column:1/-1;border:1px solid var(--border);border-radius:12px;padding:14px;min-width:0}.ssd-multi legend{font-size:13px;font-weight:700}.ssd-multi>div{display:flex;flex-wrap:wrap;gap:10px 20px;max-height:210px;overflow:auto}.ssd-multi label{display:flex;align-items:center;gap:9px;min-height:36px}.ssd-multi input{width:19px;height:19px;accent-color:var(--accent)}.ssd-error{background:var(--pri-high-bg);color:var(--pri-high);border-radius:10px;padding:12px;margin-top:16px;overflow-wrap:anywhere}.ssd-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--surface);padding:16px 22px;border-radius:14px;box-shadow:var(--sh-3);z-index:200;max-width:min(92vw,640px);display:flex;align-items:center;gap:20px;line-height:1.4}.ssd-toast button{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px}.ssd-bottom-nav{display:none}.ssd-footer{padding:20px 40px;border-top:1px solid var(--border);font-size:11px;color:var(--text-2);text-align:center}.ssd-offline-banner{padding:12px 25px;background:var(--accent-soft);color:var(--accent);font-size:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ssd-offline-banner .ssd-btn{font-size:12px}.ssd-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.ssd-login-story{background:linear-gradient(155deg,#312f80,#524fbd);color:white;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.ssd-login-story:after{content:'';position:absolute;width:500px;height:500px;right:-300px;bottom:-180px;border:70px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}.ssd-login-story>img{width:210px;max-height:90px;background:rgba(255,255,255,.94);border-radius:12px;padding:12px}.ssd-login-story h1{font-size:clamp(40px,5vw,76px);margin-bottom:28px}.ssd-login-story p{font-size:20px;color:#e2e0ff}.ssd-login-story .ssd-eyebrow{font-size:11px;letter-spacing:2px;color:#c9c6fc;margin-bottom:22px}.ssd-login-story small{color:#cfccf4;font-size:12px}.ssd-login-features{display:grid;gap:12px;margin-top:36px;font-size:15px}.ssd-login-features span{padding:12px 18px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.06);width:fit-content}.ssd-login-form{padding:38px 60px;display:flex;flex-direction:column;justify-content:space-between;gap:35px;min-width:0}.ssd-login-top{display:flex;justify-content:space-between;align-items:center}.ssd-login-top img{width:80px;height:80px;object-fit:contain;border-radius:12px}.ssd-login-form>div:nth-child(2){max-width:420px;width:100%;margin:auto}.ssd-login-form h2{font-size:34px;margin:12px 0}.ssd-login-form form{display:grid;gap:19px;margin-top:30px}.ssd-login-form form .ssd-btn{min-height:50px}.ssd-login-help{font-size:12px;margin-top:24px}.ssd-login-foot{font-size:11px;color:var(--text-2);text-align:center}.ssd-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.ssd-loading img{width:80px;height:80px;object-fit:contain;border-radius:12px}.ssd-member-header{display:flex;gap:15px;align-items:center}.ssd-member-header h3{margin:0 0 5px}.ssd-avatar{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:700;flex-shrink:0}.ssd-progress{margin-bottom:20px}.ssd-progress progress{width:100%;height:10px;appearance:none;margin-top:9px}.ssd-progress progress::-webkit-progress-bar{background:var(--surface-3);border-radius:10px}.ssd-progress progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.ssd-progress progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.ssd-list-link{display:block;text-align:left;min-height:50px;width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--accent);font-weight:600}.ssd-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-2);background:var(--surface-2)}details{margin:18px 0}summary{font-weight:700;cursor:pointer;min-height:44px}.ssd-training-question{font-size:24px;margin:20px 0}.ssd-answer-options{display:grid;gap:12px;margin:20px 0}.ssd-answer{min-height:60px;border:1px solid var(--border-strong);background:var(--surface-2);text-align:left;padding:16px 20px;border-radius:12px;font-weight:600}.ssd-answer.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ssd-order{padding-left:25px}.ssd-order li{display:flex;align-items:center;gap:8px;background:var(--surface-2);padding:12px;border-radius:12px}.ssd-order li>span{flex:1}.ssd-bag{border:2px dashed var(--accent);background:var(--accent-soft);padding:24px;border-radius:16px;min-height:130px;margin:16px 0;text-align:center}.ssd-feedback{padding:24px;background:var(--surface-2);border-radius:16px;margin-top:20px}.ssd-feedback p{font-size:14px;margin-bottom:16px}.ssd-steps-editor{margin-top:30px}.ssd-step-editor{border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:20px;background:var(--surface-2)}.ssd-answer-editor{padding:16px;border:1px solid var(--border);border-radius:12px;margin:15px 0;background:var(--surface)}.ssd-step-editor>.ssd-row,.ssd-answer-editor>.ssd-row{margin-bottom:16px}:root[data-theme=dark] .ssd-badge{filter:brightness(1.2)}
@media(min-width:1600px){.ssd-content{padding:45px 60px}.ssd-hero{padding:48px}.ssd-hero-art{width:210px}}
@media(max-width:1150px){.ssd-sidebar{width:210px;padding:25px 12px}.ssd-main{margin-left:210px;width:calc(100% - 210px)}.ssd-brand{font-size:22px}.ssd-brand small{font-size:9px}.ssd-content{padding:28px 24px}.ssd-topbar{padding:12px 24px}.ssd-topbar-title{display:none}.ssd-topbar{justify-content:space-between}.ssd-hero-art{width:130px}.ssd-calendar{overflow-x:auto}.ssd-calendar-day{padding:10px 5px}.ssd-calendar-duty{font-size:10px}.ssd-stat{padding:16px}.ssd-stat-grid{gap:12px}.ssd-login-story,.ssd-login-form{padding:36px}.ssd-columns{gap:18px}}
@media(max-width:800px){.ssd-topbar-brand{display:none}.ssd-sidebar{display:none}.ssd-main{margin:0;width:100%}.ssd-topbar{height:70px;padding:10px 18px;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:25}.ssd-mobile-brand{display:flex;gap:7px;align-items:center;background:transparent;border:0;font-weight:800;font-family:var(--font-display);font-size:19px;white-space:nowrap;padding:0}.ssd-mobile-brand img{width:36px;height:36px;object-fit:contain;border-radius:6px}.ssd-topbar .ssd-actions{gap:5px;flex-wrap:nowrap}.ssd-topbar .ssd-btn{min-width:40px;min-height:44px;font-size:12px;padding:8px}.ssd-profile-name{display:none}.ssd-topbar .ssd-actions>.ssd-btn:last-child{font-size:10px}.ssd-content{padding:25px 20px 30px}.ssd-bottom-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -5px 20px rgba(0,0,0,.03)}.ssd-bottom-nav button{min-height:53px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:10px;background:transparent;color:var(--text-2)}.ssd-bottom-nav button>span{font-size:24px;line-height:1.1}.ssd-bottom-nav button>small{font-size:10px;font-weight:600}.ssd-bottom-nav button.active{color:var(--accent);background:var(--accent-soft)}.ssd-footer{margin-bottom:85px;padding:20px}.ssd-toast{bottom:95px}.ssd-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}.ssd-heading h1{font-size:31px}.ssd-heading .ssd-actions{gap:8px}.ssd-hero{padding:26px;border-radius:20px}.ssd-hero-art{width:150px}.ssd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-stat{padding:18px}.ssd-calendar.week,.ssd-calendar.month{grid-template-columns:repeat(7,minmax(95px,1fr));overflow:visible;min-width:665px}.ssd-calendar{margin-bottom:18px}.ssd-toolbar{gap:10px}.ssd-columns{grid-template-columns:1fr 1fr}.ssd-section-title{flex-wrap:wrap;gap:5px}.ssd-calendar.week,.ssd-calendar.month{display:flex;flex-wrap:wrap;min-width:0}.ssd-calendar.week .ssd-calendar-day,.ssd-calendar.month .ssd-calendar-day{flex:1 0 calc(100% / 3);min-width:0}.ssd-calendar.month .ssd-calendar-day{flex:1 0 calc(100% / 4)}.ssd-calendar-duty{font-size:11px}.ssd-calendar-day{min-height:100px}.ssd-login{grid-template-columns:1fr}.ssd-login-story{display:none}.ssd-login-form{min-height:100vh;padding:30px 26px}.ssd-modal-backdrop{padding:12px}.ssd-modal{padding:20px;border-radius:20px;max-height:94vh}.ssd-modal>header{top:-20px}.ssd-form-grid{gap:14px}.ssd-modal>header h2{font-size:22px}}
@media(max-width:520px){.ssd-content{padding:22px 16px 24px}.ssd-heading{margin-bottom:22px}.ssd-heading h1{font-size:29px}.ssd-description{font-size:14px}.ssd-hero{padding:24px 20px}.ssd-hero{flex-direction:column}.ssd-hero-art{width:150px;align-self:center}.ssd-hero h2{font-size:29px}.ssd-hero .ssd-actions{gap:8px}.ssd-hero .ssd-btn{font-size:12px;padding:10px 12px}.ssd-columns{grid-template-columns:1fr}.ssd-card{padding:20px}.ssd-stat-grid{gap:10px}.ssd-stat{padding:17px}.ssd-stat strong{font-size:30px}.ssd-toolbar .ssd-field{min-width:130px}.ssd-tabs button{padding:12px;font-size:13px}.ssd-form-grid{grid-template-columns:1fr}.ssd-knowledge-search{padding:12px 16px}.ssd-knowledge-search input{font-size:16px}.ssd-safety{padding:14px 16px;font-size:12px}.ssd-modal-backdrop{padding:8px}.ssd-modal{padding:17px}.ssd-modal>header{top:-17px}.ssd-row{gap:10px}.ssd-training-question{font-size:21px}.ssd-topbar{padding:10px 12px}.ssd-topbar .ssd-btn{min-width:35px;padding:8px 6px}.ssd-mobile-brand{font-size:17px}.ssd-topbar .ssd-actions{gap:3px}.ssd-card-actions .ssd-btn{padding:9px 11px}.ssd-badge{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.ssd-audit-details{display:block;color:var(--text-2);white-space:normal;max-width:280px}
.ssd-badge.published,.ssd-badge.done,.ssd-badge.ok,.ssd-badge.valid,.ssd-badge.approved,.ssd-badge.basic{background:#e4f4e5;color:#256a2c}.ssd-badge.low,.ssd-badge.soon,.ssd-badge.advanced{background:#fbeedd;color:#865010}.ssd-badge.expired,.ssd-badge.empty,.ssd-badge.rejected,.ssd-badge.pro{background:#fde7ea;color:#ad263d}
@media(max-width:800px){.ssd-topbar-brand{display:none}.ssd-topbar .ssd-btn{min-width:44px}.ssd-mobile-brand{gap:4px;font-size:16px}.ssd-mobile-brand img{width:32px;height:32px}.ssd-topbar .ssd-actions>.ssd-btn:last-child{min-width:48px}}
.ssd-password-input{display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);min-width:0}.ssd-password-input input{border:0;background:transparent;min-width:0;flex:1}.ssd-password-input button{border:0;background:transparent;min-height:44px;min-width:75px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--accent)}.ssd-input-wrap{min-width:0;width:100%}
.ssd-login{animation:ssd-login-arrive .6s ease-out both}
@keyframes ssd-login-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ssd-login{animation:none}}
/* Branded entrance: one measured reveal, then a smooth handoff to the app. */
.ssd-welcome{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(20px,3vw,40px);overflow:hidden;background:#0c1424;color:#f8faff;text-align:center;transition:opacity .5s ease,transform .5s ease}.ssd-welcome-atmosphere{position:absolute;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#36578070 0%,#172c4940 32%,transparent 62%),radial-gradient(ellipse at 16% 70%,#e51b3522,transparent 42%),radial-gradient(ellipse at 85% 20%,#485ac52b,transparent 44%)}.ssd-welcome::after{content:"";position:absolute;inset:16px;z-index:-1;border:1px solid #ffffff0d;border-radius:24px;pointer-events:none}.ssd-welcome-top{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;z-index:2}.ssd-welcome-brand{display:flex;align-items:center;gap:10px;font:700 14px var(--font-display);letter-spacing:2px}.ssd-welcome-brand>span{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#df1735;border-radius:10px;font-size:20px;box-shadow:0 0 28px #e51b3530}.ssd-welcome-skip{display:inline-flex;align-items:center;gap:16px;padding:10px 16px;min-height:44px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff06;color:#e6edf9;font-size:12px;transition:background .2s,border-color .2s}.ssd-welcome-skip:hover:not(:disabled){background:#ffffff12;border-color:#ffffff55}.ssd-welcome-skip:focus-visible{outline:3px solid #fff;outline-offset:4px}.ssd-welcome-content{width:100%;max-width:1100px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:36px}.ssd-welcome-emblem{position:relative;flex-shrink:0;width:min(86vw,44svh,540px);aspect-ratio:1;perspective:1000px}.ssd-welcome-logo{position:relative;width:100%;height:100%;padding:8%;border-radius:50%;background:#fff;box-shadow:0 32px 80px #0008,0 0 80px #5c91da30,0 0 0 1px #ffffff40;overflow:hidden;transform:translateZ(0)}.ssd-welcome-logo img{display:block;width:100%;height:100%;object-fit:contain}.ssd-welcome-orbit{position:absolute;inset:-6%;border:1px solid #bbd5ff24;border-radius:50%;pointer-events:none}.ssd-welcome-orbit.orbit-two{inset:-12%;border-color:#ffffff0b;border-top-color:#ff526746;border-bottom-color:#6aa7ff46;transform:rotate(-35deg)}.ssd-welcome-copy{width:100%;min-width:0;max-width:900px;position:relative}.ssd-welcome-kicker{font-size:10px;font-weight:700;letter-spacing:3px;color:#fc7c8d;margin-bottom:14px}.ssd-welcome h1{font-size:clamp(26px,3.2vw,46px);line-height:1.14;letter-spacing:-.035em;margin:0;text-wrap:balance;color:#fff}.ssd-welcome h1>span{display:block;font:400 clamp(15px,1.4vw,19px)/1.5 var(--font-ui);color:#aebed5;letter-spacing:0;margin-bottom:6px}.ssd-welcome-tagline{font-size:clamp(13px,1.2vw,16px);color:#aebed5;margin:16px 0 0;letter-spacing:.3px}.ssd-welcome-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:9px;letter-spacing:1.8px;color:#8294ad}.ssd-welcome-progress{width:120px;height:2px;background:#ffffff12;overflow:hidden;border-radius:2px}.ssd-welcome-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff3657,#90bdff);transform:scaleX(0);transform-origin:left}/* A repeating P–QRS–T trace scrolls at the same cadence as the heart. */
.ssd-welcome-vitals{--heartbeat-period:1.05s;display:flex;align-items:center;gap:18px;width:min(100%,500px);height:54px;margin:0 auto 22px}.ssd-welcome-heart{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0}.ssd-heart-icon{position:relative;display:block;width:38px;height:38px;transform-origin:50% 60%;will-change:transform}.ssd-welcome-heart svg{display:block;width:38px;height:38px;fill:#ff4062;filter:drop-shadow(0 0 9px #ff40624d);transform-box:view-box;transform-origin:50% 60%}.ssd-heart-aura{position:absolute;inset:6px;border:1px solid #ff40624d;border-radius:50%;opacity:0}.ssd-ekg-monitor{flex:1;min-width:0;height:54px;position:relative;overflow:hidden;border-radius:9px;background:linear-gradient(#65f1c309 1px,transparent 1px),linear-gradient(90deg,#65f1c309 1px,transparent 1px);background-size:18px 18px;box-shadow:inset 18px 0 18px -16px #0c1424,inset -18px 0 18px -16px #0c1424}.ssd-ekg-monitor::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c1424 0%,transparent 12%,transparent 88%,#0c1424 100%)}.ssd-ekg-track{width:840px;height:54px;will-change:transform}.ssd-ekg-monitor svg{display:block;width:840px;max-width:none;height:54px;overflow:visible;filter:drop-shadow(0 0 3px #65f1c360)}.ssd-ekg-track path{fill:none;stroke:#65f1c3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ssd-welcome.is-ready .ssd-ekg-track{animation:ssd-ekg-scroll var(--heartbeat-period) linear infinite}.ssd-welcome.is-ready .ssd-heart-icon{animation:ssd-heartbeat var(--heartbeat-period) ease-in-out infinite}.ssd-welcome.is-ready .ssd-heart-aura{animation:ssd-heart-aura var(--heartbeat-period) ease-out infinite}
.ssd-welcome:not(.is-ready) .ssd-welcome-emblem,.ssd-welcome:not(.is-ready) .ssd-welcome-copy{opacity:0}.ssd-welcome.is-ready .ssd-welcome-logo{animation:ssd-emblem-reveal 1.45s cubic-bezier(.16,1,.3,1) both,ssd-emblem-float 3.7s ease-in-out 1.45s forwards}.ssd-welcome.is-ready .ssd-welcome-orbit{animation:ssd-orbit-reveal 1.8s cubic-bezier(.16,1,.3,1) .15s both}.ssd-welcome.is-ready .orbit-two{animation:ssd-orbit-reveal 2.1s cubic-bezier(.16,1,.3,1) .3s both}.ssd-welcome.is-ready .ssd-welcome-copy{animation:ssd-copy-reveal 1s cubic-bezier(.16,1,.3,1) .65s both}.ssd-welcome.is-ready .ssd-welcome-progress>span{animation:ssd-intro-progress 5.2s linear forwards}.ssd-welcome.is-leaving{opacity:0;transform:scale(1.025);pointer-events:none}
@keyframes ssd-emblem-reveal{0%{opacity:0;transform:translateY(36px) rotateX(12deg) scale(.68);filter:blur(10px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}
@keyframes ssd-emblem-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015)}}
@keyframes ssd-orbit-reveal{from{opacity:0;transform:scale(.75) rotate(-70deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes ssd-copy-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ssd-ekg-scroll{from{transform:translateX(0)}to{transform:translateX(-280px)}}
@keyframes ssd-heartbeat{0%,18%,58%,100%{transform:scale(1)}28%{transform:scale(1.18)}36%{transform:scale(1.02)}44%{transform:scale(1.09)}}
@keyframes ssd-heartbeat-gentle{0%,18%,58%,100%{transform:scale(1)}28%{transform:scale(1.06)}36%{transform:scale(1.01)}44%{transform:scale(1.03)}}
@keyframes ssd-heart-aura{0%,20%{opacity:0;transform:scale(.85)}28%{opacity:.6}85%,100%{opacity:0;transform:scale(1.8)}}
@keyframes ssd-intro-progress{to{transform:scaleX(1)}}
@media(max-width:520px){.ssd-welcome{gap:24px;padding:20px 18px}.ssd-welcome::after{inset:8px;border-radius:18px}.ssd-welcome-content{gap:32px}.ssd-welcome-kicker{font-size:8px;letter-spacing:2px}.ssd-welcome-bottom{font-size:8px;letter-spacing:1px}.ssd-welcome h1{font-size:28px}.ssd-welcome-brand{font-size:12px;letter-spacing:1.5px}}
@media(max-height:560px) and (min-width:650px){.ssd-welcome-content{flex-direction:row;justify-content:center;gap:60px}.ssd-welcome-emblem{width:min(34vw,55svh,300px)}.ssd-welcome-copy{max-width:430px;text-align:left}.ssd-welcome h1{font-size:30px}.ssd-welcome-bottom{flex-direction:row;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ssd-welcome{transition:none}.ssd-welcome.is-ready .ssd-welcome-logo,.ssd-welcome.is-ready .ssd-welcome-orbit,.ssd-welcome.is-ready .ssd-welcome-copy,.ssd-welcome.is-ready .ssd-welcome-progress>span{animation:none;filter:none;opacity:1;transform:none}.ssd-welcome.is-ready .ssd-welcome-progress>span{transform:scaleX(1)}.ssd-welcome.is-ready .ssd-ekg-track,.ssd-welcome.is-ready .ssd-heart-aura{animation:none;transform:none}.ssd-welcome.is-ready .ssd-heart-icon{animation:ssd-heartbeat-gentle var(--heartbeat-period) ease-in-out infinite!important;filter:none}.ssd-welcome.is-ready .ssd-heart-aura{opacity:0}.ssd-welcome.is-leaving{transform:none}}
.ssd-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:20px}.ssd-video-card{min-width:0}.ssd-video-card h2{font-size:21px;line-height:1.4;margin-bottom:20px;overflow-wrap:anywhere}.ssd-video-player{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px}.ssd-video-player iframe{display:block;width:100%;height:100%;border:0}.ssd-video-preview{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:var(--surface-2);cursor:pointer}.ssd-video-preview img{width:100%;height:100%;object-fit:cover}.ssd-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:48px;background:var(--accent);color:white;border-radius:12px;font-size:24px;box-shadow:0 4px 20px #0005}.ssd-video-caption{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#000b;color:white;font-size:13px}.ssd-video-preview:hover .ssd-video-play{filter:brightness(1.15)}.ssd-video-form{margin-bottom:24px;max-width:760px}.ssd-video-form h2{margin-bottom:12px}.ssd-video-form form{display:grid;gap:16px;margin-top:20px}.ssd-video-form form>.ssd-btn{justify-self:start}.ssd-video-form-preview{display:flex;align-items:center;gap:16px;overflow-wrap:anywhere}.ssd-video-form-preview img{width:160px;max-width:40%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
@media(max-width:800px){.ssd-video-grid{grid-template-columns:1fr}}
@media(max-width:520px){.ssd-bottom-nav{padding-left:4px;padding-right:4px}}
.ssd-presentation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ssd-presentation-card{min-width:0}.ssd-presentation-card h2{font-size:21px;line-height:1.4;margin:18px 0 8px;overflow-wrap:anywhere}.ssd-presentation-card>.ssd-muted{margin-bottom:18px}.ssd-presentation-thumbnail{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-align:center}.ssd-presentation-thumbnail>button{position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:var(--surface-2)}.ssd-presentation-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.ssd-presentation-thumbnail button>span{position:absolute;bottom:0;left:0;right:0;padding:9px;background:#000b;color:white;font-size:13px}.ssd-presentation-thumbnail>div{padding:16px}.ssd-presentation-form{margin-bottom:24px;max-width:760px}.ssd-presentation-form h2{margin-bottom:12px}.ssd-presentation-form form{display:grid;gap:18px;margin-top:20px}.ssd-presentation-form input[type=file]{max-width:100%;padding:12px}.ssd-presentation-viewer iframe{display:block;width:100%;height:65vh;border:1px solid var(--border);border-radius:8px;margin-top:16px;background:var(--surface-2)}.ssd-presentation-viewer>.ssd-muted{margin-bottom:12px}
@media(max-width:800px){.ssd-presentation-grid{grid-template-columns:1fr}.ssd-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.ssd-footer{margin-bottom:145px}.ssd-toast{bottom:155px}}
@media(max-width:520px){.ssd-welcome-vitals{gap:12px;margin-bottom:18px}.ssd-welcome-content{gap:24px}}
/* Keep the entrance clear of iPhone sensor and home-indicator areas. */
.ssd-welcome{padding-top:max(clamp(20px,3vw,40px),env(safe-area-inset-top));padding-right:max(clamp(20px,3vw,40px),env(safe-area-inset-right));padding-bottom:max(clamp(20px,3vw,40px),env(safe-area-inset-bottom));padding-left:max(clamp(20px,3vw,40px),env(safe-area-inset-left))}
@media(max-width:520px){.ssd-welcome{padding-top:max(20px,env(safe-area-inset-top));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left))}.ssd-welcome-emblem{width:min(76vw,34svh,340px)}}
@media(max-width:520px) and (max-height:700px){.ssd-welcome{gap:16px}.ssd-welcome-content{gap:18px}.ssd-welcome-vitals{margin-bottom:12px}.ssd-welcome-tagline{margin-top:10px}.ssd-welcome-bottom{gap:10px}}
.ssd-welcome-sound{min-height:44px;margin:0 0 18px;padding:10px 18px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff08;color:#e6edf9;font:600 12px var(--font-ui);cursor:pointer}.ssd-welcome-sound[aria-pressed="true"]{border-color:#65f1c3;color:#65f1c3}.ssd-welcome-sound:focus-visible{outline:3px solid #fff;outline-offset:4px}.ssd-welcome-sound-error{color:#fc7c8d;font-size:12px;margin:0 0 12px}
/* Veranstaltungen: Monatskalender und private Materialien */
.ssd-event-calendar-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.ssd-event-calendar-toolbar h2{flex:1;margin:0;text-align:center}.ssd-event-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ssd-event-weekday{text-align:center;font-weight:700;padding:8px 0}.ssd-event-day{font:inherit;text-align:left;min-height:100px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px;overflow:hidden}.ssd-event-day.outside{opacity:.55}.ssd-event-day.has-events{background:var(--accent-soft);border-color:var(--accent)}.ssd-event-day.is-today strong{text-decoration:underline;text-underline-offset:4px}.ssd-event-day.selected{outline:3px solid var(--accent);outline-offset:-3px}.ssd-event-day:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ssd-event-day-title{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ssd-event-day small{font-size:.7rem}.ssd-event-selection{margin-top:24px}.ssd-event-selection>.ssd-card{margin-top:16px}.ssd-event-asset,.ssd-event-upload{border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:12px;overflow-wrap:anywhere}.ssd-event-upload{margin-bottom:20px}.ssd-event-video{width:100%;max-height:420px;background:#111;margin-bottom:12px}.ssd-event-resources .ssd-section-title{flex-wrap:wrap}
@media(max-width:600px){.ssd-event-calendar{gap:3px}.ssd-event-day{min-height:72px;padding:6px 3px;border-radius:6px}.ssd-event-day-title{display:none}.ssd-event-day small{font-size:.6rem}.ssd-event-calendar-toolbar{gap:6px}.ssd-event-calendar-toolbar h2{font-size:1.1rem}.ssd-event-calendar-toolbar .ssd-btn{padding:8px 10px}}
@media(max-width:800px){.ssd-footer{margin-bottom:205px}.ssd-toast{bottom:215px}.ssd-event-selection{scroll-margin-top:85px}}
.ssd-event-day{padding:0;cursor:default}.ssd-event-day-pick{font:inherit;background:transparent;border:0;border-radius:9px;color:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;padding:10px;width:100%;flex:1;min-height:85px}.ssd-event-day-pick:hover{background:var(--accent-tint)}.ssd-event-day-pick:focus-visible{outline-offset:-3px}.ssd-event-day .ssd-event-day-title{white-space:normal;overflow-wrap:anywhere;display:block}.ssd-event-link-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface);text-decoration:none;margin-bottom:8px;min-width:0}.ssd-event-link-preview:hover{border-color:var(--accent);background:var(--surface-2)}.ssd-event-link-preview>span{min-width:0;display:flex;flex-direction:column;gap:4px}.ssd-event-link-preview strong{color:var(--text);overflow-wrap:anywhere}.ssd-event-link-preview small{color:var(--text-2);overflow-wrap:anywhere}.ssd-event-link-preview img{width:100px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.ssd-event-link-preview.compact{margin:0 4px 4px;padding:6px;font-size:.75rem;line-height:1.3;align-items:start}.ssd-event-link-preview.compact small{font-size:.65rem}.ssd-event-link-form{margin:18px 0}.ssd-event-link-form form{display:grid;gap:12px}.ssd-event-selection .ssd-grid .ssd-card>.ssd-btn{margin:4px 4px 4px 0}
@media(max-width:600px){.ssd-event-day-pick{padding:6px 3px;min-height:65px}.ssd-event-day .ssd-event-day-title{font-size:.65rem}.ssd-event-link-preview.compact{padding:4px 2px;margin:0 2px 3px;font-size:.65rem}.ssd-event-link-preview.compact small{display:none}.ssd-event-link-preview img{width:75px}}
.ssd-event-link-preview.compact{min-height:44px}.ssd-event-link-form{scroll-margin-top:90px}
.ssd-avatar{overflow:hidden}.ssd-avatar img{display:block;width:100%;height:100%;object-fit:cover}.ssd-avatar.large{width:112px;height:112px;border-radius:24px;font-size:34px}.ssd-member-avatar-editor{border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center}.ssd-member-avatar-editor h3{grid-column:1/-1;margin:0}.ssd-member-avatar-preview{grid-row:span 2}.ssd-member-avatar-editor .ssd-field{margin:0}.ssd-member-avatar-editor .ssd-actions{grid-column:2}
.ssd-greeting{font-size:18px;font-weight:700}
.ssd-shell.sidebar-collapsed .ssd-sidebar{display:none}.ssd-shell.sidebar-collapsed .ssd-main{margin-left:0;width:100%}
@media(max-width:800px){.ssd-bottom-nav{display:flex;justify-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.ssd-bottom-nav::-webkit-scrollbar{display:none}.ssd-bottom-nav button{flex:1 0 72px;min-width:72px}}
.ssd-mobile-nav-hint{display:none}
@media(max-width:800px){.ssd-mobile-nav-hint{display:flex;align-items:center;justify-content:center;gap:7px;position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:31;max-width:calc(100vw - 24px);padding:5px 7px 5px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--text);color:var(--surface);box-shadow:0 4px 18px #0003;font-size:12px;line-height:1.25;white-space:nowrap}.ssd-mobile-nav-hint button{min-width:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:18px}.ssd-mobile-nav-hint button:hover{background:#ffffff22}}
/* Midnight & champagne refinements — only applied to the dark theme. */
:root[data-theme="dark"] body{background:radial-gradient(ellipse 72rem 42rem at 10% -14%,rgba(95,103,166,.16),transparent 68%),radial-gradient(ellipse 50rem 36rem at 100% 82%,rgba(216,195,152,.045),transparent 72%),var(--bg)}
:root[data-theme="dark"] .ssd-sidebar,:root[data-theme="dark"] .ssd-topbar{background:linear-gradient(180deg,var(--surface),var(--elevated));border-color:var(--border)}
:root[data-theme="dark"] .ssd-sidebar nav button.active,:root[data-theme="dark"] .ssd-bottom-nav button.active{color:var(--champagne);background:var(--champagne-soft);box-shadow:inset 0 0 0 1px var(--champagne-border)}
:root[data-theme="dark"] .ssd-card,:root[data-theme="dark"] .ssd-stat{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border);box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}
:root[data-theme="dark"] .ssd-card.mine{border-color:var(--champagne-border);box-shadow:inset 3px 0 var(--champagne),0 10px 28px rgba(0,0,0,.2)}
:root[data-theme="dark"] .ssd-tabs button[aria-selected=true]{color:var(--champagne);border-bottom-color:var(--champagne)}
:root[data-theme="dark"] .ssd-greeting{background:var(--champagne-soft);border-color:var(--champagne-border);color:var(--text)}
:root[data-theme="dark"] .ssd-modal-backdrop{background:var(--overlay)}
:root[data-theme="dark"] .ssd-modal{background:var(--elevated);border-color:var(--border-strong)}
:root[data-theme="dark"] .ssd-modal>header{background:var(--elevated)}
:root[data-theme="dark"] .ssd-toast{background:var(--elevated);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--sh-3)}
:root[data-theme="dark"] .ssd-login-story{background:radial-gradient(ellipse at 22% 8%,rgba(154,158,242,.16),transparent 48%),linear-gradient(150deg,#0C1420,#121B2A 72%,#182235);color:var(--text)}
:root[data-theme="dark"] .ssd-login-story:after{border-color:var(--champagne-border)}
:root[data-theme="dark"] .ssd-login-story .ssd-eyebrow{color:var(--champagne)}
:root[data-theme="dark"] .ssd-login-story p{color:#C1C9D5}
:root[data-theme="dark"] .ssd-login-story small{color:#9AA8BA}
:root[data-theme="dark"] .ssd-login-features span{border-color:rgba(216,195,152,.2);background:rgba(216,195,152,.045)}
:root[data-theme="dark"] .ssd-badge.published,:root[data-theme="dark"] .ssd-badge.done,:root[data-theme="dark"] .ssd-badge.ok,:root[data-theme="dark"] .ssd-badge.valid,:root[data-theme="dark"] .ssd-badge.approved,:root[data-theme="dark"] .ssd-badge.basic{background:var(--st-done-bg);color:var(--st-done)}
:root[data-theme="dark"] .ssd-badge.low,:root[data-theme="dark"] .ssd-badge.soon,:root[data-theme="dark"] .ssd-badge.advanced{background:var(--pri-med-bg);color:var(--pri-med)}
:root[data-theme="dark"] .ssd-badge.expired,:root[data-theme="dark"] .ssd-badge.empty,:root[data-theme="dark"] .ssd-badge.rejected,:root[data-theme="dark"] .ssd-badge.pro{background:var(--pri-high-bg);color:var(--pri-high)}
:root[data-theme="dark"] .ssd-sidebar-footer img{display:block;width:112px;height:112px;max-height:none;object-fit:contain;padding:8px;background:#FAFAF7;border:1px solid var(--champagne-border);border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 24px rgba(216,195,152,.06)}
:root[data-theme="dark"] .ssd-sidebar-footer p{margin-top:12px;color:var(--text-2)}
:is(.ssd-duty-table-wrap){overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin:18px 0 24px;background:var(--surface)}.ssd-duty-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:13px}.ssd-duty-table th,.ssd-duty-table td{padding:14px;vertical-align:top;border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:normal}.ssd-duty-table tr:last-child th,.ssd-duty-table tr:last-child td{border-bottom:0}.ssd-duty-table th:last-child,.ssd-duty-table td:last-child{border-right:0}.ssd-duty-table thead th{min-width:145px;text-align:center;background:var(--surface-2);font-weight:800}.ssd-duty-table th small,.ssd-duty-assignment small{display:block;color:var(--text-2);font-size:11px;font-weight:500;margin-top:3px}.ssd-duty-cell{display:grid;align-content:start;gap:9px;min-height:170px}.ssd-duty-period{padding-bottom:7px;border-bottom:1px solid var(--border);font-weight:800;color:var(--accent)}.ssd-duty-period small{display:block;color:var(--text-2);font-size:11px;font-weight:500;margin-top:2px}.ssd-duty-assignment{display:grid;gap:5px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow-wrap:anywhere}.ssd-duty-assignment>span{font-weight:700}.ssd-duty-assignment .ssd-btn,.ssd-duty-cell>.ssd-btn{min-height:38px;padding:7px 10px;font-size:12px}.ssd-duty-empty{color:var(--text-2);font-size:12px}
.ssd-participants{margin-bottom:24px}.ssd-participants .ssd-card-actions{margin:0;padding:0;border:0}
.ssd-duty-names{margin:0;padding-left:18px;font-weight:700}.ssd-duty-names li{margin-bottom:6px}
/* Keep upcoming events beside the team image at the top of the home page. */
.ssd-home-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;margin-bottom:28px}
.ssd-home-overview>*,.ssd-home-hero>div{min-width:0}.ssd-home-overview .ssd-team-visual{width:100%;margin:0}
.ssd-home-hero{padding:24px 28px;background:linear-gradient(135deg,var(--surface) 0%,var(--accent-soft) 100%)}
.ssd-home-hero h2{max-width:none;font-size:clamp(24px,2.5vw,34px)}
.ssd-team-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:20px;box-shadow:0 16px 42px rgba(24,22,68,.14)}
.ssd-team-visual figcaption{margin-top:12px;color:var(--text);font-size:16px;font-weight:700;line-height:1.5}
.ssd-team-visual figcaption small{display:block;margin-top:4px;color:var(--text-2);font-size:11px;font-weight:400}
.ssd-home-upcoming .ssd-section-title{margin-bottom:12px;flex-wrap:wrap}.ssd-home-upcoming h2{margin:0;font-size:clamp(23px,2.4vw,30px)}
.ssd-home-event-list{display:grid;gap:12px}.ssd-home-event-list .ssd-card{padding:16px 20px;margin:0;border-left:4px solid var(--accent);overflow-wrap:anywhere}
.ssd-home-event-list h3{margin:7px 0;font-size:20px}.ssd-home-event-list p{margin:6px 0 10px}.ssd-home-event-list .ssd-btn{padding:8px 12px}
@media(max-width:700px){.ssd-home-overview{grid-template-columns:minmax(0,1fr);gap:22px}.ssd-home-upcoming{grid-row:1}.ssd-home-hero{padding:24px 20px}.ssd-team-visual img{border-radius:14px}}
/* Editorial profile cards for the two responsible teachers. */
.ssd-teachers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1060px;margin:8px auto 30px}
.ssd-teacher-card{padding:0;overflow:hidden;border-radius:28px;box-shadow:0 12px 36px rgba(24,22,68,.06)}
.ssd-teacher-cover{position:relative;height:150px;padding:24px 28px;overflow:hidden;color:var(--accent);background:linear-gradient(125deg,var(--accent-soft),var(--surface-2));border-bottom:1px solid var(--border)}
.ssd-teacher-cover:after{content:'';position:absolute;width:260px;height:260px;right:-60px;top:-155px;border:35px solid var(--accent);opacity:.045;border-radius:50%;pointer-events:none}
.ssd-teacher-cover span{font-size:11px;font-weight:800;letter-spacing:2px}
.ssd-teacher-identity{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px 34px;margin-top:-80px}
.ssd-teacher-identity .ssd-teacher-avatar{width:190px;height:190px;overflow:hidden;border:8px solid var(--surface);border-radius:42px;background:linear-gradient(145deg,var(--accent-soft),var(--surface-3));box-shadow:0 12px 30px rgba(24,22,68,.12);font:700 58px var(--font-display);color:var(--accent);margin-bottom:24px}
.ssd-teacher-avatar img{object-fit:cover;object-position:center;transform:scale(1.03)}
.ssd-teacher-role{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1.7px;font-weight:800;color:var(--accent);margin-bottom:10px}
.ssd-teacher-identity h2{font-size:clamp(25px,2.4vw,33px);line-height:1.15;margin:0 0 12px;overflow-wrap:normal}
.ssd-teacher-school{font-size:13px;color:var(--text-2);margin:0}
.ssd-teacher-management{margin:0;padding:0 26px;border-top:1px solid var(--border);background:var(--surface-2)}
.ssd-teacher-management summary{padding:16px 0;font-size:12px;font-weight:600;color:var(--text-2)}
.ssd-teacher-tools{display:grid;gap:12px;padding:0 0 22px}.ssd-teacher-tools .ssd-btn{justify-self:start}.ssd-teacher-tools .ssd-field input{font-size:12px;min-width:0}.ssd-teacher-tools input::file-selector-button{border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;margin-right:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}
@media(max-width:650px){.ssd-teachers-grid{grid-template-columns:minmax(0,1fr);gap:22px;max-width:480px}.ssd-teacher-cover{height:135px}.ssd-teacher-identity{margin-top:-70px}.ssd-teacher-identity .ssd-teacher-avatar{width:176px;height:176px;border-radius:36px}.ssd-teacher-identity h2{font-size:29px}}
/* Compact illustrated introductions; motion finishes after the entrance. */
.ssd-section-intro{--art-color:var(--accent);display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:24px;padding:24px 30px;margin-bottom:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(120deg,var(--surface),var(--accent-soft));overflow:hidden}
.ssd-section-intro.tasks{background:linear-gradient(120deg,var(--surface),var(--surface-2));--art-color:#168477}
.ssd-section-intro.events{--art-color:var(--accent)}
.ssd-section-intro-copy{min-width:0}.ssd-section-intro h2{margin:10px 0;font-size:clamp(25px,3vw,36px);line-height:1.15;letter-spacing:-.8px}.ssd-section-intro p{max-width:58ch;color:var(--text-2);line-height:1.65;margin:0 0 16px}
.ssd-section-art{width:100%;max-width:280px;justify-self:center}.ssd-section-art svg{display:block;width:100%;height:auto;overflow:visible}
.ssd-art-halo{fill:var(--art-color);opacity:.08}.ssd-art-dot{fill:var(--art-color);opacity:.4}.ssd-art-spark{stroke:var(--art-color);stroke-width:3;stroke-linecap:round;opacity:.45}
.ssd-art-shadow{fill:var(--art-color);opacity:.12}.ssd-art-paper{fill:var(--surface);stroke:var(--border-strong);stroke-width:2}.ssd-art-accent{fill:var(--art-color)}
.ssd-art-box{fill:var(--art-color);fill-opacity:.1;stroke:var(--art-color);stroke-opacity:.25}.ssd-art-check{stroke:var(--art-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;animation:ssd-check-reveal 1s ease-out both}.check-0{animation-delay:.3s}.check-1{animation-delay:.7s}.check-2{animation-delay:1.1s}
.ssd-art-rule{stroke:var(--text-2);stroke-width:4;stroke-linecap:round;opacity:.3}.ssd-art-binding{stroke:var(--text-2);stroke-width:8;stroke-linecap:round}.ssd-art-day{fill:var(--art-color);opacity:.18}.ssd-art-selected{fill:var(--art-color)}
.ssd-art-calendar-ring{stroke:var(--art-color);stroke-width:3;animation:ssd-calendar-reveal 1.6s ease-out both;transform-origin:158px 144px}.ssd-art-seal{stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.ssd-art-float{animation:ssd-art-arrive 2.8s ease-in-out both;transform-origin:center}
.ssd-task-summary{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 24px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px}
.ssd-task-summary>div:not(.ssd-task-progress){display:flex;flex-direction:column;gap:3px}.ssd-task-summary strong{font-size:28px;line-height:1.1;color:var(--accent)}.ssd-task-summary span,.ssd-task-progress label{font-size:13px;color:var(--text-2)}
.ssd-task-progress{flex:1;min-width:160px;margin-left:auto}.ssd-task-progress progress{display:block;width:100%;height:8px;margin-top:9px;accent-color:#168477;border:0;border-radius:8px;overflow:hidden;background:var(--surface-2)}.ssd-task-progress progress::-webkit-progress-bar{background:var(--surface-2)}.ssd-task-progress progress::-webkit-progress-value{background:#168477;border-radius:8px}.ssd-task-progress progress::-moz-progress-bar{background:#168477;border-radius:8px}
@keyframes ssd-art-arrive{0%{opacity:0;transform:translateY(12px) rotate(-4deg)}35%{opacity:1;transform:translateY(-5px) rotate(2deg)}70%{transform:translateY(3px) rotate(-1deg)}100%{opacity:1;transform:none}}
@keyframes ssd-check-reveal{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
@keyframes ssd-calendar-reveal{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@media(max-width:1050px){.ssd-section-intro{grid-template-columns:minmax(0,1fr) 190px;padding:22px;gap:16px}}
@media(max-width:600px){.ssd-section-intro{grid-template-columns:minmax(0,1fr) 90px;padding:20px 16px;gap:12px;border-radius:18px}.ssd-section-intro h2{font-size:25px}.ssd-section-intro .ssd-eyebrow{font-size:10px;letter-spacing:1px}.ssd-section-intro p{font-size:13px}.ssd-section-intro .ssd-btn{font-size:12px;padding:10px}.ssd-task-summary{gap:18px;padding:18px}.ssd-task-progress{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.ssd-art-float,.ssd-art-check,.ssd-art-calendar-ring{animation:none;transform:none;opacity:1;stroke-dashoffset:0}}
/* Individual motifs share the same palette, layout and finite entrance motion. */
.ssd-section-intro.knowledge,.ssd-section-intro.materials{--art-color:#168477}
.ssd-section-intro.training,.ssd-section-intro.profile{--art-color:#a66520}
.ssd-section-intro.videos,.ssd-section-intro.presentations{--art-color:#6d51b8}
.ssd-section-intro.team,.ssd-section-intro.admin{--art-color:#376eaa}
.ssd-art-outline{stroke:var(--art-color);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.ssd-art-trace{stroke-dasharray:400;animation:ssd-art-draw 1.5s ease-out .4s both}
@keyframes ssd-art-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ssd-art-trace{animation:none;stroke-dashoffset:0}}
/* Compact event overview and original Johanniter image. */
.ssd-heading-title{display:flex;align-items:center;gap:16px}.ssd-heading-title h1{margin:0}.ssd-heading-title .ssd-section-art{--art-color:var(--accent);width:88px;flex:0 0 88px}.ssd-events-screen .ssd-heading{margin-bottom:16px;flex-wrap:wrap;gap:12px}.ssd-events-screen .ssd-heading .ssd-eyebrow{margin-bottom:0}.ssd-events-screen>.ssd-card{margin-bottom:16px;padding:16px 20px}
.ssd-tag-highlight{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}.ssd-tag-image-link{display:block;min-width:0;border-radius:10px;overflow:hidden;background:var(--surface-2)}.ssd-tag-image-link img{display:block;width:100%;height:120px;object-fit:contain}.ssd-tag-image-fallback{display:grid;place-items:center;min-height:120px;padding:12px;text-align:center;font-weight:700}.ssd-tag-highlight-copy{min-width:0}.ssd-tag-highlight-copy h2{margin:4px 0;font-size:22px}.ssd-tag-highlight-copy p{color:var(--text-2);margin:0 0 8px;font-size:13px}.ssd-tag-highlight-copy .ssd-btn{white-space:normal;text-align:center;text-decoration:none}.ssd-tag-highlight-copy small{display:inline-block;margin-left:12px;font-size:11px}
.ssd-event-upcoming{display:flex;align-items:center;justify-content:space-between;gap:16px}.ssd-event-upcoming h2{margin:4px 0 0;font-size:20px}.ssd-events-screen .ssd-event-calendar-card>p{font-size:12px;margin-bottom:8px}.ssd-events-screen .ssd-event-calendar-toolbar{margin-bottom:8px}.ssd-events-screen .ssd-event-day{min-height:64px}.ssd-events-screen .ssd-event-day-pick{min-height:64px;padding:7px}.ssd-events-screen .ssd-event-selection{margin-top:16px}
@media(max-width:700px){.ssd-events-screen .ssd-heading{flex-wrap:wrap;gap:10px}.ssd-events-screen .ssd-heading>div:first-child{width:100%}.ssd-heading-title{gap:8px}.ssd-heading-title h1{font-size:clamp(22px,6vw,27px);min-width:0}.ssd-heading-title .ssd-section-art{width:64px;flex-basis:64px}.ssd-events-screen>.ssd-card{padding:12px}.ssd-tag-highlight{grid-template-columns:110px minmax(0,1fr);gap:12px}.ssd-tag-image-link img{height:90px}.ssd-tag-image-fallback{min-height:90px;font-size:11px}.ssd-tag-highlight-copy h2{font-size:18px}.ssd-tag-highlight-copy .ssd-eyebrow{font-size:9px;letter-spacing:.5px}.ssd-tag-highlight-copy .ssd-btn{font-size:12px;padding:8px}.ssd-tag-highlight-copy small{display:block;margin:4px 0 0}.ssd-event-upcoming{flex-wrap:wrap;gap:8px}.ssd-event-upcoming h2{font-size:18px}.ssd-events-screen .ssd-event-day{min-height:52px}.ssd-events-screen .ssd-event-day-pick{min-height:52px;padding:5px 3px}}
/* Compact sidebar sections; the Home team photo keeps its generous size. */
.ssd-compact{padding:28px 32px 40px}.ssd-compact>section,.ssd-compact>.ssd-card,.ssd-compact>.ssd-columns{margin-bottom:18px}.ssd-compact .ssd-heading{margin-bottom:16px;flex-wrap:wrap;gap:12px}.ssd-compact .ssd-heading>div{min-width:0}.ssd-compact .ssd-heading h1{font-size:clamp(27px,3vw,36px);margin-bottom:6px}.ssd-compact .ssd-description{font-size:14px}
.ssd-compact .ssd-section-intro{grid-template-columns:minmax(0,1fr) 140px;gap:18px;padding:16px 20px;border-radius:20px}.ssd-compact .ssd-section-intro h2{font-size:clamp(22px,2.2vw,28px);margin:4px 0 6px}.ssd-compact .ssd-section-intro p{font-size:14px;line-height:1.5;margin:0}.ssd-compact .ssd-section-intro .ssd-btn{margin-top:10px}.ssd-compact .ssd-section-art{max-width:140px}
.ssd-compact .ssd-card{padding:18px}.ssd-compact .ssd-card h3{font-size:18px;margin-top:8px}.ssd-compact .ssd-card-actions{gap:8px;margin-top:12px;padding-top:10px}.ssd-compact .ssd-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.ssd-compact .ssd-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.ssd-compact .ssd-stack{gap:12px}.ssd-compact .ssd-toolbar{margin-bottom:16px;gap:12px}.ssd-compact .ssd-toolbar .ssd-field{min-width:0;flex:1 1 180px}.ssd-compact .ssd-stat-grid{gap:12px;margin:16px 0 18px}.ssd-compact .ssd-stat{padding:14px 16px}.ssd-compact .ssd-stat strong{font-size:27px}.ssd-compact .ssd-task-summary{gap:18px;padding:16px 20px;margin-bottom:16px}.ssd-compact .ssd-task-summary strong{font-size:26px}.ssd-compact .ssd-safety{padding:12px 16px;margin-bottom:16px}.ssd-compact .ssd-knowledge-search{padding:10px 16px;margin-bottom:16px}.ssd-compact .ssd-knowledge-search input{font-size:16px}.ssd-compact .ssd-tabs{margin-bottom:16px}.ssd-compact .ssd-tabs button{padding:10px 12px}
.ssd-compact .ssd-video-grid,.ssd-compact .ssd-presentation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.ssd-compact .ssd-video-player{margin-bottom:12px}.ssd-compact .ssd-video-card h2,.ssd-compact .ssd-presentation-card h2{font-size:19px;line-height:1.3;margin:12px 0 8px}.ssd-compact .ssd-presentation-card>.ssd-muted{margin-bottom:12px}
.ssd-compact .ssd-teachers-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;max-width:900px;margin:0 auto 18px}.ssd-compact .ssd-teacher-card{padding:0;border-radius:22px}.ssd-compact .ssd-teacher-cover{height:100px;padding:16px 20px}.ssd-compact .ssd-teacher-identity{margin-top:-50px;padding:0 18px 20px}.ssd-compact .ssd-teacher-identity .ssd-teacher-avatar{width:128px;height:128px;border-width:6px;border-radius:28px;margin-bottom:14px;font-size:40px}.ssd-compact .ssd-teacher-role{margin-bottom:6px;letter-spacing:1px}.ssd-compact .ssd-teacher-identity h2{font-size:25px;margin-bottom:8px;overflow-wrap:anywhere}.ssd-compact .ssd-teacher-management{padding:0 18px}.ssd-compact .ssd-teacher-management summary{padding:12px 0}
.ssd-home-overview{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}
@media(max-width:1050px){.ssd-compact{padding:24px}.ssd-compact .ssd-section-intro{grid-template-columns:minmax(0,1fr) 110px}.ssd-compact .ssd-section-art{max-width:110px}.ssd-home-overview{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}}
@media(max-width:800px){.ssd-compact{padding:20px}.ssd-compact .ssd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ssd-home-overview{grid-template-columns:minmax(0,1fr);gap:18px}.ssd-home-upcoming{grid-row:auto}}
@media(max-width:600px){.ssd-compact{padding:18px 16px 24px}.ssd-compact .ssd-section-intro{grid-template-columns:minmax(0,1fr) 76px;padding:14px;gap:10px;border-radius:18px}.ssd-compact .ssd-section-art{max-width:76px}.ssd-compact .ssd-section-intro h2{font-size:22px}.ssd-compact .ssd-section-intro p{font-size:13px}.ssd-compact .ssd-section-intro .ssd-eyebrow{font-size:9px;letter-spacing:.8px}.ssd-compact .ssd-card{padding:16px}.ssd-compact .ssd-teacher-card{padding:0}.ssd-compact .ssd-stat{padding:12px}.ssd-compact .ssd-task-summary{padding:14px;gap:14px}.ssd-compact .ssd-toolbar{gap:8px}.ssd-compact .ssd-toolbar .ssd-field{flex-basis:100%}.ssd-compact .ssd-video-grid,.ssd-compact .ssd-presentation-grid{grid-template-columns:minmax(0,1fr)}}
/* Keep all desktop navigation entries reachable on short displays. */
.ssd-sidebar{overflow-y:auto;overscroll-behavior-y:contain}