/* Keep the whole knowledge map visible; card art frames the workspace. */
body[data-page=graph] main{padding:10px 12px 14px}
body[data-page=graph] .app-header{box-shadow:0 2px 0 #dceaf4}
body[data-page=graph] .app-header .brand>span{width:32px;height:32px}
body[data-page=graph] .views{background:#e4eff8;border:1px solid #d2e2ee;border-radius:12px;padding:3px}
body[data-page=graph] .views button[aria-pressed=true]{color:#234f6c;background:linear-gradient(#d4edfe,#bcdff5);box-shadow:inset 0 1px 0 #fff,0 2px 0 #a9c9df;border-radius:8px;font-weight:650}
body[data-page=graph] .summary-strip{background:linear-gradient(115deg,#fff 0%,#f5faff 100%);border:1px solid #bfd8e8;border-radius:16px;box-shadow:0 3px 0 #d8e8f3;padding-top:11px;padding-bottom:11px}
body[data-page=graph] .summary-strip strong{color:#285b7c}
body[data-page=graph] .summary-comment{border-color:#d5e5f0}
body[data-page=graph] .summary-comment p{color:#355b74}
body[data-page=graph] .graph-card{border:2px solid #a6c8dd;border-radius:20px;box-shadow:inset 0 0 0 3px white,0 4px 0 #d0e4f0,0 7px 0 #adc9dc;background:#fff}
body[data-page=graph] .graph-heading{background:linear-gradient(100deg,#edf7ff,#fdfefe);border-bottom-color:#d7e7f2;padding:8px 14px;min-height:64px}
body[data-page=graph] .graph-heading>div:first-child{padding-left:68px;position:relative;min-width:0}
body[data-page=graph] .graph-heading>div:first-child:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:56px;height:49px;border:2px solid #fff;border-radius:13px;background:#e4f2ff url('assets/chibi/chibi-pair-icon.png') center/contain no-repeat;box-shadow:0 2px 0 #bad5e7}
body[data-page=graph] .graph-heading h2{color:#244f6c;font-weight:700}
body[data-page=graph] #view-context{background:#eff7fd;border-color:#d5e6f2}
body[data-page=graph] .context-main strong{color:#2e5b7a}
body[data-page=graph] .context-main p,body[data-page=graph] .context-main small{color:#607e94}
body[data-page=graph] #graph-wrap{background:radial-gradient(ellipse at 50% 10%,#f4faff,#fff 75%)}
body[data-page=graph] .guide-area,body[data-page=graph] .branch-area,body[data-page=graph] .route-area{fill:#f6fbff;stroke:#d8e7f2}
body[data-page=graph] .guide-title,body[data-page=graph] .branch-title{fill:#476e8c}
body[data-page=graph] .guide-count,body[data-page=graph] .branch-subtitle{fill:#7d94a8}
body[data-page=graph] .node-name{fill:#315b76}
body[data-page=graph] .node-score{fill:#698194}
body[data-page=graph] .edge-line{stroke:#82a5bd}
body[data-page=graph] .edge-line.related{stroke:#558bad}
body[data-page=graph] .edge-line.active{stroke:#2c6b96}
body[data-page=graph] .node.is-journey-related .node-name{fill:#214d6b}
body[data-page=graph] .node.is-selected .node-name{fill:#174767}
body[data-page=graph] .graph-controls{background:#f8fcffff;border-color:#c6dce9;box-shadow:0 2px 0 #dbeaf5}
body[data-page=graph] .graph-card footer{background:#f9fcff;border-color:#dce9f3;color:#657e91}
body[data-page=graph] #lab-panel{border:2px solid #a9cbdf;border-radius:21px;box-shadow:inset 0 0 0 3px white,0 5px 0 #c5ddeb,0 18px 50px #294c6829}
body[data-page=graph] .panel-heading{background:#edf7ff;border-color:#d4e6f1;border-radius:18px 18px 0 0}
body[data-page=graph] .panel-heading h2{color:#285675}
body[data-page=graph] .option,body[data-page=graph] .recommendation{background:#f5faff;border-color:#d0e3ef;border-radius:12px}
body[data-page=graph] .option[aria-pressed=true]{background:#dfF0fc;border-color:#82b5d4}
body[data-page=graph] .option span{color:#4e83a7}
body[data-page=graph] .task-card{border-color:#c4ddeb;box-shadow:0 3px 0 #e1edf5;border-radius:14px}
body[data-page=graph] .task-lesson{color:#386e92;border-color:#d4e5ef;background:#fbfdff}
body[data-page=graph] .dependency-row button,body[data-page=graph] .chips button{background:#f2f8fd;border-color:#cce0ed}
body[data-page=graph] .dependency-row button span,body[data-page=graph] .dependency-row small{color:#6c879c}
body[data-page=graph] .source-card{border-color:#dce8f1}
body[data-page=graph] .grade-progress-card,body[data-page=graph] .result-box{background:#eff7fd;border-color:#d4e5f1}
body[data-page=graph] .exam-plot{fill:#f9fcff;stroke:#d4e4ef}
body[data-page=graph] .exam-grid{stroke:#dbe8f1}
body[data-page=graph] .exam-coordinate-line{stroke:#396e94}
body[data-page=graph] .exam-coordinate-arrow,body[data-page=graph] .exam-coordinate-origin{fill:#396e94}
body[data-page=graph] .exam-axis-title,body[data-page=graph] .exam-origin-label{fill:#2b5b7c}
body[data-page=graph] .exam-axis{fill:#68859b}
@media(max-width:700px){body[data-page=graph] main{padding:6px 6px 10px}body[data-page=graph] .app-header .brand>span{width:25px;height:25px;border-radius:9px}body[data-page=graph] .graph-heading{padding:7px 8px;min-height:59px}body[data-page=graph] .graph-heading>div:first-child{padding-left:48px}body[data-page=graph] .graph-heading>div:first-child:before{width:38px;height:39px;border-radius:10px}body[data-page=graph] .graph-card{border-radius:16px}body[data-page=graph] .summary-strip{padding-top:8px;padding-bottom:8px}}
body[data-page=graph] #adaptive-arrow path{fill:#6f99b7}