/* Converge Hybrid public scorecard. Ported from the converge-scorecard widget;
   everything stays scoped under #th-sc. Brand colours/fonts: change the
   variables below. No external fonts or images (CSP: style-src 'self'). */
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:clamp(16px,4vw,48px) 16px;background:#f4f7fb;color:#0f1b2d;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
#th-sc{--th-navy:#022864;--th-teal:#06BDBE;--th-blue:#4AA2DA;--th-ink:#0f1b2d;--th-muted:#5b6678;--th-line:#dfe4ec;--th-bg:#ffffff;--th-soft:#f4f7fb;--th-red:#c0392b;--th-amber:#d98c10;--th-green:#1f9d55;
  font-family:inherit;color:var(--th-ink);max-width:760px;margin:0 auto;line-height:1.5;box-sizing:border-box}
#th-sc *,#th-sc *::before,#th-sc *::after{box-sizing:border-box}
#th-sc .th-card{background:var(--th-bg);border:1px solid var(--th-line);border-radius:14px;padding:clamp(20px,4vw,40px);box-shadow:0 6px 24px rgba(2,40,100,.06)}
#th-sc h2.th-h{font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.15;margin:0 0 .5em;color:var(--th-navy);letter-spacing:-.01em}
#th-sc h3.th-h3{font-size:1.15rem;margin:0 0 .25em;color:var(--th-navy)}
#th-sc p{margin:0 0 1em}
#th-sc .th-sub{font-size:1.08rem;color:var(--th-muted)}
#th-sc ul.th-list{margin:0 0 1.2em;padding-left:1.1em}
#th-sc ul.th-list li{margin:.35em 0}
#th-sc .th-cred{font-size:.92rem;color:var(--th-muted);border-left:3px solid var(--th-teal);padding-left:.8em;margin:1.2em 0 1.6em}
#th-sc .th-btn{appearance:none;display:inline-block;border:0;border-radius:999px;background:var(--th-navy);color:#fff;font:inherit;font-weight:600;padding:.85em 1.6em;cursor:pointer;text-decoration:none;line-height:1.2}
#th-sc .th-btn:hover{background:#03357f}
#th-sc .th-btn:focus-visible,#th-sc .th-opt input:focus-visible+span,#th-sc input:focus-visible,#th-sc select:focus-visible{outline:3px solid var(--th-teal);outline-offset:2px}
#th-sc .th-btn[disabled]{opacity:.45;cursor:not-allowed}
#th-sc .th-btn.th-ghost{background:transparent;color:var(--th-navy);border:1px solid var(--th-line)}
#th-sc .th-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:1.6em}
#th-sc .th-progress{height:6px;background:var(--th-soft);border-radius:99px;overflow:hidden;margin:0 0 1.4em}
#th-sc .th-progress>i{display:block;height:100%;background:var(--th-teal);transition:width .3s}
#th-sc .th-step{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--th-muted);margin:0 0 .4em}
#th-sc fieldset{border:0;padding:0;margin:0 0 1.5em}
#th-sc legend{font-weight:600;font-size:1.02rem;margin-bottom:.7em;padding:0}
#th-sc .th-opts{display:flex;flex-wrap:wrap;gap:8px}
#th-sc .th-opt{position:relative}
#th-sc .th-opt input{position:absolute;opacity:0;width:1px;height:1px}
#th-sc .th-opt span{display:inline-block;border:1px solid var(--th-line);border-radius:999px;padding:.55em 1.1em;cursor:pointer;background:#fff;font-size:.95rem}
#th-sc .th-opt input:checked+span{background:var(--th-navy);border-color:var(--th-navy);color:#fff}
#th-sc label.th-field{display:block;margin:0 0 1em;font-weight:600;font-size:.95rem}
#th-sc label.th-field input,#th-sc label.th-field select{display:block;width:100%;margin-top:.35em;font:inherit;font-weight:400;padding:.7em .8em;border:1px solid var(--th-line);border-radius:10px;background:#fff;color:var(--th-ink)}
#th-sc .th-check{display:flex;gap:.6em;align-items:flex-start;font-size:.9rem;margin:.4em 0 1em}
#th-sc .th-check input{margin-top:.25em}
#th-sc .th-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#th-sc .th-err{color:var(--th-red);font-size:.9rem;min-height:1.2em}
#th-sc .th-score{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:1.2em}
#th-sc .th-dial{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--th-c) calc(var(--th-p)*1%),var(--th-soft) 0)}
#th-sc .th-dial b{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.7rem;color:var(--th-navy)}
#th-sc .th-band{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:6px;padding:.25em .6em;margin-bottom:.4em}
#th-sc .th-bars{margin:1.2em 0}
#th-sc .th-bar{margin:.55em 0}
#th-sc .th-bar-top{display:flex;justify-content:space-between;font-size:.92rem}
#th-sc .th-bar-track{height:8px;border-radius:99px;background:var(--th-soft);overflow:hidden;margin-top:.25em}
#th-sc .th-bar-track>i{display:block;height:100%;border-radius:99px}
#th-sc .th-focus{background:var(--th-soft);border-radius:12px;padding:1em 1.2em;margin:.8em 0}
#th-sc .th-focus p{margin:.35em 0}
#th-sc .th-cta{background:var(--th-navy);color:#fff;border-radius:14px;padding:1.4em;margin-top:1.4em}
#th-sc .th-cta h3{color:#fff;margin:0 0 .4em}
#th-sc .th-cta .th-btn{background:var(--th-teal);color:var(--th-navy)}
#th-sc .th-small{font-size:.82rem;color:var(--th-muted)}
@media (max-width:520px){#th-sc .th-nav{flex-direction:column-reverse;align-items:stretch}#th-sc .th-btn{width:100%;text-align:center}}
#th-sc{overflow-wrap:anywhere}
#th-sc .th-cred a{color:var(--th-navy)}
#th-sc h2.th-h.th-h-result{font-size:1.5rem}
#th-sc .th-status{margin-top:1.2em}
#th-sc .th-status .th-btn{margin-top:.6em}
#th-sc .th-notice h3.th-h3{margin-top:1.4em}
