
.ci-review{padding:12px 24px;background:#ededed;color:#222;font-size:14px;border-bottom:1px solid #bbb}
.ci-answer{border-top:1px solid var(--line);padding:24px 0;scroll-margin-top:20px}
.ci-answer h3{font-size:1.35rem;line-height:1.3;margin:0 0 12px}
.ci-scope{font-size:14px;color:#444}.ci-rule{margin:16px 0}.ci-rule p{margin:8px 0}
.ci-sources{font-size:14px;overflow-wrap:anywhere}.ci-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 0}
.ci-links a{display:inline-block;min-height:44px}.ci-section>h2{margin-top:36px}
.ci-grid,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ci-card,.band{padding:20px;background:#f4f4f4;border:1px solid #ddd;border-radius:12px}
.ci-card h3{margin-top:0}.field{margin:18px 0}.field label,.field small{display:block}
.field label{font-weight:600}.field small,.check small{font-size:14px;color:#555;line-height:1.6}
input[type=number],input[type=text]{width:100%;font:inherit;padding:10px;border:1px solid #888;border-radius:4px}
button{font:inherit;border:1px solid #555;background:#eee;color:#222;padding:10px 16px;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid #333;outline-offset:3px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.check{display:flex;gap:14px;margin:20px 0}
.check input{width:22px;height:22px;flex-shrink:0}.check label{flex:1}.check small{display:block}
.task{font-weight:600}.metric{padding:16px;background:#f4f4f4;margin:12px 0}.metric strong,.metric span{display:block}
.related a{display:block;margin:12px 0}.notice{border-left:3px solid #333;padding:12px}
@media(max-width:700px){.ci-grid,.grid{grid-template-columns:1fr}.ci-review{padding:12px 18px}}
@media print{header,.ci-links,.actions,footer{display:none}.ci-answer{break-inside:avoid}input{border:1px solid #999}}
