/* Support triage. Public-site tokens keep both themes aligned with the rest of the portal. */
.sp-hero{padding-top:64px;padding-bottom:32px}
.sp-hero h1{max-width:none}
.sp-triage{display:grid;gap:24px;padding-top:0;align-items:start}
.sp-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sp-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-height:148px;padding:18px 20px;text-align:left;font:400 15px/1.4 var(--font-sans);color:var(--body);border:1px solid var(--line);border-radius:var(--r-xs);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}
.sp-choice-title{padding-right:20px;font:700 24px/1.08 "Saira Condensed",sans-serif;color:var(--text)}
.sp-choice-description{font-size:15px;line-height:1.4}
.sp-choice svg{position:absolute;right:14px;top:20px;width:16px;height:16px;opacity:.5}
.sp-choice:hover{background:var(--bg-elevated);border-color:var(--edge-hover);color:var(--text)}
.sp-choice[aria-expanded="true"]{border-color:var(--cta);background:var(--cta);color:var(--cta-ink)}
.sp-choice[aria-expanded="true"] svg{opacity:1}
.sp-choice[aria-expanded="true"] .sp-choice-title{color:inherit}
.sp-choice:focus-visible,.sp-panel a:focus-visible,.sp-panel input:focus-visible,.sp-panel textarea:focus-visible,.sp-account-help summary:focus-visible,.sp-footnotes summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sp-panels{min-width:0}
.sp-panel{padding:28px 32px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-elevated);scroll-margin-top:100px}
.sp-panel[hidden],.sp-panel [hidden],.sp-live[hidden]{display:none!important}
.sp-panel h2{margin:0 0 12px;font:700 clamp(28px,3vw,38px)/1.1 "Saira Condensed",sans-serif;letter-spacing:-.01em;color:var(--text)}
.sp-panel>p{font-size:16px;line-height:1.6;color:var(--body);margin:0 0 24px;max-width:54ch}
.sp-panel a:not(.button),.sp-contact-bar a:not(.button),.sp-footnotes a{color:var(--accent);text-underline-offset:4px}
.sp-panel .sp-head{margin-bottom:12px;gap:8px}
.sp-head>a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.sp-head>a svg{width:16px;height:16px}
.sp-panel .guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.sp-panel .guide-card{padding:14px 0;min-height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.sp-panel .guide-card:last-child{border-bottom:1px solid var(--line)}
.sp-panel .guide-card h3{font:500 16px/1.4 var(--font-sans);margin:0}
.sp-panel .guide-card:hover{transform:none;color:var(--accent)}
.sp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:15px}
.sp-actions>a{display:inline-flex;align-items:center;min-height:44px}
.sp-form{display:grid;gap:10px;margin-top:20px;max-width:800px}
.sp-guide-help{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;font-size:15px}
.sp-guide-help svg{width:16px;height:16px}
.sp-form label{display:block;font-size:14px;line-height:1.5;font-weight:600;color:var(--text)}
.sp-form label span{font-weight:400;color:var(--muted2)}
.sp-form input,.sp-form textarea{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--edge);border-radius:var(--r-xs);background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font-sans)}
.sp-form textarea{resize:vertical;min-height:116px}
.sp-form-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:6px}
.sp-form-fields label{margin-bottom:8px}
.sp-form .sp-note{font-size:14px;line-height:1.5;color:var(--muted2);margin:4px 0}
.sp-form-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sp-form-footer p{flex:1 1 180px;font-size:14px;line-height:1.5;color:var(--body);margin:0}
.sp-form-footer p[data-error]{color:var(--danger)}
.sp-form button:disabled{opacity:.6;cursor:not-allowed}
.sp-verification-retry{justify-self:start;min-height:44px;padding:8px 12px;background:transparent;color:var(--accent);border:1px solid var(--edge);border-radius:var(--r-xs);font:500 14px/1.4 var(--font-sans);cursor:pointer}
.sp-sent{padding:24px 0;font-size:16px;line-height:1.6;color:var(--text)}
.sp-account-help{margin-top:24px}
.sp-account-help summary,.sp-footnotes summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:15px;color:var(--body)}
.sp-contact-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:28px;margin-top:32px;border-top:1px solid var(--line)}
.sp-contact-bar .sp-hours{max-width:440px;margin:0;font-size:14px}
.sp-footnotes{padding-top:24px;padding-bottom:0}
.sp-footnotes .sp-integration{display:block;max-width:720px}
.sp-footnotes .pg-prose{font-size:14px;line-height:1.6}
.sp-policy{display:flex;flex-wrap:wrap;gap:0 24px;font-size:14px;margin-top:12px}
.sp-policy a{display:inline-flex;align-items:center;min-height:44px}
.sp-company{font-size:14px;color:var(--muted2);margin:16px 0 0}
@media(max-width:1099px){.sp-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-choice:last-child{grid-column:1/-1}.sp-choice{min-height:110px}.sp-contact-bar{flex-direction:column}}
@media(max-width:599px){.sp-hero{padding-top:40px;padding-bottom:24px}.sp-triage{padding-top:0}.sp-choices{grid-template-columns:1fr;gap:6px}.sp-choice{min-height:88px;padding:14px 16px;gap:6px}.sp-choice-title{font-size:22px}.sp-panel{padding:24px 20px}.sp-panel .guide-list{grid-template-columns:1fr}.sp-contact-bar{padding-top:24px}.sp-footnotes{padding-top:16px}.sp-head{align-items:flex-start}.sp-panel .sp-head h2{font-size:28px}.sp-form-footer .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.sp-choice{transition:none}}
