/* A quieter frame around the same pastel study tools. */
.answer-verdict{border:2px solid #468568;border-radius:14px;padding:1rem;margin:1rem 0;background:#edf9f1;color:#234e39}.answer-verdict.is-incorrect{background:#fff0f2;border-color:#b83e5c;color:#7e203c;box-shadow:0 0 0 3px #f9d8e1}.verdict-title{display:flex;align-items:center;gap:.55rem;font-size:1.3rem}.verdict-title>span{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#b83e5c;color:white;font-size:1.2rem;flex:none}.is-correct .verdict-title>span{background:#468568}.answer-verdict dl{display:grid;gap:.65rem;margin:.85rem 0}.answer-verdict dt{font-size:.8rem;font-weight:650}.answer-verdict dd{margin:0;font-weight:750;color:#342436}.answer-verdict p:last-child{margin-bottom:0}.feedback.wrong-feedback{border:2px solid #b83e5c;border-left-width:6px;background:#fff2f5;border-radius:12px}.feedback.wrong-feedback .result{color:#8e2442;font-size:.95rem}.option.wrong,.option.wrong:disabled{border:2px solid #b83e5c;background:#ffe5ec;color:#81223e;opacity:1}.option.correct:disabled{border:2px solid #468568;background:#e7f7ed;opacity:1}.diff-review.missed{border:2px solid #b83e5c;background:#fff2f5}
.topbar{gap:1.5rem}.topbar>nav{flex-wrap:nowrap;gap:.5rem}.topbar>nav .nav{padding:.65rem 1.1rem;min-height:44px}.header-extras{margin-left:auto}
.study-navigation{display:block;margin:0;background:#fffcfe;border-bottom:1px solid var(--line)}.study-navigation[hidden]{display:none}.study-nav-inner{max-width:1400px;margin:auto;padding:.65rem 2rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.study-area-label{text-transform:capitalize;font-weight:750;color:#654879;font-size:.8rem;letter-spacing:.06em;margin-right:.5rem}.study-navigation .nav{font-size:.875rem;min-height:44px}.study-navigation .nav.active{background:#eee6fa;color:#503c71}
.home-continue{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 2.5rem;background:linear-gradient(110deg,#fff0f7,#f2edff 65%,#eaf7ff);margin-bottom:1.5rem}.home-continue h2{font-size:clamp(1.5rem,3vw,2rem)}.home-continue p{max-width:40rem}.home-continue>img{width:160px;height:160px;object-fit:contain;flex:none}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.home-tile>img{object-fit:contain;margin-bottom:.5rem}.home-tile h2{font-size:1.2rem}.home-tile p{font-size:.9375rem;color:#655a74;flex:1}.home-tile .button{width:100%}.home-path{margin:1.5rem 0;padding:1.25rem;border-left:4px solid #b9dcd1;background:#f0faf5;border-radius:0 14px 14px 0}.home-path p:last-child{margin:0}
.practice-grid,.practical-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.micro-surface{height:clamp(400px,43vw,590px)}.atlas-detail{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.atlas-detail .micro-surface{height:480px}.comparison-cell .micro-surface{height:420px}.image-top .text-button{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .75rem;background:#f0ecfc;color:#534079;border-radius:9px;text-decoration:none;font-weight:650}.image-caption{font-size:.875rem;color:#655a74}
.clue-label{display:inline-block;padding:.25rem .55rem;border-radius:7px;font-weight:750;line-height:1.35;background:#eee9fb;color:#503c71}.clue-label.nucleus{background:#eee5fa;color:#583b72}.clue-label.cytoplasm{background:#e1f2fa;color:#28516a}.clue-label.feature{background:#e5f5ed;color:#305d4b}.clue-label.watch{background:#f8dfe9;color:#74344f}.morphology-list dt{margin-bottom:.45rem}.lookalike h3{color:#74344f}.lookalike p{color:#543e4b}
.tutor-panel{width:min(330px,calc(100vw - 1.3rem));max-height:min(52dvh,28rem)}.tutor-panel-head{gap:.5rem;padding:.65rem .75rem}.tutor-panel-head>img{width:30px;height:30px}.tutor-panel-head h2{font-size:1rem}.tutor-lead{font-size:.9375rem;line-height:1.6}.tutor-modes{display:flex;gap:.4rem;flex-wrap:wrap}.tutor-modes .button{font-size:.8rem}.tutor-section{padding-top:.55rem;margin-top:.55rem}.tutor-section>summary{min-height:44px;display:list-item}.tutor-content>.button{margin-top:.75rem}
@media(max-width:1100px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-detail{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.topbar>nav{order:3;flex-basis:100%;justify-content:center}}
@media(max-width:720px){.topbar{padding:.85rem 1rem;gap:.65rem}.topbar>nav{gap:.25rem}.topbar>nav .nav{flex:1;padding:.6rem .65rem}.study-nav-inner{padding:.55rem 1rem;gap:.3rem}.study-area-label{display:none}.study-navigation .nav{padding:.5rem .65rem}.home-continue{padding:1.25rem;gap:.7rem}.home-continue>img{width:80px;height:100px}.home-continue .button{width:100%}.home-grid{grid-template-columns:1fr}.home-tile{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:.8rem}.home-tile>img{grid-row:1/3}.home-tile .button{grid-column:1/-1}.home-tile h2,.home-tile p{margin-bottom:.5rem}.practice-grid,.practical-grid{grid-template-columns:1fr}.micro-surface,.atlas-detail .micro-surface,.comparison-cell .micro-surface{height:clamp(350px,92vw,480px);min-height:0}.image-card{padding:.65rem}.image-caption{font-size:.875rem}.tutor-panel{width:min(330px,calc(100vw - 1.3rem))}}
@media print{.study-navigation{display:none}.micro-surface,.atlas-detail .micro-surface{height:320px}}