*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f6f8;color:#101827}.notes-main{max-width:1000px;margin:0 auto;padding:28px 28px 80px}.notes-actions{display:flex;justify-content:flex-end;min-height:28px}.notes-hero{text-align:center;margin:24px 0 30px}.notes-hero h1{font-family:BDO,Inter,sans-serif;font-size:48px;line-height:1.15;font-weight:600;letter-spacing:-1.5px;margin:0 0 16px}.notes-hero>p{font-size:20px;color:#66758b;margin:0 0 12px}.notes-inventory{font-size:13px;color:#8390a1}.notes-tabs{display:flex;justify-content:center;background:#fff;padding:4px;border:1px solid var(--brand-light);border-radius:999px;width:max-content;margin:0 auto 28px;gap:3px}.notes-tabs button{border:0;background:transparent;border-radius:999px;font:600 15px Inter,sans-serif;color:#64748b;min-width:98px;padding:12px 24px;cursor:pointer;transition:background .18s,color .18s}.notes-tabs button[aria-selected=true]{background:var(--brand-primary);color:white;box-shadow:0 2px 5px color-mix(in srgb, var(--brand-primary) 10.20%, transparent)}.notes-tabs button:hover:not([aria-selected=true]){background:var(--brand-light)}.notes-groups{display:grid;gap:16px}.notes-topic{border:1px solid var(--brand-light);border-radius:16px;background:white;overflow:hidden;box-shadow:0 2px 5px color-mix(in srgb, var(--brand-primary) 1.18%, transparent)}.notes-topic summary{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;transition:background .18s}.notes-topic summary::-webkit-details-marker{display:none}.notes-topic summary:hover{background:color-mix(in srgb, var(--brand-light) 45%, white)}.notes-topic[open] summary{background:color-mix(in srgb, var(--brand-light) 45%, white);border-bottom:1px solid var(--brand-light)}.notes-topic-icon{display:grid;place-items:center;background:var(--brand-primary);color:white;width:40px;height:40px;border-radius:12px;flex-shrink:0}.notes-topic-icon svg{width:21px;height:21px}.notes-topic-title{display:grid;gap:5px;flex:1}.notes-topic-title strong{font-size:17px;font-weight:600}.notes-topic-title small{font-size:12px;color:#8390a1}.notes-chevron{width:19px;height:19px;color:#8b99aa;transition:transform .2s}.notes-topic[open] .notes-chevron{transform:rotate(180deg)}.notes-chapters{list-style:none;margin:0;padding:0 24px 6px 80px}.notes-chapter{display:flex;align-items:center;gap:14px;min-height:64px;padding:13px 0;border-bottom:1px solid var(--brand-light)}.notes-chapter:last-child{border-bottom:0}.notes-serial{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:#f1f3f6;border-radius:9px;color:#9ca3af;font-size:12px;font-weight:600}.notes-chapter-title{font-size:15px;line-height:1.5;flex:1}.notes-read{text-decoration:none;display:inline-flex;align-items:center;gap:7px;justify-content:center;border:0;border-radius:999px;background:var(--brand-primary);color:white;font:500 13px Inter,sans-serif;padding:9px 17px;cursor:pointer;flex-shrink:0;transition:background .18s,box-shadow .18s}.notes-read svg{width:15px;height:15px}.notes-read:hover{background:var(--brand-secondary);box-shadow:0 3px 8px color-mix(in srgb, var(--brand-primary) 10.20%, transparent)}svg.notes-line,.notes-read svg,.notes-topic-icon svg,.notes-chevron{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notes-status{margin:24px 0 0;text-align:center;font-size:13px;line-height:1.6;color:#8390a1}.notes-footer{text-align:center;padding:24px;border-top:1px solid var(--brand-light);font-size:12px;color:#8390a1}.notes-footer a{color:#64748b;margin-left:14px}.notes-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:14px 20px;border:1px solid var(--brand-light);border-radius:13px;background:white;box-shadow:0 8px 30px color-mix(in srgb, var(--brand-primary) 10.20%, transparent);font-size:14px;color:var(--brand-primary);z-index:1000}.notes-loading{text-align:center;padding:60px;color:#64748b}.notes-tabs button:focus-visible,.notes-read:focus-visible,.notes-topic summary:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}@media(max-width:760px){.notes-main{padding:18px 16px 52px}.notes-hero{margin:22px 0 26px}.notes-hero h1{font-size:38px}.notes-hero>p{font-size:16px;line-height:1.6}.notes-tabs button{min-width:85px;padding:11px 19px}.notes-topic summary{padding:17px 16px;gap:12px}.notes-topic-title strong{font-size:16px}.notes-chapters{padding:0 16px 4px}.notes-chapter{gap:10px}.notes-chapter-title{font-size:14px}.notes-read{padding:9px 12px;font-size:12px}.notes-topic-icon{width:36px;height:36px;border-radius:10px}.notes-serial{width:25px;height:25px}.notes-status{font-size:12px}}@media(prefers-reduced-motion:reduce){.notes-tabs button,.notes-read,.notes-chevron,.notes-topic summary{transition:none}}
.notes-actions .feedback-trigger{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--brand-accent);font:500 12px Inter,sans-serif;padding:7px 9px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s}.notes-actions .feedback-trigger:hover{background:var(--brand-light);color:var(--brand-secondary)}.notes-actions{align-items:center}
.notes-unavailable{position:relative;display:inline-flex;flex-shrink:0;border-radius:999px;cursor:not-allowed}.notes-unavailable .notes-read:disabled{background:#eceff3;color:#8a95a5;box-shadow:none;cursor:not-allowed;pointer-events:none}.notes-coming-soon{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--brand-primary);color:#fff;padding:7px 10px;border-radius:8px;white-space:nowrap;font:12px/1.5 Inter,sans-serif;box-shadow:0 3px 12px color-mix(in srgb, var(--brand-primary) 10.20%, transparent);visibility:hidden;opacity:0;pointer-events:none;z-index:2}.notes-unavailable:hover .notes-coming-soon,.notes-unavailable:focus .notes-coming-soon{visibility:visible;opacity:1}.notes-unavailable:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
.notes-practice{background:var(--brand-light);color:var(--brand-secondary)}.notes-practice:hover{background:var(--brand-secondary);color:white}@media(max-width:600px){.notes-chapter:has(.notes-practice){flex-wrap:wrap}.notes-chapter:has(.notes-practice) .notes-chapter-title{flex-basis:calc(100% - 40px)}.notes-chapter:has(.notes-practice) .notes-read:first-of-type{margin-left:auto}}