/* Chapter presentation extends the existing guide; no separate design system. */
header{padding:2.2rem 1rem}h1{font-size:clamp(1.9rem,4.5vw,3rem)}
.chapter-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.chapter-links a{display:block;color:var(--ink);text-decoration:none}
.chapter-links a:hover{border-color:var(--blue)}
.chapter-no{display:block;font-weight:800;color:var(--blue);margin-bottom:.6rem}
.level{display:inline-block;font-size:.85rem;padding:.3rem .7rem;border-radius:.4rem;font-weight:750}
.ready{background:var(--green-bg);color:var(--green)}
.conditional{background:var(--amber-bg);color:var(--amber)}
.blocked{background:var(--red-bg);color:var(--red)}
.task-step{margin:1rem 0;padding:1.2rem;background:white;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:.6rem}
.task-step h3{font-size:1.15rem}.task-step p{margin:.65rem 0}.task-step p:last-child{margin-bottom:0}
.result{padding:.8rem 1rem;background:var(--green-bg);border-radius:.4rem}
.stop{padding:.9rem 1rem;background:var(--red-bg);border-left:5px solid var(--red);border-radius:.4rem}
.gate{padding:1.15rem;background:var(--amber-bg);border:2px solid #e5ac42;border-radius:.7rem}
.checks{list-style:none;padding:0}.checks li{padding:.55rem 0;border-bottom:1px solid var(--line)}
.checks input{width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:.6rem}
.note-input{display:block;width:100%;min-height:7rem;border:1px solid var(--line);border-radius:.5rem;padding:.8rem;font:inherit;background:white;color:var(--ink)}
.flowline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0}
.flowline span{background:white;border:1px solid var(--line);padding:.45rem .7rem;border-radius:.4rem}
.next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}
.caption-note{color:var(--muted);font-size:.9rem}
.chapter-media{max-height:900px;object-fit:contain;background:#fff}
header a{color:#fff}.source li{margin:.4rem 0}
@media(max-width:700px){.chapter-links{grid-template-columns:1fr}.task-step{padding:1rem}.flowline{font-size:.9rem}}
@media print{.task-step,.gate,.result{break-inside:avoid}.next{display:none}.checks input{appearance:auto}.note-input{border-color:#777}.chapter-links{display:block}.chapter-media{max-height:6in}}