*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#18263d;font:17px/1.6 system-ui}a{color:#1758b0}header,main,footer{max-width:1400px;margin:auto;padding:36px}header{background:#142644;color:white;border-radius:0 0 28px 28px}header a{color:#bee0ff}h1{font-size:clamp(30px,4vw,54px);line-height:1.12}h2{font-size:30px;line-height:1.25}h3{font-size:21px}small{color:#5a6a80}header small{color:#cee0fc}.tools{position:sticky;top:0;background:#ffffffee;padding:12px;display:flex;flex-wrap:wrap;gap:10px;z-index:9;border-bottom:1px solid #bbb}button,input,select{font:inherit;padding:8px;border:1px solid #8b9bb4;border-radius:6px}input[type=search]{width:min(520px,90vw)}.contents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.contents a{padding:8px;background:#e5ecf8;border-radius:6px}.chapter{background:white;margin:30px 0;padding:26px;border-radius:18px;scroll-margin-top:130px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.deep .cards{grid-template-columns:repeat(2,minmax(0,1fr))}article{background:#edf2fa;padding:22px;border-top:4px solid #6484b2;border-radius:10px;overflow-wrap:anywhere}.deep article:nth-child(2){background:#edf6ed}.deep article:nth-child(3){background:#fff2df}.deep article:nth-child(4){background:#f1ebfa}.deep article:nth-child(5){background:#e7f5f2}.deep article:nth-child(6){background:#f2f2ed}.status{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.hidden{display:none!important}article.hit{outline:3px solid #d68c13}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#142644;color:#e5edff;padding:20px;border-radius:8px}.diagram{overflow:auto;border:1px solid #b3c2d8;margin:20px 0;max-height:900px}.diagram svg{display:block;min-width:1000px;width:100%;height:auto}details{padding:12px;background:#f0f3fa;margin:15px 0}table{border-collapse:collapse;width:100%}td,th{border:1px solid #b5c2d6;padding:10px;text-align:left}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e28c09;outline-offset:3px}@media(max-width:800px){header,main,footer{padding:18px}.cards,.deep .cards,.contents{grid-template-columns:1fr}.chapter{padding:18px}h2{font-size:26px}}@media print{.tools,.status,.zoom{display:none}header{color:#111;background:white}.chapter{break-before:page;padding:0}.cards,.deep .cards{grid-template-columns:repeat(2,1fr)}article{break-inside:avoid}body{font-size:11pt;background:white}.diagram{max-height:none;overflow:visible}.diagram svg{min-width:0;width:100%}body[data-print=all] .hidden{display:block!important}body[data-print=current] .chapter:not(.print-current){display:none!important}}
.skip-link{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:30}.skip-link:focus{top:12px}.site-nav{display:flex;flex-wrap:wrap;gap:8px}.contents{scroll-margin-top:160px}.tools{box-shadow:0 4px 18px #14264410}#count,#progress{align-self:center;font-size:14px}button:hover{background:#e5ecf8}header{background:linear-gradient(115deg,#253052,#514171)}@media(max-width:800px){.tools{position:relative;padding:12px 18px}.chapter{scroll-margin-top:18px}.contents{scroll-margin-top:18px}.diagram svg{min-width:800px}input[type=search]{width:100%}.tools input[type=file]{max-width:150px}table{display:block;overflow-x:auto}.site-nav{line-height:1.8}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.skip-link,.site-nav{display:none}header a,footer a{color:#111}}