/* STLBEAST Hub V897 — Troubleshooting Wizard readability + UX upgrade */
.hub897-shell{--h897-bg:#030b14;--h897-surface:#071522;--h897-surface2:#0b1d2d;--h897-line:#1d4664;--h897-blue:#21b7f4;--h897-blue2:#1675ff;--h897-cyan:#8ee8ff;--h897-ink:#0b1728;--h897-text:#40536b;--h897-soft:#eff8ff;max-width:1180px;margin:0 auto;padding:clamp(18px,4vw,52px) 18px 60px;color:#eaf7ff;box-sizing:border-box}.hub897-shell *{box-sizing:border-box}.hub897-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:20px;align-items:end;overflow:hidden;position:relative;padding:clamp(28px,5vw,58px);border:1px solid rgba(72,180,239,.28);border-radius:30px;background:radial-gradient(circle at 10% 0%,rgba(33,183,244,.2),transparent 38%),linear-gradient(135deg,#06111e,#0a2741 60%,#07131f);box-shadow:0 30px 90px rgba(0,0,0,.28)}.hub897-hero:after{content:"";position:absolute;width:360px;height:360px;right:-170px;top:-190px;border-radius:50%;border:1px solid rgba(142,232,255,.2);box-shadow:0 0 90px rgba(33,183,244,.16)}.hub897-kicker{display:inline-flex;width:max-content;padding:7px 11px;border:1px solid rgba(142,232,255,.28);border-radius:999px;background:rgba(33,183,244,.1);color:#8ee8ff!important;font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hub897-hero h1{max-width:760px;margin:16px 0 12px;color:#fff!important;font-size:clamp(2.1rem,5.2vw,4.8rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.hub897-hero p{max-width:760px;margin:0;color:#cbeaff!important;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.65}.hub897-hero-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hub897-hero-points span{display:inline-flex;gap:8px;align-items:center;min-height:38px;padding:7px 11px;border:1px solid rgba(142,232,255,.18);border-radius:999px;background:rgba(255,255,255,.05);color:#e7f8ff;font-weight:780;font-size:.88rem}.hub897-hero-points b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#21b7f4;color:#02111d}.hub897-hero-note{position:relative;z-index:1;padding:18px;border:1px solid rgba(142,232,255,.2);border-radius:20px;background:rgba(2,11,20,.54);backdrop-filter:blur(12px)}.hub897-hero-note strong{display:block;color:#8ee8ff;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.hub897-hero-note p{margin:8px 0 0!important;color:#d8effc!important;font-size:.92rem;line-height:1.55}.hub897-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}.hub897-progress a{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border:1px solid #183b55;border-radius:17px;background:#06131f;color:#e9f8ff!important;text-decoration:none!important}.hub897-progress a:hover{border-color:#21b7f4;transform:translateY(-1px)}.hub897-progress span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#21b7f4,#1675ff);color:#fff;font-weight:950}.hub897-progress b{font-size:.94rem}.hub897-progress small{color:#8caec5;font-size:.78rem}.hub897-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:16px;align-items:start}.hub897-formbox,.hub897-resultbox{border:1px solid #c7e6f6;border-radius:26px;background:linear-gradient(180deg,#fff,#f5faff);box-shadow:0 18px 48px rgba(0,20,40,.12);padding:clamp(18px,2.4vw,26px);color:#0b1728}.hub897-resultbox{position:sticky;top:90px}.hub897-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.hub897-section-head h2,.hub897-next h2,.hub897-help h2,.hub897-faq h2{margin:0;color:#081526!important;letter-spacing:-.035em}.hub897-section-head h2{font-size:clamp(1.45rem,2.5vw,2.05rem)}.hub897-section-head p{margin:5px 0 0!important;color:#52667d!important;line-height:1.5}.hub897-step-badge{flex:none;display:grid;place-items:center;min-width:54px;height:30px;padding:0 9px;border-radius:999px;background:#e0f5ff;color:#075e89!important;font-size:.7rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.hub897-quick-wrap{padding:0;margin:0 0 14px;border:0}.hub897-quick-wrap legend,.hub897-field label{display:block;margin:0 0 7px;color:#0b1728!important;-webkit-text-fill-color:#0b1728!important;opacity:1!important;font-weight:950!important;font-size:.83rem;letter-spacing:.025em}.hub897-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub897-quick-grid button{min-height:58px;padding:8px 6px;border:1px solid #c7dceb;border-radius:14px;background:#f8fcff;color:#19334b;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.hub897-quick-grid button span{display:block;color:#0789c6;font-size:1rem;margin-bottom:3px}.hub897-quick-grid button:hover,.hub897-quick-grid button.is-active{border-color:#21aeea;background:#eaf8ff;color:#064d74;box-shadow:0 8px 18px rgba(14,165,233,.12)}.hub897-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.hub897-field{display:block;margin:0 0 13px}.hub897-field-wide{grid-column:1/-1}.hub897-field label span{float:right;color:#7890a8;font-size:.72rem;font-weight:750}.hub897-shell .hub897-field select,.hub897-shell .hub897-field input,.hub897-shell .hub897-field textarea{display:block;width:100%;min-width:0;border:1px solid #bdd5e6!important;border-radius:14px!important;background:#fff!important;color:#081526!important;-webkit-text-fill-color:#081526!important;opacity:1!important;padding:12px 13px!important;font:inherit;font-size:.92rem;font-weight:750;line-height:1.4;box-shadow:0 6px 16px rgba(15,23,42,.035);outline:none}.hub897-shell .hub897-field select option{background:#fff;color:#081526}.hub897-shell .hub897-field input::placeholder,.hub897-shell .hub897-field textarea::placeholder{color:#6f8398!important;-webkit-text-fill-color:#6f8398!important;opacity:1}.hub897-shell .hub897-field select:focus,.hub897-shell .hub897-field input:focus,.hub897-shell .hub897-field textarea:focus{border-color:#16a7e2!important;box-shadow:0 0 0 4px rgba(33,183,244,.14)}.hub897-field textarea{min-height:88px;resize:vertical}.hub897-field small{display:block;margin-top:6px;color:#657a91!important;line-height:1.4}.hub897-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:4px}.hub897-actions button,.hub897-report-actions button{min-height:44px;padding:11px 15px;border-radius:14px;border:1px solid transparent;font:inherit;font-size:.86rem;font-weight:950;cursor:pointer}.hub897-primary{background:linear-gradient(135deg,#0cb3ec,#1675ff);color:#fff;box-shadow:0 12px 26px rgba(22,117,255,.22)}.hub897-secondary{border-color:#c8dce9!important;background:#fff;color:#244058}.hub897-message{margin:10px 0 0!important;padding:10px 12px;border-radius:13px;background:#fff8e8;color:#744b06!important;font-size:.84rem;line-height:1.45}.hub897-output{min-height:310px;border:1px solid #c4e8f8;border-radius:20px;background:linear-gradient(180deg,#f2fbff,#fff);padding:17px;color:#0b1728}.hub897-output-empty{display:grid;place-items:center;min-height:275px;text-align:center;color:#5d748a}.hub897-result-summary{display:grid;gap:12px}.hub897-result-title{padding:14px;border-radius:16px;background:linear-gradient(135deg,#071a2a,#0d3858);color:#fff}.hub897-result-title span{display:block;color:#7edcff;font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hub897-result-title h3{margin:5px 0 0;color:#fff!important;font-size:1.25rem;line-height:1.18}.hub897-result-meta{display:flex;gap:7px;flex-wrap:wrap}.hub897-result-meta span{padding:6px 8px;border-radius:999px;background:#e8f6fd;color:#135779;font-size:.75rem;font-weight:850}.hub897-result-block{padding:13px;border:1px solid #d2e5ef;border-radius:15px;background:#fff}.hub897-result-block h4{margin:0 0 8px;color:#0b1728;font-size:.88rem}.hub897-result-block ol,.hub897-result-block ul{margin:0;padding-left:20px}.hub897-result-block li{margin:5px 0;color:#3e5369;line-height:1.45;font-size:.86rem}.hub897-result-block.is-first{border-color:#9edcf5;background:#eefaff}.hub897-result-block.is-warning{border-color:#f2d49a;background:#fff9ec}.hub897-result-block p{margin:0!important;color:#3e5369!important;line-height:1.5;font-size:.86rem}.hub897-report-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.hub897-report-actions button{border-color:#bad7e7;background:#fff;color:#17405b}.hub897-report-actions button:hover{border-color:#16a7e2;background:#eefaff}.hub897-next{margin-top:17px}.hub897-next-title{display:flex;gap:10px;align-items:center;margin-bottom:10px}.hub897-next-title h2{font-size:1.18rem}.hub897-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub897-paths a{display:grid;grid-template-columns:33px 1fr;grid-template-rows:auto auto;gap:1px 9px;align-items:center;padding:12px;border:1px solid #c7deec!important;border-radius:15px!important;background:#fff!important;color:#0b1728!important;text-decoration:none!important;box-shadow:none!important}.hub897-paths a:hover{border-color:#21b7f4!important;background:#f0faff!important;transform:translateY(-1px)}.hub897-path-icon{grid-row:1/3;display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#e4f6ff;color:#0874a8;font-size:.72rem;font-weight:950}.hub897-paths b{font-size:.87rem}.hub897-paths small{color:#668097;font-size:.73rem}.hub897-help,.hub897-faq{margin-top:18px;padding:clamp(20px,3vw,28px);border:1px solid #183d57;border-radius:26px;background:linear-gradient(180deg,#071521,#04101a);color:#eaf7ff}.hub897-help-head h2,.hub897-faq h2{margin-top:9px;color:#fff!important;font-size:clamp(1.55rem,3vw,2.45rem)}.hub897-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.hub897-help-grid a{overflow:hidden;display:block;border:1px solid #1a4664;border-radius:17px;background:#091b29;color:#eefaff!important;text-decoration:none!important}.hub897-help-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#07131f}.hub897-help-grid div{padding:12px}.hub897-help-grid b{display:block;color:#fff;font-size:.95rem}.hub897-help-grid span{display:block;margin-top:4px;color:#91b1c6;font-size:.79rem;line-height:1.4}.hub897-faq details{margin-top:9px;border:1px solid #1b435e;border-radius:14px;background:#081a28}.hub897-faq summary{padding:13px 15px;color:#eaf7ff;cursor:pointer;font-weight:900}.hub897-faq details p{margin:0!important;padding:0 15px 14px;color:#a9c6d9!important;line-height:1.55}.hub897-faq details[open] summary{color:#8ee8ff}.hub897-shell button:focus-visible,.hub897-shell a:focus-visible,.hub897-shell summary:focus-visible{outline:3px solid rgba(33,183,244,.55);outline-offset:3px}@media(max-width:980px){.hub897-hero{grid-template-columns:1fr}.hub897-hero-note{max-width:700px}.hub897-layout{grid-template-columns:1fr}.hub897-resultbox{position:static}.hub897-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hub897-shell{padding:14px 12px 44px}.hub897-hero{padding:24px 18px;border-radius:22px}.hub897-hero h1{font-size:clamp(2rem,12vw,3.25rem)}.hub897-hero-points{display:grid}.hub897-progress{grid-template-columns:1fr}.hub897-progress a{padding:9px 11px}.hub897-formbox,.hub897-resultbox,.hub897-help,.hub897-faq{padding:17px 14px;border-radius:20px}.hub897-section-head{display:block}.hub897-step-badge{display:inline-flex;margin-bottom:8px}.hub897-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub897-fields{grid-template-columns:1fr}.hub897-field-wide{grid-column:auto}.hub897-actions{grid-template-columns:1fr}.hub897-actions button{width:100%}.hub897-report-actions{grid-template-columns:1fr}.hub897-paths{grid-template-columns:1fr}.hub897-help-grid{grid-template-columns:1fr 1fr}.hub897-help-grid div{padding:10px}.hub897-help-grid span{font-size:.75rem}}@media(max-width:390px){.hub897-quick-grid,.hub897-help-grid{grid-template-columns:1fr}.hub897-hero-points span{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.hub897-shell *{scroll-behavior:auto!important;transition:none!important}}