.sup-tools .cat-tools{display:grid;gap:18px;margin-bottom:24px}.sup-tools .cat-search{display:flex;align-items:center;gap:12px;width:min(100%,740px);padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue)}.sup-tools .cat-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2f6bd820}.sup-tools .cat-search svg{flex:none}.sup-tools .cat-search input{flex:1;min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.sup-tools .cat-chips{display:flex;flex-wrap:wrap;gap:6px}.sup-tools .cat-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--gray);font-size:12px}.sup-list{display:grid;gap:10px}.sup-guide[hidden]{display:none}.sup-guide{background:#fff;border:1px solid var(--line);border-radius:8px}.sup-guide[open],.sup-guide:has(details[open]){border-color:#b9cdf0}.sup-guide summary{list-style:none;display:grid;grid-template-columns:36px 1fr 20px;gap:16px;align-items:center;padding:18px 20px;cursor:pointer}.sup-guide summary::-webkit-details-marker{display:none}.sup-guide summary svg{color:var(--blue);transition:transform .2s}.sup-guide details[open] summary svg{transform:rotate(180deg)}.sup-num{font:11px var(--app-font-mono);color:var(--blue)}.sup-cat{display:block;font:10px var(--app-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}.sup-sum h3{font-size:17px;letter-spacing:-.03em}.sup-desc{display:block;font-size:12px;color:var(--gray);margin-top:4px}.sup-body{padding-block:0 22px;padding-inline:72px 24px}.sup-body h4{font:500 10px var(--app-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-2);margin:0 0 8px}.sup-body ol{margin:0;padding-inline-start:20px;display:grid;gap:8px;font-size:13px;line-height:1.7;color:#3b4859;max-width:720px}.sup-body ol li::marker{color:var(--blue);font-family:var(--app-font-mono)}.sup-body .text-link{margin-top:16px}.sup-empty{border:1px dashed #b9cdf0;border-radius:10px;background:#fff;padding:36px;text-align:center;margin-bottom:10px}.sup-empty h3{font-size:20px;margin-bottom:8px}.sup-empty p{color:var(--gray);margin:0 0 18px}.sup-report{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}.sup-check{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:8px}.sup-check li{background:#fff;border:1px solid var(--line);border-inline-start:3px solid var(--blue);padding:11px 14px;font-size:13px;border-radius:4px}.sup-warn{display:flex;gap:10px;font-size:13px;line-height:1.6;color:var(--navy);font-weight:600;margin:0}.sup-warn svg{flex:none;margin-top:3px;color:var(--blue)}.sup-side{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}.sup-side h3{font-size:18px;letter-spacing:-.03em;margin:0 0 8px}.sup-side p{font-size:13px;line-height:1.7;color:var(--gray);margin:0 0 18px}.sup-side .button{margin-bottom:26px}.sup-side .sup-note{font:11px/1.6 var(--app-font-mono);color:var(--gray-2);margin:0}@media(max-width:1000px){.sup-report{grid-template-columns:1fr;gap:32px}}@media(max-width:700px){.sup-body{padding:0 20px 20px}.sup-guide summary{grid-template-columns:1fr 20px}.sup-num{display:none}}