/* NextWatch AI V1.57.31 — premium AT&T / Ookla Speed Lab, isolated to new page. */
.att-page{--att-cyan:#55ddff;--att-blue:#408aff;--att-purple:#b58dff;--att-line:rgba(117,171,247,.22);--att-panel:rgba(9,24,51,.85);--att-muted:#a6bad7;color:#e8f3ff}
.att-page .nwsh-hero-att{--nwsh-a:#58e7ff;--nwsh-b:#4c99ff;--nwsh-c:#b48dff;--nwsh-halo:rgba(47,143,254,.33)}
.att-page .ts-hero.nwsh-hero h1{font-size:clamp(47px,5.25vw,91px)}
.att-page .ts-hero.nwsh-hero h1>span{font-size:.91em}
.att-page .ts-hero.nwsh-hero .ts-hero-link{color:#041426!important}
.att-page .ts-independent{color:#95e7ff}
.att-page .ts-test-card{margin:0}
.att-page .ts-section-heading{align-items:end}
.att-page .ts-section-heading p{max-width:950px}
.att-page .ts-section-heading strong{color:#f0f8ff}
.att-page .nw-family-note{line-height:1.65}
.att-page .nw-family-metric strong{font-variant-numeric:tabular-nums}
.att-page .nw-family-gauge{max-width:100%}
.att-page a:focus-visible,.att-page button:focus-visible,.att-page input:focus-visible,.att-page select:focus-visible,.att-page summary:focus-visible{outline:3px solid #7ee8ff!important;outline-offset:3px}
.att-page .att-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.att-page .att-source{min-width:0;padding:24px;border:1px solid var(--att-line);border-radius:24px;background:linear-gradient(150deg,rgba(20,47,92,.88),rgba(8,18,41,.95));box-shadow:inset 0 1px rgba(255,255,255,.04),0 17px 37px rgba(0,0,0,.12)}
.att-page .att-source-next{border-color:rgba(78,209,255,.52);background:radial-gradient(circle at 20% 0,rgba(61,166,255,.18),transparent 59%),linear-gradient(150deg,rgba(18,48,93,.96),rgba(7,21,43,.95))}
.att-page .att-source-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.att-page .att-source-head>div{min-width:0;flex:1}
.att-page .att-source-head h3{font-size:clamp(17px,1.5vw,22px);line-height:1.15;font-weight:900;margin:0 0 5px;color:#f7fcff}
.att-page .att-source-head small{font-size:11px;color:#a9bddc}
.att-page .att-source-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#9af1ff;font-size:25px;background:rgba(48,125,218,.22);border:1px solid rgba(92,202,255,.25)}
.att-page .att-source-tag{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:900;padding:6px 8px;border-radius:30px;background:rgba(45,213,203,.1);color:#72ffe1;border:1px solid rgba(63,217,200,.36)}
.att-page .att-source-tag.att-manual{color:#d9ccff;background:rgba(153,121,252,.12);border-color:rgba(153,121,252,.32)}
.att-page .att-speed-number{display:block;color:#fff;font-weight:950;font-size:clamp(43px,4.6vw,74px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em}
.att-page .att-speed-unit{color:#96b9df;font-size:13px;letter-spacing:.02em;font-weight:700}
.att-page .att-mini-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;border-top:1px solid var(--att-line);padding-top:14px}
.att-page .att-mini-stats span{display:grid;gap:5px;color:#91b1d3;font-size:11px;flex:1}
.att-page .att-mini-stats b{color:#eff8ff;font-size:17px}
.att-page .att-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.att-page .att-manual-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#bdd0ed;font-weight:800}
.att-page .att-manual-grid input,.att-page .att-field input,.att-page .att-field select,.att-page .att-eta select{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;background:rgba(4,17,39,.94);border:1px solid rgba(99,157,247,.35);border-radius:12px;color:#f6f9ff;font:inherit;font-size:14px}
.att-page .att-manual-grid input::placeholder,.att-page .att-field input::placeholder{color:#6f87a8}
.att-page .att-external{display:inline-flex!important;margin-top:20px;min-height:36px;align-items:center;color:#8be1ff!important;font-size:12px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.att-page .att-external:hover{color:#e0faff!important}
.att-page .att-chart-shell{margin-top:20px;padding:24px;background:linear-gradient(160deg,rgba(14,34,70,.94),rgba(8,19,40,.97));border:1px solid var(--att-line);border-radius:24px}
.att-page .att-chart-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.att-page .att-chart-header h3{margin:4px 0 0;font-size:23px;color:#fff}
.att-page .att-button-ghost{cursor:pointer;border-radius:11px;border:1px solid rgba(111,171,254,.38);background:rgba(21,53,107,.3);color:#c3e5ff;padding:10px 13px;font-size:12px;font-weight:850;min-height:40px;transition:.15s}
.att-page .att-button-ghost:hover{border-color:#7de4ff;background:rgba(30,95,153,.5)}
.att-page .att-bar-chart{display:grid;gap:18px;min-height:85px}
.att-page .att-bar-row{display:grid;grid-template-columns:minmax(110px,160px) minmax(0,1fr) minmax(90px,145px);align-items:center;gap:16px}
.att-page .att-bar-label{font-size:12px;font-weight:850;color:#d6e6fa}
.att-page .att-bar-track{height:19px;display:block;border:1px solid rgba(90,155,244,.19);background:rgba(5,14,32,.7);border-radius:20px;overflow:hidden}
.att-page .att-bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#26d7d9,#58b9ff);box-shadow:0 0 18px rgba(50,172,241,.25);min-width:2px;transition:width .35s ease}
.att-page .att-bar-row:nth-child(2) .att-bar-fill{background:linear-gradient(90deg,#775fe6,#be8aff)}
.att-page .att-bar-row:nth-child(3) .att-bar-fill{background:linear-gradient(90deg,#2bbc9e,#7becac)}
.att-page .att-bar-value{text-align:right;font-variant-numeric:tabular-nums;color:#e8faff;font-size:14px;font-weight:900}
.att-page .att-insight{margin:22px 0 0;background:rgba(18,65,111,.45);padding:15px 17px;border:1px solid rgba(96,181,247,.24);border-radius:15px;color:#cbe6fd;line-height:1.65;font-size:13px}
.att-page .att-note{margin-top:14px;padding:15px 19px;border-left:3px solid #50cfff;background:rgba(9,35,70,.7);color:#b6d0e9;font-size:13px;line-height:1.7}
.att-page .att-note strong{color:#f5faff}
.att-page .att-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.att-page .att-field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px;font-weight:800;color:#c0d6f2;padding:14px;background:rgba(9,27,57,.93);border-radius:17px;border:1px solid rgba(119,166,235,.2)}
.att-page .att-field select{cursor:pointer}
.att-page .att-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:22px 0}.att-page .att-actions>span{color:#88a7ca;font-size:12px}
.att-page .att-diagnosis{padding:24px;background:linear-gradient(140deg,rgba(16,49,91,.94),rgba(8,23,48,.95));border:1px solid rgba(83,172,255,.35);border-radius:23px;line-height:1.7;color:#dceaff}
.att-page .att-diagnosis>p{margin:0}
.att-page .att-diagnosis h3{font-size:24px;margin:0 0 13px;color:#f5fbff}
.att-page .att-diagnosis .att-findings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.att-page .att-finding{padding:16px 17px;background:rgba(4,19,46,.7);border:1px solid rgba(84,166,244,.22);border-radius:16px}
.att-page .att-finding strong{display:block;color:#9eeaff;font-size:13px;margin-bottom:7px}
.att-page .att-finding p{font-size:13px;line-height:1.65;margin:0;color:#d1dff4}
.att-page .att-score-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.att-page .att-score-strip span{padding:7px 12px;background:rgba(61,138,220,.16);border:1px solid rgba(86,191,255,.26);border-radius:25px;font-size:12px;font-weight:800}
.att-page .att-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.att-page .att-use-card{padding:22px;border-radius:19px;background:rgba(11,30,64,.9);border:1px solid rgba(96,160,241,.25);min-width:0}
.att-page .att-use-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(44,137,221,.2);font-size:23px;color:#84deff;margin-bottom:13px}
.att-page .att-use-card h3{font-size:17px;margin:0 0 9px;color:#eaf6ff}.att-page .att-use-card strong{display:block;color:#8cf0dc;font-size:17px;margin-bottom:7px}.att-page .att-use-card.warn strong{color:#ffc98d}
.att-page .att-use-card p{font-size:12px;line-height:1.65;margin:0;color:#a6bdd9}
.att-page .att-eta{margin-top:19px;padding:22px;border:1px solid var(--att-line);border-radius:20px;background:rgba(15,35,69,.78);display:grid;grid-template-columns:1fr 250px 1fr;align-items:center;gap:16px}
.att-page .att-eta>label{font-size:15px;color:#eff8ff;font-weight:800}
.att-page .att-eta>div strong{display:block;font-size:24px;color:#fff}
.att-page .att-eta>div small{display:block;font-size:11px;color:#a3b7d7;line-height:1.6}
.att-page .att-history-shell{border:1px solid var(--att-line);border-radius:23px;background:rgba(10,28,60,.95);overflow:hidden}
.att-page .att-history-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid var(--att-line);color:#c5dbf4;font-size:13px;font-weight:800}
.att-page .att-history-actions>div{display:flex;flex-wrap:wrap;gap:8px}
.att-page .att-table-wrap{width:100%;overflow-x:auto}
.att-page .att-history-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:610px}
.att-page .att-history-table th{color:#9eb7d3;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:rgba(16,37,73,.7)}
.att-page .att-history-table th,.att-page .att-history-table td{padding:14px 19px;border-bottom:1px solid rgba(100,163,246,.12)}
.att-page .att-history-table td{color:#d7e6fb;font-variant-numeric:tabular-nums}
.att-page .att-editorial .att-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.att-page .att-article-grid article{background:linear-gradient(150deg,rgba(15,42,82,.92),rgba(7,19,43,.96));padding:25px;border-radius:22px;border:1px solid var(--att-line)}
.att-page .att-article-grid article>span{font-size:10px;letter-spacing:.11em;font-weight:850;color:#82dff8}
.att-page .att-article-grid h3{font-size:20px;line-height:1.35;margin:16px 0 12px;color:#fff}
.att-page .att-article-grid p,.att-page .att-guide-detail p{font-size:14px;line-height:1.8;color:#b8cce4;margin:0}
.att-page .att-guide-detail{margin-top:18px;border-radius:20px;padding:24px 29px;border:1px solid var(--att-line);background:rgba(8,27,58,.88)}
.att-page .att-guide-detail h3{font-size:18px;color:#dff5ff;margin:23px 0 8px}.att-page .att-guide-detail h3:first-child{margin-top:0}
.att-page .att-faq-list{display:grid;gap:10px}.att-page .att-faq details{border-radius:15px;border:1px solid var(--att-line);background:rgba(11,30,64,.86);padding:0 19px}
.att-page .att-faq summary{font-size:15px;font-weight:850;padding:18px 4px;cursor:pointer;color:#e4f6ff}
.att-page .att-faq details[open] summary{border-bottom:1px solid rgba(113,161,222,.19)}
.att-page .att-faq details p{font-size:14px;line-height:1.75;color:#b9cfe8;padding:2px 4px 18px;margin:0}
.att-page .att-faq details a{color:#8fe9ff!important;text-decoration:underline}
.att-page .att-muted{font-size:13px;color:var(--att-muted);line-height:1.65}
@media(min-width:1700px){.att-page .ts-container{max-width:1600px!important}}
@media(max-width:1150px){.att-page .att-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-page .att-source-next{grid-column:1/-1}.att-page .att-fields,.att-page .att-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-page .att-eta{grid-template-columns:1fr 220px}.att-page .att-eta>div{grid-column:1/-1}.att-page .att-article-grid{grid-template-columns:1fr!important}}
@media(max-width:710px){.att-page .att-comparison-grid,.att-page .att-fields,.att-page .att-use-grid,.att-page .att-diagnosis .att-findings{grid-template-columns:1fr}.att-page .att-source-next{grid-column:auto}.att-page .att-source,.att-page .att-chart-shell{padding:19px 16px}.att-page .att-chart-header{align-items:flex-start;flex-direction:column}.att-page .att-bar-row{grid-template-columns:minmax(0,1fr) 86px;row-gap:7px}.att-page .att-bar-label{grid-column:1/-1}.att-page .att-eta{grid-template-columns:1fr}.att-page .att-eta>div{grid-column:auto}.att-page .att-history-actions{align-items:flex-start;flex-direction:column}.att-page .att-article-grid article{padding:19px}.att-page .att-guide-detail{padding:20px}.att-page .ts-hero.nwsh-hero h1{font-size:clamp(42px,10vw,64px)}.att-page .ts-trust{margin-bottom:35px}.att-page .ts-container>section:not(.ts-hero){margin-top:58px}}
@media(prefers-reduced-motion:reduce){.att-page .att-bar-fill{transition:none}}