:root{font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#1e293b;background:#f4f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0} .top{background:#1644a3;color:white}.bar{max-width:1250px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:800;font-size:19px;color:white;text-decoration:none}.sub{font-size:12px;color:#dbeafe}.layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px;padding:22px}.side,.main{background:white;border:1px solid #e2e8f0;border-radius:12px}.side{padding:18px;height:fit-content;position:sticky;top:16px}.section-title{font-weight:800;color:#1d4ed8;margin-bottom:12px}input[type=search]{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:11px;font:inherit}.category{margin:18px 0 6px;font-weight:700;font-size:13px;color:#475569}.topic{display:block;text-decoration:none;color:#334155;padding:10px;border-radius:8px;font-size:13px}.topic.active{background:#dbeafe;color:#1e40af;font-weight:800}.topic:hover{background:#f1f5f9}.hint{font-size:11px;color:#64748b;line-height:1.7}.main{padding:24px 34px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:18px;font-size:12px;color:#64748b}.toolbar>div{display:flex;gap:8px}button{background:#1d4ed8;color:white;border:0;border-radius:7px;padding:9px 13px;cursor:pointer;font-weight:700}button.outline{background:white;color:#1d4ed8;border:1px solid #93c5fd}article{max-width:800px;margin:auto;line-height:1.58}h1{font-size:24px;color:#1844a1;margin:10px 0 24px}h2{font-size:18px;margin:25px 0 10px;color:#1844a1;border-bottom:1px solid #dbeafe;padding-bottom:7px}h3{font-size:15px;margin:19px 0 8px;color:#1d4ed8}p{margin:8px 0 12px}ul{margin:8px 0 14px;padding-left:23px}li{margin:5px 0}table{border-collapse:collapse;width:100%;font-size:13px;margin:9px 0 13px}th,td{border:1px solid #cbd5e1;padding:8px 9px;text-align:left;vertical-align:top}th{background:#eaf2ff;color:#173f91}figure{margin:9px auto 14px;max-width:510px}figure img{width:100%;height:auto;display:block}figcaption{font-size:11px;text-align:center;color:#64748b;margin-top:5px}.key{color:#b91c1c;font-weight:700}.principle{font-weight:700;color:#166534}.note{background:#f8fafc;border-left:3px solid #2563eb;padding:8px 12px;font-size:13px}.error{color:#991b1b}@media(max-width:760px){.bar{padding:13px 16px}.sub{display:none}.layout{display:block;padding:10px}.side{position:static;margin-bottom:10px;padding:14px}.main{padding:15px 13px}h1{font-size:20px}table{font-size:11px}th,td{padding:7px 5px}figure{max-width:100%}.toolbar{font-size:11px}}@page{size:A4 portrait;margin:13mm 14mm}@media print{body{background:white}.top,.side,.toolbar{display:none!important}.layout{display:block;padding:0}.main{border:none;padding:0}article{max-width:none;font-size:10pt;line-height:1.35}h1{font-size:16pt;margin:0 0 10px}h2{font-size:12pt;margin:12px 0 4px}h3{font-size:10.5pt;margin:8px 0 4px}p,ul{margin:4px 0 6px}li{margin:2px 0}table{font-size:8.5pt;margin:5px 0 7px}th,td{padding:4px 5px}figure{max-width:360px;margin:5px auto}figcaption{font-size:8pt}.note{padding:5px 8px}figure,table{break-inside:avoid}}