/* Generated by scratch/build_topic1_study_map.cjs from the reviewed preview. */
.topic1-study-map { color-scheme:light; --ink:#17334b; --muted:#607081; --blue:#1557c7; --paper:#fff; }
.topic1-study-map * { box-sizing:border-box; }
.topic1-study-map { margin:0; color:var(--ink); background:#fff; font:14px/1.5 'Inter','Segoe UI',sans-serif; }
.topic1-study-map a { color:inherit; text-decoration:none; }
.topic1-study-map a:focus-visible, .topic1-study-map summary:focus-visible, .topic1-study-map .viewport:focus-visible { outline:2px solid var(--blue); outline-offset:5px; }
.topic1-study-map header { background:#fff; border-bottom:1px solid #e1e5e7; }
.topic1-study-map .bar { max-width:1180px; margin:auto; padding:12px 25px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.topic1-study-map .brand { font-size:21px; font-weight:650; letter-spacing:-.8px; }
.topic1-study-map .brand span { color:var(--blue); }
.topic1-study-map .course { color:var(--muted); font-size:12px; }
.topic1-study-map main { max-width:1180px; margin:auto; padding:17px 25px 24px; }
.topic1-study-map .intro { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; margin-bottom:15px; }
.topic1-study-map .breadcrumb { font-size:12px; color:var(--muted); margin-bottom:6px; }
.topic1-study-map .breadcrumb a { color:var(--blue); }
.topic1-study-map h1 { font-size:22px; font-weight:600; letter-spacing:-.5px; margin:0; }
.topic1-study-map .intro p { font:16px 'Segoe Print','Bradley Hand',cursive; color:#657768; margin:4px 0 0; }
.topic1-study-map .hint { font-size:12px; color:var(--muted); text-align:right; }
.topic1-study-map .sheet { background:var(--paper); border:1px solid #e4ebf5; border-radius:5px 13px 8px 7px; }
.topic1-study-map .viewport { overflow-x:auto; overscroll-behavior-x:contain; }
.topic1-study-map .canvas { position:relative; min-width:1040px; height:560px; background-image:radial-gradient(#e4ebf5 .6px,transparent .6px); background-size:19px 19px; }
.topic1-study-map .drawing { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.topic1-study-map .drawing .branch { fill:none; stroke-width:2; stroke-linecap:round; vector-effect:non-scaling-stroke; opacity:.73; }
.topic1-study-map .drawing .cross { fill:none; stroke-width:1.6; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.topic1-study-map .drawing text { font:600 13px 'Segoe UI',sans-serif; fill:#273b4c; text-anchor:middle; stroke:none; }
.topic1-study-map .drawing text.equation { font:19px Georgia,serif; fill:#5b3874; }
.topic1-study-map .drawing text.scribble { font:16px 'Segoe Print','Bradley Hand',cursive; fill:#7d4b22; }
.topic1-study-map .energy { position:absolute; left:40.18%; top:190px; width:19.64%; height:90px; border:2px solid #5474a4; background:#f2f7fe; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.topic1-study-map .energy h2 { margin:0 0 5px; font:600 24px/1.35 'Outfit','Segoe UI',sans-serif; color:#284e8b; letter-spacing:.4px; }
.topic1-study-map .energy p { margin:0; font-size:12px; color:#526583; }
.topic1-study-map .energy .recall { margin-top:6px; font-size:11px; font-weight:600; color:#886a32; }
.topic1-study-map .note-node { position:absolute; width:23.2%; height:104px; padding:8px 10px; border:2px solid #bbc9d3; border-color:color-mix(in srgb,var(--c) 72%,#fff); border-radius:6px 13px 7px 9px; background:#fff; transform-origin:center; transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 150ms ease,border-color 150ms ease; }
.topic1-study-map .node-heading { display:flex; align-items:baseline; gap:6px; margin-bottom:6px; }
.topic1-study-map .unit { flex-shrink:0; font-size:12px; font-weight:650; color:var(--c); }
.topic1-study-map .note-node h2 { min-width:0; font-size:16px; font-weight:600; line-height:1.35; letter-spacing:-.2px; white-space:nowrap; margin:0; }
.topic1-study-map .note-node h2 span { position:relative; isolation:isolate; }
.topic1-study-map .note-node h2 span::after { content:''; position:absolute; z-index:-1; height:7px; left:-2px; right:-5px; bottom:0; background:var(--wash); border-radius:60% 20% 35% 15%; transform:rotate(-1deg); }
.topic1-study-map .key { font-size:13px; line-height:1.6; margin:0; }
.topic1-study-map .formula { font:17px/1.6 Georgia,'Times New Roman',serif; white-space:nowrap; }
.topic1-study-map .hand { font:14px/1.6 'Segoe Print','Bradley Hand',cursive; color:var(--c); margin:5px 0 0 3px; }
.topic1-study-map .extra { position:absolute; top:100%; left:-1px; right:-1px; background:#fff; border:1px solid var(--c); border-radius:6px 9px 8px 8px; padding:12px 14px; color:var(--ink); font-size:13px; line-height:1.6; box-shadow:0 4px 12px #17334b0c; pointer-events:none; display:none; }
.topic1-study-map .extra strong { font-weight:600; }
.topic1-study-map .extra .open { display:none; }
.topic1-study-map .bottom .extra { top:auto; bottom:100%; }
.topic1-study-map #t1-map-n12 .extra { top:100%; left:0; right:auto; width:200px; }
.topic1-study-map #t1-map-n13 .extra { top:100%; right:0; left:auto; width:200px; }
.topic1-study-map #t1-map-n14 .extra { top:auto; bottom:0; left:100%; right:auto; width:230px; }
.topic1-study-map .note-node:focus-visible { z-index:10; border-color:var(--c); background:#f8fbff; transition:none; }
.topic1-study-map .note-node:focus-visible h2 span { text-decoration:underline; text-underline-offset:3px; }
.topic1-study-map .note-node:focus-visible .extra, .topic1-study-map .note-node.touch-open .extra { display:block; }
.topic1-study-map .note-node.touch-open { z-index:10; background:#f8fbff; border-color:var(--c); }
.topic1-study-map #t1-map-n11 { left:3.57%; top:185px; --c:#285caf; --wash:#e0eafb; }
.topic1-study-map #t1-map-n12 { left:20.98%; top:8px; --c:#277961; --wash:#dff0e6; }
.topic1-study-map #t1-map-n13 { left:55.98%; top:8px; --c:#267a87; --wash:#dceff0; }
.topic1-study-map #t1-map-n15 { left:3.57%; top:360px; --c:#80549c; --wash:#ecdfef; }
.topic1-study-map #t1-map-n14 { left:37.77%; top:360px; width:24.1%; --c:#a1642d; --wash:#f5e7d4; }
.topic1-study-map #t1-map-n16 { left:73.48%; top:360px; width:24.1%; --c:#ae5158; --wash:#f6e1e1; }
.topic1-study-map #t1-map-n17 { left:74.1%; top:185px; width:23.2%; height:auto; min-height:104px; --c:#5664a1; --wash:#e7e7f5; }
.topic1-study-map .sheet-footer { padding:10px 18px; border-top:1px solid #e6e5dc; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 18px; color:var(--muted); font-size:11px; }
.topic1-study-map .sheet-footer .sample-line { display:inline-block; width:18px; border-top:1.5px solid #8996a5; margin-right:5px; vertical-align:middle; }
.topic1-study-map .sheet-footer .dashed { border-top-style:dashed; }
.topic1-study-map details { margin-top:14px; }
.topic1-study-map summary { cursor:pointer; width:fit-content; color:var(--blue); font-size:12px; }
.topic1-study-map .text-map { display:grid; grid-template-columns:1fr 1fr; gap:8px 30px; font-size:13px; color:var(--muted); padding-left:20px; }
.topic1-study-map .text-map strong { color:var(--ink); font-weight:600; }
.topic1-study-map .touch-hint { display:none; }
.topic1-study-map.touch .desktop-hint { display:none; }
.topic1-study-map.touch .touch-hint { display:inline; }
@media(hover:hover) and (pointer:fine) {
.topic1-study-map .note-node:hover { z-index:10; transform:scale(1.035); background:#f8fbff; border-color:var(--c); }
.topic1-study-map .note-node:hover h2 span { text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.topic1-study-map .note-node:hover .extra { display:block; }
.topic1-study-map .breadcrumb a:hover { text-decoration:underline; }

}
@media(prefers-reduced-motion:reduce) {
.topic1-study-map .note-node { transition:none; }
.topic1-study-map .note-node:hover { transform:none; }

}
@media(hover:none) {
.topic1-study-map .desktop-hint { display:none; }
.topic1-study-map .touch-hint { display:inline; }

}
@media(max-width:700px) {
.topic1-study-map .bar { padding:10px 15px; }
.topic1-study-map main { padding:15px 12px 20px; }
.topic1-study-map .course { font-size:10px; }
.topic1-study-map .hint { text-align:left; }
.topic1-study-map .intro { align-items:flex-start; }
.topic1-study-map h1 { font-size:20px; }
.topic1-study-map .text-map { grid-template-columns:1fr; }

}
@media print {
.topic1-study-map header, .topic1-study-map .breadcrumb, .topic1-study-map .hint, .topic1-study-map details { display:none; }
.topic1-study-map main { max-width:none; padding:0; }
.topic1-study-map .canvas { min-width:0; }
.topic1-study-map .viewport { overflow:visible; }
.topic1-study-map .sheet { break-inside:avoid; }

}

.topic1-study-map { width:100%; min-width:0; background:transparent; }
#topic-overview-view { display:none; width:100%; min-width:0; background:#fff; }
.map-three-column-container.topic-overview-mode .center-workspace-panel { min-width:0; overflow:auto; }
.map-three-column-container.topic-overview-mode .topic1-study-map .canvas { min-width:960px; }
.topic1-overview-shell { max-width:1130px; width:100%; margin:0 auto; }
.topic1-overview-toolbar { max-width:1130px; }
.topic1-overview-card { display:flex; flex-direction:column; width:100%; gap:12px; padding:16px; background:#fff; }
.topic1-overview-card:hover { transform:none; box-shadow:none; background:#fff; border-color:#e4ebf5; }
.topic1-overview-card-heading h2 { font-size:18px; font-weight:600; line-height:1.4; margin:0 0 4px; color:#0b2545; }
.topic1-overview-card-heading p { margin:0; font-size:13px; color:#5a7396; }
.topic1-overview-card .sheet { border:0; border-radius:0; background:#fff; }
.topic1-overview-back:focus-visible { outline:2px solid #1557c7; outline-offset:5px; }
.topic1-overview-chapters { display:none; border:1px solid #ccd8e6; border-radius:5px; padding:6px 10px; color:#1557c7; background:#fff; font:13px 'Inter','Segoe UI',sans-serif; cursor:pointer; }
@media(max-width:700px) {
  #topic-overview-view { padding:15px 12px 20px; }
  .topic1-overview-chapters { display:inline-block; }
  .map-three-column-container.topic-overview-mode .directory-left-sidebar { display:none; }
  .map-three-column-container.topic-overview-mode .directory-left-sidebar.drawer-open { display:flex; position:absolute !important; z-index:100; top:0; bottom:0; left:0; width:280px !important; min-width:280px !important; }
  .map-three-column-container.topic-overview-mode .chapters-drawer-backdrop.active { display:block !important; }
}