/* Shared wrong-note cards: dashboard and mock exam. */
.note-card{box-sizing:border-box;min-width:0;border:1px solid #dce3e7;border-radius:18px;padding:26px;margin:18px 0;background:#fff;color:#14202a;box-shadow:0 4px 18px #092a4905;overflow-wrap:anywhere}
.note-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.note-number{display:inline-flex;align-items:center;min-height:34px;padding:4px 13px;border-radius:9px;background:#eaf2f5;color:#092a49;font-size:15px;font-weight:800}
.note-card .understanding-check{position:static;display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-left:auto;padding:5px 12px;border:1px solid #dce3e7;border-radius:10px;background:#fff;color:#4a5e6c;font-size:14px;white-space:nowrap;cursor:pointer}
.note-card .understanding-check:hover{border-color:#2c7969;background:#f1f8f5}
.note-card .understanding-check input{width:18px;height:18px;min-width:18px;margin:0;accent-color:#2c7969;cursor:pointer}
.note-card h3,.review-list .note-card h3{padding:0;margin:0 0 22px;color:#092a49;font-size:20px;font-weight:800;line-height:1.7;word-break:keep-all}
.note-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.note-card button{font-family:inherit;cursor:pointer}
.note-card .card-button{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:52px;margin:0;padding:14px 16px;border:1px solid #dce3e7;border-radius:11px;background:#f8fafb;color:#263d4d;font-size:16px;font-weight:500;text-align:left;line-height:1.65;white-space:normal;word-break:keep-all;box-shadow:none;text-decoration:none;outline:none;transition:border-color .15s,background-color .15s}
.note-card .card-button:hover:not(:disabled){border-color:#77a99b;background:#f0f7f4}
.note-card .card-button.selected,.note-card .card-button[aria-pressed="true"]{border:2px solid #2c7969;padding:13px 15px;background:#eaf5f0;color:#175847;outline:none;font-weight:700}
.note-card button:focus-visible,.note-card summary:focus-visible,.note-card input:focus-visible,.note-filter:focus-visible{outline:3px solid #c6a563;outline-offset:3px}
.note-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.note-card .note-selection{margin:0;color:#617480;font-size:14px;line-height:1.65}
.note-card .note-confirm{flex:0 0 auto;min-height:48px;margin:0;padding:12px 24px;border:1px solid #2c7969;border-radius:10px;background:#2c7969;color:#fff;font-size:16px;font-weight:700}
.note-card .note-confirm:hover:not(:disabled){background:#225f52;border-color:#225f52}
.note-card button:disabled{cursor:default}
.note-card .note-confirm:disabled{background:#eef1f3;border-color:#dce3e7;color:#74838d;opacity:1}
.note-card .note-status{margin:20px 0 0;padding:12px 14px;border-radius:10px;background:#f3f6f8;color:#516571;font-size:14px;line-height:1.7}
.note-card[data-review-state="correct"]{border-color:#9dc6ac}
.note-card[data-review-state="correct"] .note-status{background:#eaf6ef;color:#166341}
.note-card[data-review-state="incorrect"]{border-color:#e2bb8e}
.note-card[data-review-state="incorrect"] .note-status{background:#fff3e5;color:#91501b}
.note-explanation{margin-top:20px;border:1px solid #dce3e7;border-radius:12px;background:#fbfcfd;overflow:hidden}
.note-explanation>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;box-sizing:border-box;padding:15px 18px;color:#37586b;font-size:16px;font-weight:700;line-height:1.5;list-style:none;cursor:pointer;user-select:none}
.note-explanation>summary::-webkit-details-marker{display:none}
.note-explanation>summary::after{content:'';width:8px;height:8px;flex:0 0 8px;margin:0 3px 4px 0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.note-explanation[open]>summary{background:#edf2f6;border-bottom:1px solid #dce3e7}
.note-explanation[open]>summary::after{transform:rotate(225deg);margin-top:6px}
.note-explanation>summary:hover{background:#e6edf2;color:#244253}
.note-explanation-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}
.note-initial-state{display:inline-flex;padding:3px 9px;border-radius:6px;background:#e5ecf0;color:#4d6472;font-size:13px;line-height:1.6;white-space:nowrap}
.note-explanation[data-initial-answer-state="incorrect"]{border-color:#e4b981;background:#fffaf5}
.note-explanation[data-initial-answer-state="incorrect"]>summary{background:#fff0de;color:#87430d;border-color:#e4b981}
.note-explanation[data-initial-answer-state="incorrect"]>summary:hover{background:#ffe4c3;color:#703609}
.note-explanation[data-initial-answer-state="incorrect"] .note-initial-state{background:#ffe0b8;color:#84410b}
.note-card .note-explanation[data-initial-answer-state="incorrect"] .note-answer{padding:10px 13px;border-left:3px solid #d47c27;border-radius:6px;background:#fff0de;color:#87430d}
.note-explanation[data-initial-answer-state="correct"]>summary{background:#edf5f1;color:#245e52}
.note-explanation[data-initial-answer-state="correct"] .note-initial-state{background:#dcefe4;color:#216443}
.note-card .note-explanation>p{margin:18px;line-height:1.8;font-size:16px}
.note-card .note-explanation .note-answer{color:#092a49;font-weight:700}
.note-card .note-explanation .note-reference{margin:20px 18px 18px;padding-top:14px;border-top:1px solid #e0e7eb;color:#607481;font-size:14px}
.note-card .choice-image-option>button:not(.card-button){margin:6px 0 0;padding:8px 12px;border:1px solid #cadbd5;border-radius:8px;background:#fff;color:#245e52}
#local-notes{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:28px 24px 56px}
#local-notes>.review-panel{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#local-notes .panel-title-row{display:block;margin-bottom:24px;padding:26px 28px;border-radius:18px;background:#092a49;color:#fff}
#local-notes .panel-kicker{color:#a7d4c7;font-size:12px;letter-spacing:.12em;font-weight:800}
#local-notes h1{margin:8px 0 12px;font-size:28px;color:#fff}
#local-notes .panel-title-row p{margin:8px 0 0;color:#dbe7ec;line-height:1.7;font-size:15px}
#local-notes #notes-summary{display:inline-block;margin-top:16px;padding:5px 12px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff12;color:#fff;font-size:14px}
.note-filter{box-sizing:border-box;width:100%;max-width:100%;min-height:46px;padding:10px 14px;border:1px solid #cad5dc;border-radius:10px;background:#fff;color:#173348;font:inherit;font-size:15px;cursor:pointer}
#local-notes .review-list{display:block}
#local-notes .primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;border-radius:10px;background:#2c7969;color:#fff;text-decoration:none;cursor:pointer}
.analysis-tree details{padding:12px;margin:10px 0;border:1px solid #ced8de;border-radius:10px}.analysis-tree summary{cursor:pointer;font-weight:700;padding:12px}.analysis-section{padding:14px;border-top:1px solid #d7e1e7}.analysis-status{font-weight:700}.analysis-missing{color:#8a4610}
@media(max-width:600px){.note-card,.review-list .note-card{padding:18px 16px;border-radius:14px}.note-card-header{gap:8px;margin-bottom:16px}.note-card .understanding-check{padding:5px 9px}.note-card h3,.review-list .note-card h3{font-size:18px;line-height:1.65}.note-card .card-button{padding:12px;font-size:16px}.note-card .card-button.selected,.note-card .card-button[aria-pressed="true"]{padding:11px}.note-actions{align-items:stretch;flex-direction:column;gap:12px}.note-card .note-confirm{width:100%}.note-explanation>summary{padding:14px}.note-card .note-explanation>p{margin:14px;font-size:15px}.note-card .note-explanation .note-reference{margin:16px 14px 14px}#local-notes{padding:18px 14px 40px}#local-notes .panel-title-row{padding:22px 20px}#local-notes h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.note-card .card-button{transition:none}}

#wrong-notes>.note-filter{margin-top:20px}
.note-filter-help{margin:12px 0 18px;padding:14px 16px;border:1px solid #dce8e2;border-radius:12px;background:#f0f7f3;color:#4b655a;font-size:14px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.note-filter-help p{margin:0}
.note-filter-help p+p{margin-top:6px}
.note-filter-help .note-filter-meaning{font-weight:700;color:#245e52}
@media(max-width:600px){.note-filter{font-size:14px}.note-filter-help{padding:12px 14px}}

/* Only acknowledged correct review answers complete a review. */
.note-card[data-review-state="unattempted"],.note-card[data-review-state="incorrect"]{background:#fff7ec;border-color:#d8964f}
.note-card[data-review-state="unattempted"] .note-status,.note-card[data-review-state="incorrect"] .note-status{background:#ffecd4;color:#84410d}
.note-card[data-review-state="correct"]{background:#eff9f2;border-color:#8abb9b}
.note-card[data-review-state="pending"]{background:#fff8ed;border-color:#bc8e51}
.note-card[data-review-state="pending"] .note-status{background:#fff0d9;color:#79501b}
.note-card .note-confirm[hidden]{display:none}