/* Scoped extension of the approved public Solutions tokens. */
.sx-page [hidden] { display: none !important; }
.sx-page .sol-icon { color:var(--ai); background:var(--ai-bg); }
.sx-page .sx-tint { background:var(--ai-bg); }
.sx-page .sx-hero-photo { min-height: 390px; }
.sx-page .sx-tour { padding-bottom: 24px; }
.sx-page .sx-step-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.sx-page .sx-step-nav button { display:flex; align-items:center; gap:12px; min-height:64px; padding:14px 16px; text-align:left; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:var(--text); cursor:pointer; font:inherit; font-weight:600; }
.sx-page .sx-step-nav button span { color:var(--action-ink); }
.sx-page .sx-step-nav button[aria-pressed="true"] { background:var(--ai-bg); border-color:var(--ai); box-shadow:inset 0 -3px var(--ai); }
.sx-page .sx-tour-panel { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:32px; align-items:center; padding:28px; background:var(--surface-canvas); border:1px solid var(--border); border-radius:16px; margin-top:16px; }
.sx-page .sx-tour-panel > * { min-width:0; }
.sx-page .sx-tour-panel { scroll-margin-top:calc(var(--sol-nav-height) + 85px); }
.sx-page .sx-tour-copy > p:not(.sol-eyebrow) { margin:16px 0 22px; color:var(--text-muted); }
.sx-page .sx-tour-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:18px; }
.sx-page .sx-tour-footer p { color:var(--text-muted); margin:0; }
.sx-page button:disabled { opacity:.45; cursor:default; }
.sx-page .sx-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.sx-page .sx-card { padding:28px; }
.sx-page .sx-card h3 { margin:18px 0 12px; }
.sx-page .sx-card p { color:var(--text-muted); margin:0 0 18px; }
.sx-page .sx-card .sol-link { margin-top:10px; }

.sx-page .sx-setup { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:0; padding:0; }
.sx-page .sx-setup li { padding:24px 0; border-top:1px solid var(--border-strong); }
.sx-page .sx-setup li > span { color:var(--action-ink); font-weight:600; }
.sx-page .sx-setup h3 { margin:18px 0 12px; }
.sx-page .sx-setup p { color:var(--text-muted); margin:0 0 18px; }
.sx-page .sx-guides { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sx-page .sx-guide { display:flex; gap:12px; padding:22px 18px; align-items:center; color:var(--text); text-decoration:none; }
.sx-page .sx-guide > span:nth-child(2) { min-width:0; flex:1; }
.sx-page .sx-guide small { display:block; margin-top:6px; color:var(--text-muted); }
.sx-page .sx-guide:hover { border-color:var(--brand-deep); background:var(--brand-deep-tint); }
.sx-page .sx-topic-links { display:flex; flex-wrap:wrap; gap:10px; }
.sx-page .sx-topic-links a { display:inline-flex; align-items:center; min-height:48px; gap:10px; padding:10px 16px; border:1px solid var(--border); border-radius:8px; color:var(--text); }
@media(max-width:960px) { .sx-page .sx-guides { grid-template-columns:1fr; } .sx-page .sx-tour-panel { grid-template-columns:1fr; } }
@media(max-width:680px) { .sx-page .sx-hero-photo { min-height:300px; } .sx-page .sx-step-nav { grid-template-columns:1fr; gap:8px; } .sx-page .sx-step-nav button { min-height:48px; } .sx-page .sx-tour-panel { padding:18px; gap:22px; } .sx-page .sx-two,.sx-page .sx-setup { grid-template-columns:1fr; gap:16px; } .sx-page .sx-card { padding:22px; } .sx-page .sx-tour-footer { align-items:flex-start; flex-direction:column; } .sx-page .sx-tour-footer .sol-actions { width:100%; } .sx-page .sx-tour-footer button { flex:1; } }
@media print { .sx-page [data-tour-panel][hidden] { display:grid !important; } .sx-page .sx-step-nav,.sx-page .sx-tour-footer,.sx-page .sol-jumpbar { display:none !important; } .sx-page .sx-tour-panel { break-inside:avoid; } }

.sx-page .sol-hub-art > img.sx-hub-photo { object-fit:cover; border-radius:16px; max-height:350px; }