/* bertol.de: Styles der v11 + Design-Anpassung aus der Mailmigration-Vorlage */
:root{color-scheme:light;--bg:#f6f5f1;--ink:#161d27;--muted:#5b6573;--card:#fff;--border:#dce1e5;--accent:#3565d9;--dark:#18243b;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:relative;border-bottom:1px solid var(--border);background:rgba(246,245,241,.96)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.55rem;letter-spacing:-.075em;font-weight:850;line-height:1}.logo span{color:var(--accent)}.nav{display:flex;align-items:center;gap:28px;font-size:.94rem;font-weight:650}.nav a:hover,.footer-links a:hover{color:var(--accent)}.nav a[aria-current=page]{color:var(--accent)}.hero{padding:104px 0 92px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.eyebrow::before{content:"";height:2px;width:28px;background:var(--accent)}h1{font-size:clamp(3.7rem,9vw,7.9rem);letter-spacing:-.082em;line-height:.99;margin:22px 0 28px;font-weight:820}h1 .highlight{color:var(--accent)}.lead{font-size:clamp(1.09rem,2.1vw,1.35rem);color:var(--muted);max-width:670px;line-height:1.65}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--dark);border:1px solid var(--dark);border-radius:100px;padding:14px 22px;color:#fff;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px);background:#31456b}.button.secondary{background:transparent;color:var(--ink);border-color:#bcc5d0}.button.secondary:hover{background:white}.section{padding:45px 0 100px;border-top:1px solid var(--border)}.section-kicker{font-size:.8rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.section h2{font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.055em;line-height:1.1;margin:14px 0 30px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(15,23,42,.025)}.card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--accent);margin:0 0 17px}.card h3{font-size:1.55rem;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px}.card p{color:var(--muted);margin:0}.card .card-link{display:inline-block;color:var(--accent);font-weight:750;margin-top:22px}.meta{background:#eaf0fc;border:1px solid #d6e1fa;border-radius:15px;padding:18px 21px;color:#293d63;margin-top:24px}.meta strong{display:block;color:#1a2b49;margin-bottom:5px}.site-footer{border-top:1px solid var(--border);padding:30px 0 42px;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.legal-hero{padding:75px 0 42px}.legal-hero h1{font-size:clamp(3.5rem,8vw,6.4rem)}.legal{padding-bottom:100px}.legal-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:20px}.legal h2{font-size:1.5rem;letter-spacing:-.035em;margin:0 0 18px}.legal .card p+p{margin-top:12px}.address{font-style:normal;line-height:1.9}.legal a.text-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.small{font-size:.92rem;color:var(--muted)}@media(max-width:720px){.container{width:min(100% - 32px,1120px)}.header-inner{min-height:72px}.nav{gap:14px;font-size:.83rem}.hero{padding:75px 0}.cards,.legal-grid{grid-template-columns:1fr}.section{padding-bottom:65px}.card{padding:23px}.footer-inner{display:block}.footer-links{margin-top:12px}.legal-hero{padding-top:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Technik-Dashboard */
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-heading h2{margin-bottom:12px}.section-intro{color:var(--muted);margin:0}.live-label{font-size:.78rem;font-weight:750;white-space:nowrap;border:1px solid #bfd8c9;background:#e7f4ec;color:#256746;border-radius:999px;padding:9px 13px}.live-dot{display:inline-block;background:#30a16e;width:7px;height:7px;border-radius:50%;margin-right:5px}.feature-card{background:linear-gradient(125deg,#1b2a49,#273e65);padding:34px;min-width:0;border-radius:var(--radius);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.feature-kicker{font-size:.78rem;letter-spacing:.035em;color:#c0d2f3;margin-bottom:10px}.ip-value{font-size:clamp(1.5rem,3.4vw,2.6rem);line-height:1.25;font-weight:800;letter-spacing:-.045em;overflow-wrap:anywhere}.ip-notes{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{border:1px solid #657c9e;color:#e5edf8;border-radius:999px;padding:3px 10px;font-size:.77rem}.copy-btn{border:1px solid #94abce;border-radius:999px;background:#fff;color:#1b2a49;font-weight:750;cursor:pointer;padding:12px 18px;white-space:nowrap}.copy-btn:disabled{opacity:.5;cursor:default}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.metric-card{min-width:0;border:1px solid var(--border);border-radius:19px;background:#fff;padding:24px;box-shadow:0 8px 25px #10182805}.metric-icon{font-size:1.4rem;color:var(--accent);line-height:1;margin-bottom:20px}.metric-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric-value{font-size:clamp(1.08rem,1.75vw,1.38rem);font-weight:800;letter-spacing:-.03em;margin-top:7px;overflow-wrap:anywhere}.metric-detail{font-size:.84rem;line-height:1.5;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.detail-panel{margin-top:20px;display:grid;grid-template-columns:1.7fr 1fr;gap:30px;border:1px solid var(--border);border-radius:22px;padding:30px;background:#e9edf3}.detail-panel h3{font-size:1.5rem;letter-spacing:-.035em;margin:0 0 12px}.detail-panel p{font-size:.93rem;color:#47556b}.detail-panel .side-panel{border-left:1px solid #cdd4df;padding-left:25px}.small-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:15px}.button.full{width:100%;cursor:pointer}.tiny{font-size:.79rem!important;line-height:1.6}.legal .card{height:100%}@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.section-heading{display:block}.live-label{display:inline-block;margin-top:16px}.feature-card{padding:25px;display:block}.copy-btn{margin-top:20px}.dashboard-grid{grid-template-columns:1fr}.detail-panel{grid-template-columns:1fr;padding:24px}.detail-panel .side-panel{border-left:none;border-top:1px solid #cdd4df;padding:20px 0 0}}

/* Einheitliche SVG-Icons */
.metric-icon{height:27px;display:flex;align-items:center;margin-bottom:20px}
.metric-icon svg{display:block;flex:none}
.reveal-email{background:#eef3ff;color:#2047ac;border:1px solid #c3d1fa;border-radius:999px;padding:10px 17px;font:inherit;font-weight:700;cursor:pointer}
.reveal-email:hover{background:#e2eafd}
.reveal-email:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.contact-email{min-height:48px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}

/* Optional network-operator lookup */
.provider-button { display: inline-flex; align-items: center; margin-top: 14px; padding: 9px 14px; border: 1px solid #b9c6e5; border-radius: 9px; color: #2050c6; background: #fff; font: inherit; font-weight: 700; font-size: .85rem; cursor: pointer; }
.provider-button:hover { background: #f0f4ff; }
.provider-button:disabled { opacity: .65; cursor: default; }
.metric-card .tiny { margin-top: 9px; line-height: 1.55; }

/* V7 optional diagnostics */
.diagnostics{padding-top:40px;background:#f0f1f1}.diag-disclosure{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.diag-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:28px 32px;gap:18px}.diag-disclosure>summary::-webkit-details-marker{display:none}.diag-disclosure>summary strong{display:block;font-size:clamp(1.3rem,2.5vw,2rem);letter-spacing:-.04em;margin:9px 0 3px}.diag-disclosure>summary small{display:block;color:var(--muted)}.diag-chevron{font-size:2rem;color:var(--accent);transition:transform .2s}.diag-disclosure[open] .diag-chevron{transform:rotate(180deg)}.diag-content{border-top:1px solid var(--border);padding:26px 32px 32px}.diag-grid{margin-top:25px}.diag-grid .metric-card{box-shadow:none}.diag-grid .metric-value{min-height:2.2em}.diag-grid .metric-detail{min-height:4.5em}.diag-disclosure summary:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}@media(max-width:650px){.diag-disclosure>summary,.diag-content{padding:22px}}

/* V10: reduced overview, diagnostics before transparency */
.diagnostics{padding:36px 0 52px;background:var(--bg)}
.diag-subheading{font-size:1.4rem;letter-spacing:-.035em;margin:36px 0 5px}
.diag-extra-grid{margin-top:20px}
.diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#transparenz{padding:35px 0 70px}
#transparenz .detail-panel{margin-top:0}
@media(max-width:650px){.diag-grid{grid-template-columns:1fr}}

/* V11: opt-in network measurement lab */
.diag-lab-grid{margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.diag-lab-grid .metric-card{box-shadow:none}.lab-actions{display:flex;gap:8px;flex-wrap:wrap}.lab-label{display:block;color:var(--muted);font-size:.8rem;margin-top:12px}.lab-select{font:inherit;border:1px solid var(--border);border-radius:9px;background:white;padding:7px 10px;margin:6px 8px 0 0;color:var(--ink)}.lab-results{margin-top:15px;display:grid;gap:5px;font-size:.79rem}.lab-result{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:6px 0}.lab-result span:first-child{color:var(--muted)}.lab-result span:last-child{text-align:right;overflow-wrap:anywhere;font-weight:650}.lab-bars{display:flex;gap:4px;align-items:end;min-height:62px;margin-top:15px}.lab-bars span{flex:1;min-width:6px;max-width:25px;border-radius:4px 4px 0 0;background:var(--accent)}.lab-dialog{border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--ink);padding:24px;width:min(740px,calc(100% - 30px));max-height:88vh;overflow:auto;box-shadow:0 24px 90px #0003}.lab-dialog::backdrop{background:#141b2bcc}.lab-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lab-colors{margin:16px 0;display:grid;grid-template-columns:repeat(8,1fr);height:90px;border:1px solid var(--border)}.lab-gradient{height:70px;background:linear-gradient(90deg,red,orange,yellow,green,cyan,blue,magenta)}.lab-grayscale{height:70px;margin-top:12px;background:linear-gradient(90deg,#000,#fff)}@media(max-width:720px){.diag-lab-grid{grid-template-columns:1fr}}
.lab-red{background:#f00}.lab-green{background:#0f0}.lab-blue{background:#00f}.lab-cyan{background:#0ff}.lab-magenta{background:#f0f}.lab-yellow{background:#ff0}.lab-black{background:#000}.lab-white{background:#fff}

/* ============================================================
   BERTOL.DE  ·  DESIGN-SYSTEM V12
   Auf das bestehende Technik-Dashboard übertragen aus der
   Mailmigrations-Vorlage (Farben, Typografie, Abstände, Kanten).
   Die alten Migrationsinhalte werden nicht verwendet.
   ============================================================ */
:root {
  color-scheme: light;
  --bg: #f7f6f2;
  --ink: #202720;
  --muted: #5f6861;
  --card: #ffffff;
  --border: #dedfd7;
  --accent: #ca674a;
  --dark: #253d34;
  --dark2: #183026;
  --accent-soft: #fae5dc;
  --radius: 12px;
}
body { background:var(--bg);color:var(--ink);line-height:1.63; }
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible {
  outline:3px solid var(--accent);outline-offset:3px;
}
.container { width:min(1080px,calc(100% - 40px)); }
.site-header { background:var(--card);border-bottom:1px solid #e9e8e1; }
.header-inner { min-height:74px; }
.logo { color:var(--dark);font-weight:860; }
.logo span { color:var(--accent); }
.nav { font-size:.85rem;gap:24px; }
.nav a { color:var(--muted); }
.nav a:hover,.nav a[aria-current=page],.footer-links a:hover { color:var(--accent); }
.hero { padding:82px 0 68px; }
.hero h1,.legal-hero h1 { letter-spacing:-.073em; }
.hero h1 { font-size:clamp(3.1rem,7vw,6rem); }
h1 .highlight { color:#7e887d; }
.eyebrow { letter-spacing:.2em;font-size:.75rem; }
.eyebrow::before { background:var(--accent); }
.lead { color:var(--muted);max-width:700px; }
.button { background:var(--dark);border-color:var(--dark);border-radius:3px;padding:12px 19px; }
.button:hover { background:var(--dark2); }
.button.secondary { border-color:var(--border); }
.button.secondary:hover { background:#e8ede6; }
.section { border-top:1px solid var(--border);padding:66px 0 78px; }
.section h2 { font-size:clamp(1.9rem,3.3vw,2.6rem); }
.section-kicker,.card-label { letter-spacing:.14em;color:var(--accent);font-weight:820; }
.section-heading { border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:25px; }
.section-intro,.section-description { color:var(--muted); }
.card,.metric-card { border:1px solid var(--border);border-radius:3px;background:var(--card);box-shadow:none; }
.card { padding:29px; }
.metric-card { padding:25px; }
.metric-icon { color:var(--dark); }
.metric-label { color:var(--muted); }
.metric-value { color:var(--ink); }
.metric-detail,.small { color:var(--muted); }
.feature-card {
  background:var(--dark);color:#fff;border-radius:3px 42px 3px 3px;
  padding:36px;position:relative;overflow:hidden;
}
.feature-card::after {
  content:"";position:absolute;width:190px;height:190px;right:-95px;top:-90px;
  border:1px solid #ffffff20;border-radius:50%;
  box-shadow:0 0 0 32px #ffffff09,0 0 0 64px #ffffff06;
  pointer-events:none;
}
.feature-card > * { position:relative;z-index:1; }
.feature-kicker { color:#d3dfd7;letter-spacing:.09em; }
.pill { color:#edf4ed;border-color:#789184; }
.copy-btn { border:1px solid #d4dfd5;border-radius:3px;color:var(--dark);background:#fff; }
.copy-btn:hover { background:#e8ede6; }
.live-label { color:#28583d;border-color:#bdcabd;background:#e8ede6;border-radius:3px; }
.live-dot { background:#427d56; }
.provider-button,.reveal-email {
  border:1px solid #cbd8cd;border-radius:3px;
  color:var(--dark);background:#f1f2ec;font:inherit;font-size:.84rem;
  font-weight:740;padding:9px 14px;cursor:pointer;
}
.provider-button:hover,.reveal-email:hover { background:#e8ede6;border-color:#9ead9e; }
.provider-button:disabled { opacity:.65;cursor:default; }
.meta { background:#e8ede6;color:var(--dark);border-color:#bdcabd;border-radius:3px; }
.meta strong { color:var(--dark); }
.diagnostics { background:var(--bg);padding:36px 0 54px; }
.diag-disclosure { border-radius:3px;border-color:var(--border); }
.diag-disclosure>summary { padding:27px 30px; }
.diag-chevron { color:var(--accent); }
.diag-content { border-color:var(--border); }
.diag-disclosure summary:focus-visible { outline-color:var(--accent); }
.lab-select { background:white;border-radius:3px; }
.lab-bars span { border-radius:2px 2px 0 0; }
.lab-dialog { border-radius:4px; }
.lab-dialog::backdrop { background:#183026cc; }
.detail-panel { background:#e8ede6;border-color:#cad4c8;border-radius:3px; }
.detail-panel p { color:#4c5c4f; }
.detail-panel .side-panel { border-left-color:#bdcabd; }
.legal .card h2 { color:var(--dark); }
.legal a.text-link,.card .card-link { color:#225b49; }
.legal a.text-link:hover { color:var(--accent); }
.reveal-email:focus-visible { outline-color:var(--accent); }
.site-footer { border-top:1px solid var(--border); }
@media(max-width:720px) {
  .container { width:min(100% - 32px,1080px); }
  .header-inner { min-height:67px; }
  .nav { gap:14px; }
  .hero { padding:53px 0 49px; }
  .hero h1 { font-size:clamp(2.8rem,10vw,4.3rem); }
  .section { padding:50px 0 60px; }
  .feature-card { padding:26px;border-radius:3px 32px 3px 3px; }
  .card,.metric-card { padding:22px; }
  .detail-panel .side-panel { border-top-color:#bdcabd; }
}
@media print {
  body { background:white; }
  .site-header,.feature-card,.detail-panel { print-color-adjust:exact;-webkit-print-color-adjust:exact; }
}

/* V13: einheitliche Kopfzeile und hero panel im Stil des Umzugstermins */
.logo{display:inline-block;text-decoration:none;white-space:nowrap}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:56px;align-items:center}
.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(3.1rem,6.8vw,5.7rem);margin:18px 0 22px}
.hero-copy .lead{max-width:540px}
.hero-ip{min-width:0}
.hero-ip .feature-card{min-height:350px;margin:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;padding:34px;border-radius:3px 48px 3px 3px}
.hero-ip .feature-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:760}
.hero-ip .ip-value{font-size:clamp(1.45rem,3.1vw,2.75rem);letter-spacing:-.055em;line-height:1.17;overflow-wrap:anywhere;word-break:break-word;margin-top:20px}
.hero-ip .ip-notes{margin-top:22px}
.hero-ip .copy-btn{margin-top:18px}
@media(max-width:830px){.hero-layout{grid-template-columns:1fr;gap:28px}.hero-ip .feature-card{min-height:250px}.hero{padding:50px 0}}
@media(max-width:560px){.header-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:10px;padding:16px 0}.nav{flex-wrap:wrap;gap:10px 20px}.hero-ip .feature-card{padding:25px;border-radius:3px 35px 3px 3px}.hero-ip .ip-value{font-size:clamp(1.35rem,7vw,2.3rem)}}

/* V14: metric cards in derselben Designsprache wie das IP-feature-panel */
.metric-card {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--dark);
  border:1px solid var(--dark);
  border-radius:3px 30px 3px 3px;
  color:#fff;
  box-shadow:none;
}
.metric-card::before {
  content:"";
  position:absolute;
  z-index:-1;
  right:-68px;
  top:-66px;
  width:145px;
  height:145px;
  border:1px solid #ffffff20;
  border-radius:50%;
  box-shadow:0 0 0 23px #ffffff09,0 0 0 46px #ffffff05;
  pointer-events:none;
}
.metric-card .metric-icon { color:#e3c4b7; }
.metric-card .metric-label { color:#d3dfd7; }
.metric-card .metric-value { color:#fff; }
.metric-card .metric-detail,
.metric-card .tiny,
.metric-card .lab-label,
.metric-card .lab-result span:first-child { color:#d9e3dc; }
.metric-card .lab-result { border-top-color:#ffffff38; }
.metric-card .lab-result span:last-child { color:#fff; }
.metric-card .lab-bars span { background:#e6a48d; }
.metric-card .provider-button {
  background:#f7f6f2;
  color:var(--dark);
  border-color:#e1e7df;
}
.metric-card .provider-button:hover { background:#e8ede6;border-color:#fff; }
.metric-card .lab-select { background:#fff;color:var(--dark);border-color:#d6dfd8; }
.metric-card .provider-button:focus-visible,
.metric-card .lab-select:focus-visible { outline:3px solid #f1b19b;outline-offset:3px; }
@media(max-width:650px){.metric-card{border-radius:3px 26px 3px 3px}}
@media print{.metric-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}


/* V15 – einheitliche, asymmetrisch gerundete Ecken.
   Kleinere Elemente werden bewusst weniger stark gerundet als das IP-Panel. */
:root { --radius-panel:30px; --radius-control:15px; }
.card, .meta, .detail-panel, .diag-disclosure, .lab-dialog {
  border-radius:3px var(--radius-panel) 3px 3px;
}
.button, .button.secondary, .button.full, .copy-btn,
.provider-button, .reveal-email, .lab-select {
  border-radius:3px var(--radius-control) 3px 3px;
}
.live-label, .pill { border-radius:3px 12px 3px 3px; }
/* Die dunkelgrünen Karten aus V14 bleiben unverändert. */
@media(max-width:650px) {
  :root { --radius-panel:25px; --radius-control:12px; }
}


/* V16 – konsistente Controls, Mess-Legende, mobile Verfeinerungen */
.button,.provider-button,.copy-btn,.reveal-email,.lab-select {transition:background-color .18s ease,border-color .18s ease,transform .18s ease;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .provider-button:not(:disabled):hover,.copy-btn:not(:disabled):hover,.reveal-email:hover {transform:translateY(-2px);}
}
.metric-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.metric-actions .provider-button{flex:1 1 auto}.metric-actions .small-copy{flex:0 1 auto}
.check-time{font-size:.75rem;color:#d3dfd7;margin-top:9px;min-height:1em}
.term-help{display:inline-block;position:relative;vertical-align:middle;margin-left:5px;text-transform:none;letter-spacing:normal;font-weight:400}
.term-help summary{display:inline-grid;place-items:center;width:20px;height:20px;list-style:none;cursor:pointer;border:1px solid #c0d2c6;border-radius:50%;font-size:.76rem;color:#fff;font-weight:750}
.term-help summary::-webkit-details-marker{display:none}
.term-help summary:focus-visible{outline:2px solid #f1b19b;outline-offset:2px}
.term-popup{display:block;position:relative;margin-top:9px;padding:10px 12px;background:#f7f6f2;color:#253d34;border:1px solid #bdcabd;border-radius:3px 14px 3px 3px;line-height:1.45;font-size:.79rem;font-weight:400;max-width:100%;letter-spacing:0}
.term-help:not([open]) .term-popup{display:none}
.lab-bars{min-height:85px;align-items:flex-end;gap:5px;overflow:hidden}
.lab-bars span{height:8px;position:relative;animation:bar-grow .5s both;animation-delay:calc(var(--bar-index) * 45ms);transform-origin:bottom}
.metric-card .lab-bars .bar-min{background:#a7d6b6}.metric-card .lab-bars .bar-max{background:#ffd2a2}
.lab-chart-key{font-size:.75rem;color:#d9e3dc;margin-top:7px;line-height:1.5}
@keyframes bar-grow{from{transform:scaleY(.06)}to{transform:scaleY(1)}}
.ip-value,.metric-value,.metric-detail,.lab-result span{overflow-wrap:anywhere}
@media(max-width:650px){
 .hero-ip .ip-value{font-size:clamp(1.16rem,5.8vw,2.1rem)}
 .lab-result{flex-wrap:wrap}.lab-result span:last-child{min-width:0;text-align:left}
 .metric-actions .provider-button{min-width:0;max-width:100%}
 .lab-actions{flex-direction:column}.lab-actions .provider-button{width:100%}
 .lab-dialog{padding:16px}.lab-dialog-head{flex-wrap:wrap}
 .diag-disclosure summary{overflow-wrap:anywhere}
 .term-popup{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.lab-bars span{animation:none}.button,.provider-button,.copy-btn,.reveal-email,.lab-select{transition:none}}

.check-time + .small-copy{margin-top:8px;font-size:.77rem;padding:8px 12px;width:auto}
.metric-card .small-copy:disabled{opacity:.55;cursor:not-allowed}