/* Shared visual language for every MiyobiLab surface. */
:root{--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--friendly-font:ui-rounded,'Manrope','DM Sans',system-ui,sans-serif}
body,input,select,textarea,button{font-family:var(--friendly-font)}h1,h2,h3,h4{font-family:var(--friendly-font)!important;letter-spacing:-.035em!important}p{letter-spacing:0;line-height:1.75}
button:not(.quarter):not(.unit-star):not(.medical-mascot):not(.nav),input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:var(--radius-sm)}
.home-primary,.home-secondary,.primary,.secondary,.account-primary,.account-entry,.learn-primary,.learn-secondary,.text-link,.entry-link,.source-link,.study-links a,.related-links a,.layer-actions button{border-radius:var(--radius-sm)}
.home-card,.practice-unit-card,.clinical-card,.structure-card,.account-panel,.clinical-single,.clean-session,.practice-shell,.progress-card,.home-account-cta,.home-note,.home-principles article,.benefit-grid article{border-radius:var(--radius-lg)}
.home-card{border:1px solid #e7e2d8}.home-card.featured{border-color:var(--accent)}.home-note{padding:28px;background:#f2eee7;border:0;margin:24px 0}.home-principles article{padding:28px;background:#f3f0e9}.benefit-grid article{padding:24px;background:#f3f0e9}.home-account-cta{border-top-width:1px}.home-principles{gap:24px}.home-grid{gap:18px}
.practice-unit-card{border-top-width:1px;background:#f4f0e9}.practice-unit-card:hover{background:#f8f3ef}.practice-unit-card .eyebrow{display:inline-flex;padding:7px 12px;border-radius:var(--radius-pill);background:#f8e0e4;color:#ae0028}.practice-unit-copy{padding:28px}.case-list{border:0;gap:12px}.case-list-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#f7f4ef;padding:22px}.case-number{border-radius:50%;background:#f7e5e6;width:38px;height:38px;display:grid;place-items:center;font-size:16px}.clinical-reading .reading-application,.concept,.anatomy-fact,.clinical-note,.atlas-topic-note{border-radius:var(--radius-md)}
.workspace{border-radius:var(--radius-lg)!important}.layers,.inspector{background:#fffdf9}.layer,.layer:hover,.layer:has(input:checked){border-radius:var(--radius-sm)}.view-tools,.zoom-tools{border-radius:var(--radius-md)!important}.view-tools button{border-radius:9px}.tag,.pill,.entry-category,.entry-kind{border-radius:var(--radius-pill)}.home-search>div,.library-search,.account-tabs{border-radius:var(--radius-md)}.home-search>div{overflow:hidden}.home-search input{border-radius:0!important}.home-search button{border-radius:0!important}.answers button,.topic-chips button,.goal-options label,.quiz-length label{border-radius:var(--radius-md)!important}.flashcard{border-radius:var(--radius-lg)!important}.exercise-feedback,.feedback,.feedback-good,.feedback-wrong,.account-status{border-radius:var(--radius-md)}
.lesson-figure,.anatomy-figure,.card-figure,.exercise-media,.history-visual{border-radius:var(--radius-md);overflow:hidden}.structure-card{overflow:hidden}.article-nav a,.entry-actions a,.system-filters button,.social-links button,.social-links a{border-radius:var(--radius-sm)}dialog,#lesson-dialog,#figure-dialog{border-radius:var(--radius-lg)}.learning-map .unit-stop{border-radius:var(--radius-lg);border:1px solid var(--line);padding:28px;margin:18px 0;background:#f6f2eb}.chapter-banner{border-radius:var(--radius-lg)}.progress-card{padding:24px;background:#f0ebe2;border-top:0}.learning-side .source-link{padding:8px 4px}.unit-parts li{border-radius:0}.unit-stop .segmented-circle{border-radius:50%}.social-links button,.social-links a{padding:16px 20px;min-width:96px;background:#f4f0e9;border:0}.social-links small{font-size:11px}.account-onboarding .account-panel{border-radius:0}.account-onboarding .account-primary,.account-onboarding .goal-options label,.account-onboarding .account-panel input:not([type=radio]),.account-onboarding .account-panel select{border-radius:16px}
.medical-mascot{pointer-events:auto;cursor:pointer;padding:0;border:0;background:transparent;overflow:visible}.medical-mascot .mascot-disc{background:#e60033;border:1px solid #e60033;box-shadow:0 6px 22px #c9003429}.medical-mascot:focus-visible{outline:3px solid #b30028;outline-offset:5px;border-radius:50%}.medical-mascot:hover .mascot-disc{box-shadow:0 8px 28px #c9003440}.medical-mascot[aria-expanded=true] img{animation:none}
@media(max-width:1000px){.learning-map .unit-stop{padding:22px}.home-principles article{padding:24px}}
@media(max-width:700px){.home-note{padding:22px}.learning-map .unit-stop{padding:22px 16px}.unit-body{flex-direction:column;align-items:stretch}.unit-orbit{flex-basis:auto;align-self:center;width:190px}.segmented-circle{width:176px;height:176px}.unit-parts{width:100%}.unit-parts li{font-size:15px!important}.unit-parts small{font-size:12px!important}.benefit-grid article{padding:20px;grid-template-columns:32px minmax(0,1fr)}.benefit-grid svg{width:30px;height:30px}.home-principles article{padding:22px}.social-links{gap:10px}.social-links button,.social-links a{min-width:0;flex:1;padding:14px 10px}.case-list-item{padding:20px 14px}.progress-card{padding:22px}.home-account-cta{padding:26px 22px}}

/* Shared finishing details: centered actions and segmented account tabs. */
.home-account-cta .cta-actions a{display:flex;align-items:center;justify-content:center;text-align:center}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:0;border-radius:18px;background:#f0ece5}
.account-tabs button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:48px;padding:12px 8px;border:0;border-radius:13px;background:transparent;color:#736b62;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}
.account-tabs button[aria-pressed=true]{background:#fffdf9;color:#c9002d;box-shadow:0 2px 8px #3823160d;border:0}
.account-tabs button:focus-visible{outline:2px solid #e60033;outline-offset:2px}
.study-callout{border-radius:24px;overflow:hidden}
.home-card .home-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f7e9e9;color:#e60033;flex-shrink:0}
.home-card .home-card-icon svg{width:28px;height:28px;display:block}
.home-card.featured .home-card-icon{background:#ffffff24;color:#fff}
@media(max-width:400px){.account-tabs button{font-size:13px}.home-card .home-card-icon{width:42px;height:42px}}
/* System selector: icon tiles, with native multi-select controls. */
#layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none!important;overflow:visible!important;margin:18px 0;padding:0;min-width:0}
#layers .layer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin:0;padding:16px 6px 12px;min-width:0;min-height:112px;background:#f5f1eb;border:1px solid transparent;border-radius:16px;cursor:pointer;white-space:normal}
#layers .layer:has(input:checked){background:#fbe9ed;border-color:#e6003355;color:#b0002b}#layers .layer:has(input:focus-visible){outline:2px solid #e60033;outline-offset:2px}#layers .layer:has(input:disabled){opacity:.45;cursor:not-allowed}#layers .layer input{position:absolute;top:8px;right:8px;width:13px;height:13px;margin:0;accent-color:#e60033}#layers .system-icon{width:30px;height:30px;color:#a4354e}#layers .system-icon svg{width:100%;height:100%}#layers .system-label{font-size:11px;line-height:1.35;overflow-wrap:anywhere}#layers .system-label small{display:block;font-size:9px;margin-top:5px;color:#837a70}
.site-bottom{background:#ebe2d5;margin-top:36px;padding:0 32px 28px;border-radius:28px 28px 0 0}.site-bottom footer{margin-top:0;border-top:0;padding-top:32px}.site-bottom .home-principles{border-color:#d3c7b6}.site-bottom .home-principles article{background:#f7f2e9}.site-bottom .home-note{background:#e2d6c4}.site-bottom .home-social{border-color:#d3c7b6}.site-bottom .social-links a{background:#f7f2e9}
.credits-main{max-width:1280px;margin:auto;padding:48px 32px 0}.credits-back{display:inline-block;margin-bottom:38px;font-size:14px;color:#b4002b}.credits-main h1{font-size:clamp(36px,6vw,64px);margin:18px 0}.credits-lead{max-width:650px;font-size:18px;line-height:1.7;color:#776c60}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0}.credits-grid article,.credits-note{background:#f0ebe3;border:1px solid #e4dbcd;border-radius:24px;padding:30px}.credits-grid h2,.credits-note h2{font-size:24px;margin:20px 0 16px}.credits-grid p,.credits-note p{font-size:15px;line-height:1.8;color:#685f54}.credits-main a{color:#b0002b;text-underline-offset:4px}.credits-note details{margin:24px 0}.credits-note summary{cursor:pointer;font-weight:600;line-height:1.6}.credits-record{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin-top:20px}.credits-main footer{padding:32px;background:#ebe2d5;border-radius:24px 24px 0 0;margin-top:32px}
@media(max-width:1100px) and (min-width:701px){#layers{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){#layers{grid-template-columns:repeat(3,minmax(0,1fr))}.site-bottom{padding:0 16px 20px;margin-inline:-4px}.site-bottom .home-principles article{padding:22px}.credits-main{padding:30px 16px 0}.credits-grid{grid-template-columns:1fr;gap:14px;margin:28px 0}.credits-grid article,.credits-note{padding:24px}.credits-main footer{padding:24px}.credits-lead{font-size:16px}}
/* Full-width cherry footer, outside the constrained main content. */
body.home-page{padding-bottom:0}
.home-page>.site-bottom{width:100%;margin:40px 0 0;padding:36px max(24px,calc((100% - 1280px)/2)) max(40px,env(safe-area-inset-bottom));border:0;border-radius:0;background:#b90030;color:#fff7ee;--ink:#fff7ee;--muted:#f6dce0;--accent:#fff7ee;--line:#ffffff35}
.site-bottom footer{padding:0 0 30px;border-bottom:1px solid #ffffff35;color:#fff7ee;gap:24px}.site-bottom footer .brand,.site-bottom footer a,.site-bottom footer>span{color:#fff7ee}
.site-bottom .home-principles{margin-top:0;padding:36px 0;border:0;gap:24px}.site-bottom .home-principles article{background:#ffffff0d;border:1px solid #ffffff35;border-radius:22px;padding:28px}
.site-bottom .eyebrow,.site-bottom h2,.site-bottom strong,.site-bottom summary,.site-bottom a{color:#fff7ee}.site-bottom p,.site-bottom .home-note>span{color:#f8e2e3}.site-bottom .home-principles details[open]{border-color:#ffffff35}.site-bottom .home-principles details a{text-decoration:underline;text-underline-offset:4px}
.site-bottom .home-note{padding:28px;background:#8c002630;border:1px solid #ffffff35;border-radius:22px}.site-bottom .home-social{margin-top:36px;padding:36px 0 0;border-color:#ffffff35}.site-bottom .social-links a,.site-bottom .social-links button{background:#ffffff0d;border-color:#ffffff55;color:#fff7ee;border-radius:16px}.site-bottom .social-links button:disabled{opacity:1}.site-bottom .social-links small{color:#f8e2e3}.site-bottom a:focus-visible,.site-bottom summary:focus-visible{outline:2px solid #fff7ee;outline-offset:5px}
@media(max-width:700px){.home-page>.site-bottom{padding:28px 20px 88px;margin-top:28px}.site-bottom .home-principles{padding:28px 0;gap:16px}.site-bottom .home-principles article,.site-bottom .home-note{padding:22px}.site-bottom footer{align-items:flex-start}.site-bottom .home-social{margin-top:28px;padding-top:28px}}
.home-account-cta[hidden]{display:none!important}
#institution-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-panel .institution-choice{display:flex;position:relative;flex-direction:column;align-items:center;gap:12px;text-align:center;justify-content:center;min-height:136px;margin:0;padding:16px 12px;border:1px solid #ddd3c4;border-radius:18px;background:#fffcf7;cursor:pointer}
.institution-choice>span:last-child{font-size:12px;line-height:1.4}.account-panel .institution-choice:has(input:checked){border-color:#e60033;background:#fcebef;box-shadow:0 0 0 1px #e60033}.institution-choice:has(input:focus-visible){outline:2px solid #e60033;outline-offset:4px}.institution-choice input{position:absolute;right:10px;top:10px;accent-color:#e60033}.institution-logo{display:grid;place-items:center;width:100%;height:60px;background:white;border-radius:8px;padding:6px}.institution-logo.dark{background:#303640}.institution-logo img{max-width:100%;width:110px;height:48px;object-fit:contain}.institution-note{font-size:11px!important;color:#82766d}.institution-options legend{font-size:13px;margin-bottom:14px}
/* Learning route: connected stations across a quiet medical campus. */
#learning-path{position:relative;isolation:isolate;padding:20px 0 12px 32px;background:url('images/learning-campus.svg') no-repeat right 20px;background-size:230px}
#learning-path:before{content:'';position:absolute;left:10px;top:50px;bottom:30px;width:4px;border-radius:4px;background:repeating-linear-gradient(to bottom,#df9fae 0 12px,transparent 12px 22px);z-index:-1}
#learning-path .unit-stop{position:relative;max-width:620px;padding:28px;margin:0 0 58px;border:1px solid #e5dacc;background:#fffdf8f5;border-radius:28px;box-shadow:0 5px 0 #e9e0d3}
#learning-path .unit-stop:before{content:'';position:absolute;left:-31px;top:34px;width:16px;height:16px;border:4px solid #faf9f6;border-radius:50%;background:#d4b2b7;box-shadow:0 0 0 1px #d4b2b7}
#learning-path .unit-stop.is-current:before{background:#e60033;box-shadow:0 0 0 4px #f5dce3}
#learning-path .unit-stop.is-current{border-color:#e9a4b4}
#learning-path .unit-stop:nth-child(even){margin-left:28px}
#learning-path .unit-stop:nth-child(even):before{left:-59px}
#learning-path .unit-stop:nth-child(even):after{content:'';position:absolute;left:-36px;top:45px;width:34px;border-top:2px dashed #df9fae}
#learning-path .unit-body{gap:24px}.route-end{background:#eee6d9 url('images/learning-campus.svg') no-repeat right bottom;background-size:170px;border:1px solid #e1d4c2;border-radius:24px;padding:28px 160px 28px 28px}
@media(min-width:1150px){#learning-path .unit-stop:first-child{margin-right:40px}#learning-path{background-position:right 280px}}
@media(max-width:700px){#learning-path{padding-left:24px;background-size:140px;background-position:right bottom}#learning-path:before{left:5px}#learning-path .unit-stop{padding:22px 18px;margin-bottom:42px}#learning-path .unit-stop:before{left:-28px}#learning-path .unit-stop:nth-child(even){margin-left:0}#learning-path .unit-stop:nth-child(even):before{left:-28px}#learning-path .unit-stop:nth-child(even):after{display:none}.route-end{padding:24px 24px 130px;background-size:155px}.unit-heading h2{font-size:25px}}
/* Monochrome institutional marks, with a cherry selection outline. */
.account-panel .institution-logo,.account-panel .institution-logo.dark{height:88px;background:transparent;padding:4px}
.account-panel .institution-logo img{width:100%;max-width:210px;height:80px;object-fit:contain;filter:brightness(0)}
.account-panel .institution-choice{min-height:168px;padding:22px 14px 16px}
.institution-choice:has(input:checked) .institution-logo{background:transparent}
#learning-path{padding:18px 0 20px;background:none}
#learning-path:before,#learning-path .unit-stop:before,#learning-path .unit-stop:nth-child(even):after{display:none}
#learning-path .unit-stop{width:90%;max-width:620px;margin:0!important;background:#fffdf8;border-radius:28px}
#learning-path .unit-stop:nth-of-type(even){margin-left:auto!important}
.journey-bridge{position:relative;height:200px;width:100%;pointer-events:none}
.route-curve{position:absolute;inset:0;width:100%;height:100%}
.route-campus{position:absolute;width:150px;left:0;bottom:8px}
.route-ambulance{position:absolute;width:100px;left:46%;top:32%;transform:rotate(8deg)}
.route-trees{position:absolute;width:105px;right:3%;top:0}
.route-end{background-image:url('images/learning-campus.svg'),url('images/journey-trees.svg');background-position:right bottom,80% bottom;background-size:170px,80px;background-repeat:no-repeat}
@media(max-width:700px){#learning-path{padding:10px 0 20px}#learning-path .unit-stop{width:94%;padding:22px 16px}.journey-bridge{height:180px}.route-campus{width:110px;bottom:0}.route-trees{width:75px;right:0}.route-ambulance{width:75px;left:44%;top:38%}.account-panel .institution-logo img{height:68px;max-width:100%}.account-panel .institution-choice{min-height:150px;padding:20px 10px 14px}.account-panel .institution-logo{height:74px}}
.personal-home{display:grid;grid-template-columns:1fr 300px;gap:36px;background:#f5e8e7;border:1px solid #edd1d8;padding:32px;border-radius:26px;margin:30px 0}.personal-home[hidden]{display:none}.personal-home h2{font-size:32px;margin:14px 0}.personal-home p{line-height:1.7}.personal-actions{display:grid;gap:10px;align-content:center}.personal-actions a{border-radius:14px;justify-content:center}.personal-home [data-learning-status],[data-learning-status]{font-size:12px;color:#7d635c;line-height:1.6}.review-main{max-width:900px;margin:auto;padding:48px 24px}.review-main h1{font-size:42px}.review-main #review-session{margin-top:30px;padding:30px;border-radius:24px;background:#f3eee5}.return-greeting{position:fixed;right:24px;bottom:24px;width:min(460px,calc(100vw - 32px));z-index:95;display:flex;align-items:center;animation:robot-arrive 1s cubic-bezier(.2,.8,.2,1) both}.return-greeting>img{width:140px;height:160px;object-fit:contain;margin-right:-14px;filter:drop-shadow(0 8px 8px #4d192326)}.return-greeting>div{position:relative;background:#fffaf2;border:1px solid #ead8c6;border-radius:24px;padding:25px 22px;box-shadow:0 12px 40px #54233522}.return-greeting strong{font-size:19px;color:#b90030}.return-greeting p{font-size:13px;line-height:1.6;margin:12px 0}.greeting-close{position:absolute;right:4px;top:2px;width:30px;height:30px;background:transparent;border:0;font-size:22px;color:#806759}.greeting-sound{font-size:11px;padding:8px;background:#f1e4d8;color:#775849;border:0;border-radius:10px}@keyframes robot-arrive{from{transform:translate(110vw,100px) rotate(18deg);opacity:0}70%{transform:translate(-12px,-9px) rotate(-3deg);opacity:1}to{transform:none;opacity:1}}@media(max-width:700px){.personal-home{grid-template-columns:1fr;padding:24px;gap:14px}.return-greeting{right:12px;bottom:16px}.return-greeting>img{width:105px;height:125px}.return-greeting>div{padding:24px 18px}.return-greeting strong{font-size:17px}.review-main #review-session{padding:22px}}@media(prefers-reduced-motion:reduce){.return-greeting{animation:none}}

.personal-actions a[hidden]{display:none!important}