
:root{--ctg-bg:#f8fafc;--ctg-surface:#fff;--ctg-border:#dbe4ef;--ctg-ink:#0f172a;--ctg-muted:#64748b;--ctg-primary:#2563eb;--ctg-primary-soft:#eff6ff;--ctg-shadow:0 8px 30px rgba(15,23,42,.08)}
.ctg-actions{margin:18px 0;padding:14px;border:1px solid var(--ctg-border);border-radius:16px;background:var(--ctg-surface);box-shadow:var(--ctg-shadow);display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ctg-actions .ctg-label{font-size:12px;font-weight:800;color:var(--ctg-muted);margin-right:auto;text-transform:uppercase;letter-spacing:.04em}.ctg-btn{appearance:none;border:1px solid var(--ctg-border);background:var(--ctg-surface);color:var(--ctg-ink);padding:10px 13px;border-radius:11px;font:700 13px/1.2 inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;min-height:40px}.ctg-btn:hover{border-color:#93c5fd;background:var(--ctg-primary-soft)}.ctg-btn.primary{background:var(--ctg-primary);border-color:var(--ctg-primary);color:#fff}.ctg-btn[disabled]{opacity:.45;cursor:not-allowed}.ctg-note{font-size:11px;color:var(--ctg-muted);flex-basis:100%}
.ctg-related{margin:20px 0}.ctg-related h2{font-size:20px;margin:0 0 10px}.ctg-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.ctg-related a{display:block;text-decoration:none;background:var(--ctg-surface);border:1px solid var(--ctg-border);border-radius:14px;padding:13px;color:var(--ctg-ink)}.ctg-related a:hover{border-color:#93c5fd;box-shadow:0 5px 18px rgba(37,99,235,.08)}.ctg-related strong{display:block;font-size:13px}.ctg-related span{display:block;font-size:11px;color:var(--ctg-muted);margin-top:4px;line-height:1.45}
.ctg-seo{margin:24px 0;padding:20px;border:1px solid var(--ctg-border);border-radius:16px;background:var(--ctg-surface)}.ctg-seo h2{margin:0 0 9px;font-size:20px}.ctg-seo p{margin:0;color:var(--ctg-muted);font-size:14px;line-height:1.75}.ctg-fresh{margin:16px 0;padding:11px 13px;border:1px solid var(--ctg-border);border-radius:12px;background:var(--ctg-primary-soft);font-size:11px;color:#334155;display:flex;gap:8px;align-items:flex-start}.ctg-fresh strong{color:#1e3a8a}
.ctg-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:18px;z-index:10050}.ctg-modal{width:min(760px,100%);max-height:min(86vh,760px);overflow:auto;background:var(--ctg-surface);color:var(--ctg-ink);border-radius:18px;border:1px solid var(--ctg-border);box-shadow:0 25px 80px rgba(15,23,42,.25);padding:20px}.ctg-modal h2{margin:0 0 6px;font-size:22px}.ctg-modal .small{font-size:12px;color:var(--ctg-muted)}.ctg-scenario-list{display:grid;gap:9px;margin-top:15px}.ctg-scenario{border:1px solid var(--ctg-border);border-radius:13px;padding:12px}.ctg-scenario-head{display:flex;gap:10px;align-items:center}.ctg-scenario-head strong{margin-right:auto}.ctg-scenario pre{white-space:pre-wrap;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#475569;max-height:180px;overflow:auto}.ctg-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.ctg-compare-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:12px}.ctg-compare-table th,.ctg-compare-table td{padding:9px;border:1px solid var(--ctg-border);vertical-align:top;text-align:left}.ctg-compare-table th{background:#f8fafc}.ctg-commercial{margin:14px 0;padding:10px 12px;border-left:3px solid #94a3b8;color:var(--ctg-muted);font-size:11px;background:#f8fafc}
[data-theme="dark"] .ctg-actions,[data-theme="dark"] .ctg-related a,[data-theme="dark"] .ctg-seo,[data-theme="dark"] .ctg-modal{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme="dark"] .ctg-related span,[data-theme="dark"] .ctg-seo p,[data-theme="dark"] .ctg-note,[data-theme="dark"] .ctg-modal .small{color:#94a3b8}[data-theme="dark"] .ctg-fresh,[data-theme="dark"] .ctg-commercial{background:#0f172a;border-color:#334155;color:#cbd5e1}[data-theme="dark"] .ctg-compare-table th{background:#0f172a}
@media(max-width:650px){.ctg-actions .ctg-label{flex-basis:100%}.ctg-btn{flex:1 1 calc(50% - 9px);justify-content:center}.ctg-related-grid{grid-template-columns:1fr}.ctg-modal{padding:16px}}
@media print{.ctg-actions,.ctg-related,.ctg-fresh,.ctg-commercial,.ctg-modal-backdrop{display:none!important}}
