/* TutorIAMed - Bootstrap 5.3 theme */
:root{--navy:#171d39;--ink:#242b4a;--muted:#68738c;--accent:#5354d7;--line:#e8eaf2;--bs-body-font-family:"Segoe UI",system-ui,sans-serif;--bs-body-color:var(--ink);--bs-primary:#5354d7;--bs-primary-rgb:83,84,215;--bs-border-color:var(--line)}
body{background:#f5f6fb;font-size:14px;line-height:1.6}a{color:var(--accent)}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.skip-link{position:absolute;top:-70px;left:250px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--navy);color:#b3bbd6;display:flex;flex-direction:column;padding:30px 19px;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-size:22px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand-mark{width:37px;height:41px;background:#6767eb;border:1px solid #8e8ef6;border-radius:12px;display:grid;place-items:center;color:#fff;box-shadow:0 4px 18px #0c102e30}.brand-mark .icon{width:25px;height:25px}.brand-accent{color:#abaaff}.brand small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:500;color:#9ba6c9;margin-top:2px}.sidebar-label{font-size:9px;letter-spacing:2px;margin:55px 15px 12px;color:#939dbe}.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav a{color:#b9c2df;text-decoration:none;font-size:13px;display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:10px}.side-nav a:hover{background:#ffffff0b;color:#fff}.side-nav a.selected{color:#fff;background:#ffffff13;box-shadow:inset 3px 0 #9290ff}.side-nav .icon{width:18px;height:18px}.sidebar-note{border:1px solid #ffffff13;background:linear-gradient(135deg,#ffffff08,#ffffff03);padding:19px 17px;margin-top:auto;border-radius:16px}.note-orbit{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff0e;color:#b3afff;margin-bottom:14px}.sidebar-note h2{color:#e9ebf6;font-size:14px;font-weight:650}.sidebar-note p{font-size:11px;color:#a0aacb;line-height:1.8;margin:10px 0 15px}.sidebar-pill{font-size:9px;color:#bab7ff;border:1px solid #827ef44d;border-radius:20px;padding:5px 9px}.sidebar-bottom{font-size:9px;display:flex;align-items:center;gap:7px;margin:25px auto 0;color:#939fbe}.sidebar-bottom .icon{width:14px;height:14px}.app-main{margin-left:230px}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.topbar strong{font-weight:600}.breadcrumb-label{color:#788099}.breadcrumb-label span{padding:0 12px;color:#b1b5c3}.learner{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600}.learner-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#efedff;color:var(--accent)}.learner small{display:block;color:var(--muted);font-size:10px;font-weight:400}.content-wrap{max-width:1500px;padding:30px 38px 0}.hero{border-radius:22px;background:linear-gradient(112deg,#e9e8fc 0%,#f0effd 53%,#e3e9ff 100%);position:relative;overflow:hidden;min-height:280px;border:1px solid #e1e2fa}.hero-copy{padding:32px 35px;z-index:2}.hero-label{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:750;letter-spacing:1.6px;color:#5254a5}.hero-label .icon{width:14px;height:14px}h1{font-weight:750;letter-spacing:-1.4px;font-size:clamp(28px,2.7vw,42px);line-height:1.2;margin:14px 0;color:#24264d}h1 span{color:#5a58bc}.hero p{color:#656c8b;font-size:12px;line-height:1.9;margin-bottom:20px}.btn{font-size:12px;--bs-btn-border-radius:9px;padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn .icon{width:17px;height:17px}.btn-primary{--bs-btn-bg:#5354d7;--bs-btn-border-color:#5354d7;--bs-btn-hover-bg:#4142b8;--bs-btn-hover-border-color:#4142b8;--bs-btn-active-bg:#393ba8;--bs-btn-active-border-color:#393ba8;--bs-btn-disabled-bg:#7779c8;--bs-btn-disabled-border-color:#7779c8;box-shadow:0 4px 9px #5354d71a}.btn-hero{background:var(--navy);color:#fff;padding:11px 17px}.btn-hero:hover{background:#30365d;color:#fff}.hero-meta{font-size:10px;color:#747b98;margin-left:13px}.hero-art{height:280px;position:relative}.orbital-ring{position:absolute;border:1px solid #a4a7ec65;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:205px;height:205px}.ring-two{width:285px;height:285px;border-style:dashed}.orbit-core{width:100px;height:100px;display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);border:8px solid #ffffff50;background:linear-gradient(130deg,#7779ec,#4d50c2);background-clip:padding-box;box-shadow:0 18px 40px #5854b540;border-radius:30px;color:white}.orbit-core .icon{width:52px;height:52px}.orbit-chip{position:absolute;background:#ffffffed;border:1px solid #fff;box-shadow:0 6px 14px #6d6fb210;border-radius:11px;padding:9px 12px;font-size:10px;font-weight:650;display:flex;align-items:center;gap:8px;color:#50547a;z-index:1}.orbit-chip .icon{width:16px;height:16px;color:var(--accent)}.chip-one{top:32px;left:10%}.chip-two{right:3%;top:123px}.chip-three{bottom:27px;left:7%}.orbit-dot{position:absolute;border:4px solid #e8ebff;border-radius:50%;width:16px;height:16px;background:#9d99f1}.dot-one{right:23%;top:35px}.dot-two{bottom:40px;right:27%;background:#54b7b3}.metric-row{margin-top:4px;margin-bottom:29px}.card{border-color:var(--line);border-radius:16px;box-shadow:0 3px 8px #21244802}.metric-card{flex-direction:row;align-items:center;gap:13px;padding:18px 19px;height:100%;position:relative;min-height:90px}.metric-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.purple{background:#eeedff;color:#7062d6}.aqua{background:#e2f5f1;color:#258c80}.peach{background:#fff0e5;color:#b97137}.metric-card small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.metric-card strong{display:block;font-size:20px;line-height:1.3;font-weight:750}.metric-card strong>span:not([id]){font-size:11px;font-weight:500;color:var(--muted);margin-left:3px}.metric-tag{font-size:8px;border-radius:6px;padding:4px 7px;background:#f3f4f9;color:#7b829a;margin-left:auto;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px;scroll-margin-top:20px}.eyebrow{font-size:8px;font-weight:750;letter-spacing:1.7px;color:#7c82a0;margin-bottom:7px}.section-heading h2{font-size:19px;font-weight:700;letter-spacing:-.5px;margin:0}.mode-badge{border-radius:20px;border:1px solid var(--line);padding:7px 11px;background:white;font-size:9px;white-space:nowrap;color:#707791}.status-dot{display:inline-block;width:6px;height:6px;background:#8b83d9;border-radius:50%;margin-right:6px}.case-card{overflow:hidden}.case-cover{min-height:180px;background:linear-gradient(140deg,#1f3157,#344a6d);padding:20px;position:relative;overflow:hidden;color:white}.case-cover:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #ffffff12;border-radius:50%;right:-65px;top:0;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff03}.case-cover .badge{font-size:8px;background:#ffffff14;color:#fff;font-weight:500;letter-spacing:1px;border:1px solid #ffffff15}.case-glyph{position:absolute;right:23px;top:22px;color:#d1e3ff9c}.case-glyph .icon{width:31px;height:31px}.case-cover>div{margin-top:30px;position:relative;z-index:1}.case-cover>div>span{font-size:8px;letter-spacing:1.8px;color:#adbfdb}.case-cover h3{font-size:23px;line-height:1.2;letter-spacing:-.4px;margin:8px 0 0;font-weight:650;max-width:220px}.case-card .card-body{padding:19px}.case-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.level-badge{font-size:8px;color:#6964aa;background:#f0eefe;padding:6px 8px;font-weight:600}.fiction-label{font-size:9px;color:#8a90a4}.case-intro{font-size:11px;color:#6a728b;line-height:1.9;margin-bottom:23px}.journey-heading{display:flex;justify-content:space-between;gap:5px;align-items:center;border-top:1px solid var(--line);padding-top:19px}.journey-heading h4{font-size:11px;font-weight:650;margin:0}.journey-heading>span{font-size:9px;color:#9299ab}.journey{list-style:none;padding:18px 0 0;margin:0 0 20px}.journey li{display:flex;gap:11px;position:relative;min-height:60px}.journey li:not(:last-child):after{content:'';position:absolute;width:1px;left:13px;top:28px;bottom:0;background:var(--line)}.journey li>span{width:27px;height:27px;border:1px solid #e6e6f2;background:#f7f7fd;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#848aa2;flex-shrink:0}.journey strong{display:block;font-size:11px;font-weight:600}.journey small{display:block;font-size:9px;color:#8a91a7;margin-top:1px}.journey li.complete>span{color:#387d70;background:#def3eb;border-color:#cde9dd}.journey li.complete strong{color:#387d70}.attempt-note{font-size:8px;color:#9298aa;line-height:1.7;margin:10px 0 0}.learning-tip{padding:17px 12px;display:flex;gap:10px;align-items:flex-start}.learning-tip>.icon{color:#827ac8;width:18px;height:18px;margin-top:2px}.learning-tip strong{font-size:10px;color:#656780}.learning-tip p{font-size:10px;line-height:1.7;color:#8b90a3;margin:4px 0 0}.practice{overflow:hidden}.practice-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 12px}.practice-title{font-size:11px;font-weight:650;display:flex;align-items:center;gap:8px}.practice-title .icon{width:15px;height:15px;color:#85869f}.privacy-label{font-size:9px;color:#9197aa;display:flex;align-items:center;gap:5px}.privacy-label .icon{width:12px;height:12px}.practice-tabs{gap:6px;margin:6px 24px 16px;padding:5px;background:#f4f5fa;border:1px solid #edeef5;border-radius:11px;display:flex;flex-wrap:nowrap}.practice-tabs .nav-link{flex:1;min-width:0;padding:10px 8px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#777d98;border-radius:7px;white-space:nowrap}.practice-tabs .nav-link .icon{width:16px;height:16px}.practice-tabs .nav-link b{font-weight:550;margin-left:3px}.practice-tabs .nav-link.active{background:#fff;color:var(--accent);box-shadow:0 2px 5px #2326530b}.practice-tabs .nav-link:focus-visible{outline:3px solid #a5a6eb}#status{font-size:10px;padding:9px 25px;color:#747b97;background:#f9faff;border-top:1px solid #f0f1f7;border-bottom:1px solid #f0f1f7;min-height:35px}.panel{padding:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h3{font-size:18px;font-weight:700;letter-spacing:-.4px;line-height:1.35;margin:0 0 7px}.panel-heading p{font-size:11px;color:#858ba3;margin:0}.patient-avatar{display:grid;place-items:center;position:relative;width:40px;height:40px;flex-shrink:0;background:#f5e5d9;border:3px solid #fff0e7;border-radius:50%;font-size:15px;font-weight:700;color:#946645}.patient-avatar>span{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border:2px solid white;background:#58ad8a;border-radius:50%}.messages{min-height:240px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin:21px 0;padding:10px 0}.chat-empty{margin:auto;text-align:center;max-width:320px;color:#8c93a9;padding:20px}.empty-icon{display:grid;place-items:center;background:#f3f3fc;color:#9691d0;width:52px;height:52px;border-radius:17px;margin:0 auto 13px;transform:rotate(-5deg)}.empty-icon .icon{width:24px;height:24px}.chat-empty strong{display:block;font-size:13px;color:#707892;font-weight:600}.chat-empty p{font-size:11px;margin:7px 0 0;line-height:1.9}.bubble{max-width:88%;background:#f0f0fc;border:1px solid #e8e7f7;border-radius:14px 14px 14px 3px;padding:12px 16px;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble p{margin:5px 0 0;line-height:1.8}.bubble strong{font-size:9px;color:#6b63ac}.bubble.own{align-self:flex-end;background:#f1f6f8;border-color:#e5eef0;border-radius:14px 14px 3px 14px}.bubble.own strong{color:#527b85}.form-label{font-size:11px;font-weight:600;margin-bottom:9px}.input-row{display:flex;gap:9px}.form-control{font-size:12px;color:var(--ink);border:1px solid #e0e3f0;border-radius:9px;padding:12px 14px;background:#fcfcff;min-width:0}.form-control::placeholder{color:#9097ad}.form-control:focus{border-color:#9999e4;box-shadow:0 0 0 3px #5354d71a;background:#fff}.input-row .btn{flex-shrink:0}textarea.form-control{min-height:135px;resize:vertical;margin-bottom:23px}.studies-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 13px;padding-top:21px;border-top:1px solid var(--line)}.studies-heading h4{font-size:11px;font-weight:650;display:flex;align-items:center;gap:7px;margin:0}.studies-heading h4 .icon{width:16px;height:16px;color:#777d9a}.studies-heading>span{font-size:9px;color:#9399ac}.study-buttons{display:flex;gap:9px;flex-wrap:wrap}.btn-study{font-size:10px;padding:9px 12px;background:#fff;border:1px solid #e5e7f1;color:#737b95;font-weight:500;justify-content:space-between}.btn-study .icon{width:13px;height:13px;color:#9c9fbb}.btn-study:hover{background:#f0efff;border-color:#c5c2ef;color:#5d53ad}.btn-study.requested{background:#eef7f3;border-color:#d4e8df;color:#417f6c}.result,.feedback{margin-top:14px;padding:15px;border:1px solid #dfeae5;border-left:3px solid #6bb299;border-radius:8px;background:#f6fbf8;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.result strong{font-size:11px}.result p{margin:5px 0 0;color:#5d7770;line-height:1.8}.reason-tip{background:#f1f1fc;border:1px solid #e5e3fa;color:#7970ad;padding:12px 14px;border-radius:9px;font-size:11px;margin:23px 0}.btn-outline-primary{--bs-btn-color:#6361b6;--bs-btn-border-color:#d7d4f0;--bs-btn-hover-bg:#5354d7;--bs-btn-hover-border-color:#5354d7;--bs-btn-active-bg:#5354d7;--bs-btn-active-border-color:#5354d7}.education-notice{display:flex;align-items:center;gap:9px;padding:14px 0 0;margin-top:13px;color:#9298ab}.education-notice>.icon{width:16px;height:16px;color:#8b91a8}.education-notice p{font-size:9px;margin:0}.education-notice strong{font-weight:600;color:#7b8298}footer{padding:24px 0 20px;font-size:9px;color:#9399ad;display:flex;justify-content:space-between;gap:15px}.footer-dot{margin:0 7px;color:#c2c5d3}.teacher-heading{padding:15px 0 25px}.teacher-heading h1{font-size:34px;margin-bottom:13px}.teacher-heading p{color:var(--muted);font-size:13px}.teacher-card{max-width:520px;padding:28px}.teacher-card h2{font-size:20px;margin-bottom:10px}.teacher-card p{font-size:12px;color:var(--muted)}.teacher-record{background:white;border:1px solid var(--line);border-radius:12px;padding:19px 22px;margin:14px 0;font-size:12px;overflow-wrap:anywhere}.teacher-record summary{font-weight:600;cursor:pointer}.teacher-record h3{font-size:12px;margin:20px 0 8px;color:#7065b8}.teacher-record p{white-space:pre-wrap}.empty-records{padding:36px;text-align:center;color:var(--muted);margin-top:20px}.text-secondary{font-size:10px!important}[hidden]{display:none!important}:focus-visible{outline:3px solid #9894e9;outline-offset:3px}

@media(min-width:1600px){.content-wrap{padding-top:38px}.hero{min-height:310px}.hero-art{height:310px}}
@media(max-width:1199.98px){.app-sidebar{width:200px;padding:28px 15px}.brand{font-size:19px}.brand-mark{width:32px}.app-main{margin-left:200px}.content-wrap{padding:24px}.topbar{padding:0 24px}.hero-copy{padding:28px}.hero h1{font-size:30px}.metric-card{padding:16px 13px;gap:10px}.metric-tag{display:none}.hero-meta{display:block;margin:12px 0 0}.panel-heading h3{font-size:16px}.studies-heading>span{display:none}}
@media(max-width:991.98px){.app-sidebar{width:76px;padding:23px 12px;align-items:center}.brand>span:last-child,.sidebar-label,.sidebar-note,.sidebar-bottom{display:none}.side-nav{margin-top:35px;gap:14px;width:100%}.side-nav a{padding:13px;justify-content:center;gap:0}.side-nav a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.side-nav .icon{width:22px;height:22px}.side-nav a:focus-visible{outline-offset:0}.app-main{margin-left:76px}.hero-art{display:none}.hero-copy{padding:30px}.hero h1{font-size:34px}.hero-meta{display:inline;margin-left:14px}.hero{min-height:auto}.case-cover{min-height:145px}.case-cover>div{margin-top:20px}.case-cover h3{max-width:100%;font-size:24px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10px}.journey li:not(:last-child):after{display:none}.journey li{min-height:48px}.learning-tip{padding-bottom:0}.metric-card strong>span:not([id]){font-size:10px}.metric-icon{width:35px;height:35px}.metric-card{gap:8px}.metric-card small{font-size:9px}.section-heading h2{font-size:17px}.mode-badge{font-size:8px}}
@media(max-width:575.98px){.app-sidebar{position:static;width:auto;flex-direction:row;padding:15px 18px;justify-content:space-between}.brand>span:last-child{display:block}.brand{font-size:20px}.brand small{font-size:7px}.side-nav{width:auto;flex-direction:row;margin:0;gap:6px}.side-nav a{padding:10px}.side-nav .icon{width:18px;height:18px}.side-nav a.selected{box-shadow:none}.app-main{margin-left:0}.topbar{height:59px;padding:0 18px;font-size:10px}.learner>span:last-child{display:none}.learner-avatar{width:30px;height:30px}.breadcrumb-label span{padding:0 6px}.content-wrap{padding:18px 16px 0}.hero{border-radius:16px}.hero-copy{padding:25px 21px}.hero h1{font-size:28px;letter-spacing:-1px}.hero p{font-size:11px}.hero-label{font-size:8px;letter-spacing:1.3px}.hero-meta{display:block;margin:12px 0 0;font-size:9px}.metric-row{--bs-gutter-y:8px;margin-top:4px;margin-bottom:25px}.metric-card{padding:12px 15px;min-height:68px;gap:13px;box-shadow:none}.metric-card>div{flex:1}.metric-card small{font-size:10px;margin:0}.metric-card strong{font-size:16px}.metric-card strong>span:not([id]){font-size:11px}.metric-tag{display:block;font-size:9px}.metric-icon{width:36px;height:36px}.section-heading{display:block;margin-bottom:17px}.section-heading h2{font-size:19px;line-height:1.4}.mode-badge{display:inline-block;margin-top:11px}.case-card .card-body{padding:18px}.practice-top{padding:16px 16px 10px}.privacy-label{font-size:8px}.practice-tabs{margin:6px 12px 14px;gap:2px;padding:4px}.practice-tabs .nav-link{font-size:9px;gap:3px;padding:11px 4px}.practice-tabs .nav-link .icon{display:none}.practice-tabs .nav-link b{margin-left:1px}.panel{padding:21px 16px}.panel-heading h3{font-size:18px}.panel-heading p{font-size:10px}.patient-avatar{width:35px;height:35px}.messages{min-height:220px;max-height:340px}.input-row{gap:6px}.input-row .btn{padding:10px 12px}.input-row .btn .icon{display:none}.form-control{padding:11px;font-size:12px}.studies-heading{margin-top:22px}.study-buttons{gap:7px}.btn-study{font-size:9px;padding:9px 10px}#status{padding:9px 16px;font-size:9px}.education-notice{align-items:flex-start;margin-top:7px}.education-notice p{font-size:8px;line-height:1.9}footer{font-size:8px;display:block}footer>span{display:block;margin-bottom:5px}.teacher-card{padding:22px}.teacher-heading h1{font-size:29px}.teacher-heading p{font-size:11px}.teacher-record{padding:15px}.btn{white-space:normal}.journey small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Reading comfort for the learning workspace */
.case-intro{font-size:12px}.panel-heading p,.form-label{font-size:12px}.bubble{font-size:13px}.form-control{font-size:13px}.chat-empty p{font-size:12px}.journey strong{font-size:12px}.journey small{font-size:10px}.result,.feedback{font-size:12px}.attempt-note{font-size:9px}.metric-card small{font-size:11px}.btn-study{font-size:11px}.practice-tabs .nav-link{font-size:11px}.education-notice p{font-size:10px}.practice-tabs .nav-link:disabled{opacity:.6}
@media(max-width:575.98px){.practice-tabs .nav-link{font-size:10px}.case-intro{font-size:12px}.journey small{font-size:9px}.education-notice p{font-size:9px}}

.admin-form{max-width:800px}.admin-form textarea{min-height:100px}.side-nav{overflow-y:auto;flex-shrink:1}.sidebar-note{margin-top:25px;flex-shrink:0}.sidebar-label{margin-top:30px}.table{font-size:12px}.table td,.table th{vertical-align:middle}.filter-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-form label{display:block}.stat-value{font-size:28px;font-weight:750}.admin-form .form-label{margin-top:12px}.case-list-card{height:100%;padding:22px}.case-list-card h2{font-size:20px}.dashboard-grid{margin-bottom:25px} .sidebar-note p{overflow-wrap:anywhere}
@media(max-width:991.98px){.sidebar-note{display:none}}

.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-actions form{margin:0}.topbar-actions .btn{font-size:10px;padding:6px 9px}.topbar-actions a{font-size:11px}.sidebar-note .small{font-size:11px!important}
@media(max-width:575.98px){.app-sidebar{flex-wrap:wrap;gap:12px}.side-nav{width:100%;overflow-x:auto;justify-content:flex-start}.side-nav a{flex-shrink:0}.topbar-actions{gap:8px}.topbar-actions a{font-size:10px}.topbar>div:first-child{max-width:55%}.filter-form>div{width:100%}.teacher-heading{padding-bottom:15px}.table-responsive{max-width:100%}}

.education-record{margin:0 24px 18px;padding:16px;background:#f3f3ff;border:1px solid #e1e0f3;border-radius:10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.education-record p{margin:8px 0}.education-record small{color:#68738c}.side-nav{min-height:140px}@media print{.app-sidebar,.topbar,.btn,form{display:none!important}.app-main{margin:0}.content-wrap{padding:0}.card{break-inside:avoid}}

@media(min-width:576px) and (max-width:991.98px){.side-nav a{flex-direction:column;gap:5px;padding:9px 3px}.side-nav a>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:8px;line-height:1.4;text-align:center}.side-nav{gap:5px}}
@media(max-width:575.98px){.side-nav a{min-width:90px;flex-direction:column;gap:5px;padding:8px 7px}.side-nav a>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:9px;line-height:1.3;white-space:nowrap}.side-nav{padding-bottom:5px}}

@media(max-width:575.98px){.side-nav{min-height:0;align-items:flex-start}.side-nav a{min-height:56px}.education-record{margin-left:16px;margin-right:16px}}

/* Personajes ilustrativos: superficie separada de la información clínica. */
.avatar-card{display:flex;align-items:center;gap:1.2rem;border:1px solid #e1e0f1;border-radius:18px;background:linear-gradient(130deg,#f0edf9,#f1f8f8);padding:1rem;margin:1rem 0;min-width:0}
.avatar-stage{position:relative;flex:0 0 170px;height:190px;border-radius:14px;background:radial-gradient(ellipse at 50% 35%,#fff,#e5e3f2);overflow:hidden}
.avatar-fallback{width:100%;height:100%;object-fit:contain}.avatar-canvas{position:absolute;inset:0}.avatar-canvas canvas{width:100%;height:100%;display:block}.avatar-card[data-avatar-ready="3d"] .avatar-fallback{visibility:hidden}
.avatar-medium{position:absolute;bottom:7px;left:8px;border-radius:12px;background:#ffffffdd;color:#504872;padding:2px 9px;font-size:.65rem;pointer-events:none}
.avatar-description{flex:1;min-width:0}.avatar-description strong{display:block;color:#242341}.avatar-state{display:block;color:#63588b;font-size:.76rem;margin-top:4px}.avatar-caption{font-size:.75rem;color:#67677a;margin:.6rem 0}.avatar-controls{display:flex;flex-wrap:wrap;gap:.4rem}.avatar-controls .btn{font-size:.7rem}.avatar-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.2rem}.avatar-library .avatar-card{height:100%;margin:0;flex-direction:column;align-items:stretch}.avatar-library .avatar-stage{flex:none;width:100%;height:260px}.avatar-library>div{display:flex;flex-direction:column}.avatar-library .avatar-description{padding:.2rem .5rem}
@media(max-width:575px){.avatar-card{gap:.7rem;padding:.7rem;flex-direction:column;align-items:stretch}.avatar-stage{flex:none;width:100%;height:210px}.avatar-description{padding:.2rem}.avatar-controls .btn{min-height:36px}}
@media(prefers-reduced-motion:reduce){.avatar-card *{transition:none!important}}