/* SecureVault Web Validator PRO - lokální styly jen pro obsah nástroje */
.svwv-pro{--svwv-cyan:#54e8ff;--svwv-purple:#8b5cf6;--svwv-green:#37f7a8;--svwv-yellow:#ffd166;--svwv-red:#ff5d7a;}
.svwv-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)}
.svwv-hero-main{min-height:360px}
.svwv-title{margin:8px 0 14px;color:#f5f8ff;font-size:clamp(2.2rem,4.3vw,5rem);line-height:.96;letter-spacing:-.065em;max-width:980px}
.svwv-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin-top:20px;max-width:760px}
.svwv-form .lab-field{margin:0}.svwv-form .lab-input{height:52px}.svwv-form .lab-btn{height:52px;white-space:nowrap}
.svwv-examples{margin-top:12px}.svwv-examples button{font:inherit;cursor:pointer}
.svwv-status-card{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:space-between}
.svwv-score-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--svwv-cyan) 0deg,rgba(255,255,255,.08) 0deg);box-shadow:0 0 55px rgba(0,229,255,.13),inset 0 0 0 14px rgba(1,7,18,.78);position:relative}
.svwv-score-ring:after{content:"";position:absolute;inset:20px;border-radius:50%;background:linear-gradient(145deg,rgba(5,13,27,.96),rgba(12,11,31,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.svwv-score-ring strong,.svwv-score-ring small{position:relative;z-index:1}.svwv-score-ring strong{font-size:3.2rem;color:#f5f8ff}.svwv-score-ring small{font-weight:900;color:rgba(230,240,255,.65);margin-left:-8px;margin-top:48px}
.svwv-mini-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.svwv-mini-status div{border:1px solid rgba(148,190,255,.14);border-radius:18px;background:rgba(1,7,18,.44);padding:12px}.svwv-mini-status small{display:block;color:rgba(230,240,255,.55);font-weight:900;text-transform:uppercase;font-size:.72rem}.svwv-mini-status b{display:block;color:#f5f8ff;margin-top:4px;word-break:break-word}
.svwv-result{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start}.svwv-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.svwv-summary-item{border:1px solid rgba(148,190,255,.13);border-radius:16px;padding:12px;background:rgba(1,7,18,.44)}.svwv-summary-item b{display:block;color:#f5f8ff;margin-bottom:6px}.svwv-summary-item span{color:rgba(230,240,255,.72);line-height:1.45}.svwv-empty,.svwv-details-empty{border:1px dashed rgba(148,190,255,.18);border-radius:18px;padding:18px;color:rgba(230,240,255,.68);background:rgba(1,7,18,.32)}
.svwv-detail-panel{min-height:260px}.svwv-details-list{display:grid;gap:10px}.svwv-detail-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;border:1px solid rgba(148,190,255,.13);border-radius:18px;background:rgba(1,7,18,.44);padding:14px}.svwv-detail-item b{color:#f5f8ff}.svwv-detail-item p{margin:6px 0 0;color:rgba(230,240,255,.72);line-height:1.55}.svwv-badge{border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;letter-spacing:.04em;border:1px solid rgba(255,255,255,.13);color:#f5f8ff}.svwv-badge.ok{background:rgba(55,247,168,.13);color:#9affcf}.svwv-badge.warn,.svwv-badge.info{background:rgba(255,209,102,.12);color:#ffd166}.svwv-badge.bad{background:rgba(255,93,122,.13);color:#ff8ba0}.svwv-level-ok{color:#9affcf}.svwv-level-warn,.svwv-level-info{color:#ffd166}.svwv-level-bad{color:#ff8ba0}
.svwv-link{display:inline-flex;margin-top:10px;color:#54e8ff;font-weight:900;text-decoration:none}.svwv-link:hover{text-decoration:underline}
@media (max-width:980px){.svwv-hero-grid,.svwv-result{grid-template-columns:1fr}.svwv-form{grid-template-columns:1fr}.svwv-form .lab-btn{width:100%}.svwv-summary{grid-template-columns:1fr}.svwv-mini-status{grid-template-columns:1fr}.svwv-title{font-size:clamp(2rem,10vw,3.6rem)}}

/* v1.6 polish: čitelnější spodní sekce + vyšší pre-footer CTA */
.svwv-reading-panel{
  padding-left:34px !important;
  padding-right:34px !important;
}
.svwv-reading-panel:after{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--svwv-cyan),var(--svwv-purple));
  box-shadow:0 0 22px rgba(84,232,255,.28);
  opacity:.9;
}
.svwv-readable-title{padding-left:10px;max-width:1180px}
.svwv-readable-grid{padding-left:10px;gap:14px}
.svwv-readable-grid .lab-recommend{
  min-height:190px;
  padding:18px 18px 20px;
  border:1px solid rgba(148,190,255,.13);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(7,18,38,.66),rgba(12,11,31,.7));
}
.svwv-readable-grid .lab-recommend h3{margin-bottom:10px;color:#f7fbff}
.svwv-readable-grid .lab-recommend p{font-size:.86rem;line-height:1.62}

.svwv-action-grid,.svwv-faq-grid,.svwv-next-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.svwv-action-card,.svwv-faq-grid article,.svwv-next-card{
  position:relative;
  border:1px solid rgba(148,190,255,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 12%,rgba(0,229,255,.08),transparent 34%),
    linear-gradient(145deg,rgba(7,18,38,.68),rgba(12,11,31,.72));
  padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.svwv-action-card small,.svwv-next-card small{
  display:inline-flex;
  margin-bottom:10px;
  color:#8defff;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.72rem;
}
.svwv-action-card h3,.svwv-faq-grid h3,.svwv-next-card h3{margin:.1rem 0 .6rem;color:#fff;font-size:1.02rem}
.svwv-action-card p,.svwv-faq-grid p,.svwv-next-card p{font-size:.84rem;line-height:1.62;color:rgba(230,240,255,.74)}
.svwv-limit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.svwv-prefooter-cta{
  margin-top:28px !important;
  padding:28px !important;
  min-height:350px;
  border-color:rgba(0,229,255,.22) !important;
  background:
    radial-gradient(circle at 10% 5%,rgba(0,229,255,.15),transparent 32%),
    radial-gradient(circle at 88% 12%,rgba(139,92,246,.18),transparent 36%),
    linear-gradient(135deg,rgba(4,17,36,.88),rgba(9,12,32,.92) 58%,rgba(40,16,72,.72)) !important;
}
.svwv-prefooter-cta .lab-section-title{margin-bottom:20px}
.svwv-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svwv-next-card{
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.svwv-next-card p{flex:1;margin-bottom:16px}
.svwv-next-card .svwv-link{
  margin-top:auto;
  border:1px solid rgba(84,232,255,.22);
  border-radius:999px;
  padding:10px 13px;
  background:linear-gradient(135deg,rgba(84,232,255,.14),rgba(139,92,246,.16));
  text-decoration:none;
}
.svwv-trust-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.svwv-trust-strip span{
  border:1px solid rgba(148,190,255,.13);
  border-radius:16px;
  background:rgba(1,7,18,.42);
  padding:12px;
  color:rgba(236,246,255,.86);
  font-weight:900;
  font-size:.82rem;
  text-align:center;
}
@media (max-width:1180px){
  .svwv-action-grid,.svwv-faq-grid,.svwv-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .svwv-reading-panel{padding-left:24px !important;padding-right:20px !important}
  .svwv-readable-title,.svwv-readable-grid{padding-left:4px}
  .svwv-action-grid,.svwv-faq-grid,.svwv-next-grid,.svwv-limit-grid,.svwv-trust-strip{grid-template-columns:1fr}
  .svwv-prefooter-cta{padding:22px !important;min-height:auto}
}

/* v1.7 spacing hotfix: větší odsazení obsahu od levé hrany/barevné linky */
.svwv-pro .lab-section{
  padding:28px 36px 32px 42px !important;
}

.svwv-pro .lab-section + .lab-section{
  margin-top:30px !important;
}

.svwv-pro .lab-section-title{
  padding-left:10px !important;
  padding-right:10px !important;
  margin-bottom:22px !important;
}

.svwv-pro .lab-section-title p{
  max-width:1120px;
  line-height:1.72 !important;
}

.svwv-pro .lab-section > .lab-info-grid,
.svwv-pro .lab-section > .lab-hierarchy-grid,
.svwv-pro .lab-section > .lab-recommend-grid,
.svwv-pro .lab-section > .svwv-action-grid,
.svwv-pro .lab-section > .svwv-faq-grid,
.svwv-pro .lab-section > .svwv-next-grid,
.svwv-pro .lab-section > .svwv-trust-strip,
.svwv-pro .lab-section > #details{
  margin-left:10px !important;
  margin-right:10px !important;
}

.svwv-pro .lab-mini,
.svwv-pro .lab-hierarchy-card,
.svwv-pro .lab-recommend,
.svwv-pro .svwv-action-card,
.svwv-pro .svwv-next-card,
.svwv-pro .svwv-faq-grid article,
.svwv-pro .svwv-summary-item,
.svwv-pro .svwv-detail-item{
  padding:20px 22px !important;
}

.svwv-pro .lab-mini p,
.svwv-pro .lab-hierarchy-card p,
.svwv-pro .lab-recommend p,
.svwv-pro .svwv-action-card p,
.svwv-pro .svwv-next-card p,
.svwv-pro .svwv-faq-grid p{
  line-height:1.72 !important;
}

.svwv-pro .svwv-reading-panel{
  padding-left:54px !important;
  padding-right:40px !important;
}

.svwv-pro .svwv-reading-panel:after{
  left:22px !important;
  top:28px !important;
  bottom:28px !important;
}

.svwv-pro .svwv-readable-title,
.svwv-pro .svwv-readable-grid{
  padding-left:0 !important;
  margin-left:10px !important;
}

.svwv-pro .svwv-action-panel,
.svwv-pro .svwv-limit-panel,
.svwv-pro .svwv-faq-panel,
.svwv-pro .svwv-next-tools,
.svwv-pro .lab-critical{
  padding-left:48px !important;
  padding-right:40px !important;
}

.svwv-pro .svwv-prefooter-cta{
  padding:36px 44px 42px !important;
  min-height:420px !important;
  margin-top:36px !important;
  margin-bottom:42px !important;
}

.svwv-pro .svwv-next-grid{
  gap:20px !important;
}

.svwv-pro .svwv-trust-strip{
  gap:14px !important;
  margin-top:22px !important;
}

.svwv-pro .svwv-trust-strip span{
  padding:16px 14px !important;
}

/* zamezí tomu, aby se dlouhé řádky lepily na okraje u úzkých panelů */
.svwv-pro p,
.svwv-pro li,
.svwv-pro span,
.svwv-pro small{
  overflow-wrap:anywhere;
}

@media (max-width:760px){
  .svwv-pro .lab-section,
  .svwv-pro .svwv-action-panel,
  .svwv-pro .svwv-limit-panel,
  .svwv-pro .svwv-faq-panel,
  .svwv-pro .svwv-next-tools,
  .svwv-pro .lab-critical{
    padding:24px 20px 28px 24px !important;
  }
  .svwv-pro .svwv-reading-panel{
    padding-left:34px !important;
    padding-right:20px !important;
  }
  .svwv-pro .svwv-reading-panel:after{
    left:14px !important;
  }
  .svwv-pro .lab-section > .lab-info-grid,
  .svwv-pro .lab-section > .lab-hierarchy-grid,
  .svwv-pro .lab-section > .lab-recommend-grid,
  .svwv-pro .lab-section > .svwv-action-grid,
  .svwv-pro .lab-section > .svwv-faq-grid,
  .svwv-pro .lab-section > .svwv-next-grid,
  .svwv-pro .lab-section > .svwv-trust-strip,
  .svwv-pro .lab-section > #details{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .svwv-pro .svwv-prefooter-cta{
    padding:24px 22px 30px !important;
    min-height:auto !important;
  }
}


/* v18 Web Validator PRO — hero/layout hard fix + follow-up cards
   Lokální oprava jen pro /tools/web-validator/. Přepisuje staré globální 3sloupcové PRO grid pravidlo. */
html body .sv-tools-shell .sv-web-validator-pro-page .svwv-pro .svwv-hero-grid,
html body .sv-tools-shell .svwv-pro .svwv-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,2fr) minmax(360px,.92fr) !important;
  gap:22px !important;
  align-items:stretch !important;
  max-width:100% !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hero-main{
  grid-column:auto !important;
  min-height:500px !important;
  padding:34px 38px 32px !important;
  overflow:hidden !important;
}
html body .sv-tools-shell .svwv-pro .svwv-status-card{
  min-height:500px !important;
  padding:34px 34px 32px !important;
  overflow:hidden !important;
}
html body .sv-tools-shell .svwv-pro .svwv-title{
  font-size:clamp(3.05rem,4.55vw,5.65rem) !important;
  line-height:.94 !important;
  letter-spacing:-.075em !important;
  max-width:900px !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  text-wrap:balance;
}
html body .sv-tools-shell .svwv-pro .svwv-hero-main p{
  max-width:820px !important;
  font-size:1rem !important;
  line-height:1.78 !important;
  color:rgba(230,240,255,.78) !important;
  min-height:auto !important;
}
html body .sv-tools-shell .svwv-pro .svwv-form{
  grid-template-columns:minmax(280px,1fr) auto !important;
  gap:12px !important;
  max-width:820px !important;
  margin-top:22px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-form .lab-input,
html body .sv-tools-shell .svwv-pro .svwv-form .lab-btn{
  min-height:54px !important;
  height:54px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-examples{
  max-width:820px !important;
  gap:10px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-examples .lab-pill{
  padding:10px 14px !important;
  border-radius:14px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring{
  width:178px !important;
  height:178px !important;
  flex:0 0 auto !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring strong{
  font-size:3rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-status-card #verdictText{
  min-height:auto !important;
  font-size:.98rem !important;
  line-height:1.7 !important;
}
html body .sv-tools-shell .svwv-pro .svwv-mini-status{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-result{
  padding:30px 38px !important;
  gap:26px !important;
}

html body .sv-tools-shell .svwv-pro .svwv-followup-panel{
  padding:32px 42px 38px !important;
  border-color:rgba(84,232,255,.22) !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(84,232,255,.13),transparent 33%),
    radial-gradient(circle at 94% 10%,rgba(139,92,246,.18),transparent 38%),
    linear-gradient(135deg,rgba(5,25,42,.84),rgba(8,13,31,.92) 58%,rgba(42,18,72,.58)) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-left:10px !important;
  margin-right:10px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card{
  position:relative !important;
  min-height:205px !important;
  padding:20px 22px !important;
  border:1px solid rgba(148,190,255,.14) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(7,18,38,.72),rgba(12,11,31,.78)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 45px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--svwv-cyan),var(--svwv-purple));
  opacity:.9;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card.external:before{
  background:linear-gradient(180deg,var(--svwv-yellow),var(--svwv-purple));
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card small{
  display:block !important;
  margin-bottom:10px !important;
  color:#8defff !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-size:.72rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card h3{
  color:#fff !important;
  font-size:1.16rem !important;
  line-height:1.15 !important;
  margin:0 0 10px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card p{
  color:rgba(230,240,255,.76) !important;
  font-size:.88rem !important;
  line-height:1.68 !important;
  flex:1 !important;
  min-height:auto !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:16px !important;
  width:max-content !important;
  max-width:100% !important;
  padding:10px 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(84,232,255,.22) !important;
  background:linear-gradient(135deg,rgba(84,232,255,.14),rgba(139,92,246,.16)) !important;
  color:#dffbff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  font-size:.82rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-followup-card a:hover{
  box-shadow:0 0 22px rgba(84,232,255,.18) !important;
  transform:translateY(-1px) !important;
}

@media (min-width:1280px) and (max-width:1540px){
  html body .sv-tools-shell .svwv-pro .svwv-title{
    font-size:clamp(2.75rem,4.25vw,4.7rem) !important;
    max-width:760px !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-hero-grid{
    grid-template-columns:minmax(0,1.65fr) minmax(330px,.9fr) !important;
  }
}
@media (max-width:1180px){
  html body .sv-tools-shell .svwv-pro .svwv-hero-grid{
    grid-template-columns:1fr !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-hero-main,
  html body .sv-tools-shell .svwv-pro .svwv-status-card{
    min-height:auto !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-title{
    font-size:clamp(2.35rem,8vw,4rem) !important;
    max-width:100% !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-followup-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  html body .sv-tools-shell .svwv-pro .svwv-hero-main,
  html body .sv-tools-shell .svwv-pro .svwv-status-card,
  html body .sv-tools-shell .svwv-pro .svwv-followup-panel{
    padding:24px 20px 28px !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-form,
  html body .sv-tools-shell .svwv-pro .svwv-followup-grid{
    grid-template-columns:1fr !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-form .lab-btn{
    width:100% !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-mini-status{
    grid-template-columns:1fr !important;
  }
}

/* v21 score center + transparent scoring panel */
html body .sv-tools-shell .svwv-pro .svwv-status-card{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:22px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-status-card .lab-card-head{
  align-self:stretch !important;
  text-align:left !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring{
  width:220px !important;
  height:220px !important;
  margin:14px auto 8px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-core{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  transform:translateY(2px);
  min-width:0;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring strong{
  display:block !important;
  margin:0 !important;
  font-size:clamp(3.1rem,4.8vw,4.35rem) !important;
  line-height:.86 !important;
  letter-spacing:-.045em !important;
  text-align:center !important;
  font-variant-numeric:tabular-nums !important;
  color:#fff !important;
  text-shadow:0 0 22px rgba(84,232,255,.28) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring small{
  display:block !important;
  position:static !important;
  margin:8px 0 0 0 !important;
  font-size:.86rem !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  color:rgba(236,246,255,.72) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring[data-state="ok"]{
  box-shadow:0 0 58px rgba(55,247,168,.18), inset 0 0 0 14px rgba(1,7,18,.78) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring[data-state="warn"]{
  box-shadow:0 0 58px rgba(255,209,102,.18), inset 0 0 0 14px rgba(1,7,18,.78) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-score-ring[data-state="bad"]{
  box-shadow:0 0 58px rgba(255,93,122,.18), inset 0 0 0 14px rgba(1,7,18,.78) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-status-card #verdictText{
  max-width:520px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html body .sv-tools-shell .svwv-pro .svwv-mini-status{
  width:100% !important;
  text-align:left !important;
}

.svwv-score-breakdown{
  margin-top:18px;
  border:1px solid rgba(148,190,255,.14);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(2,12,28,.58),rgba(12,11,31,.62));
  padding:16px;
}
.svwv-score-breakdown h3{
  margin:0 0 10px;
  color:#f7fbff;
  font-size:1rem;
}
.svwv-score-row{
  display:grid;
  grid-template-columns:minmax(150px,.8fr) auto minmax(260px,1.2fr);
  gap:12px;
  align-items:start;
  border-top:1px solid rgba(148,190,255,.09);
  padding:10px 0;
  color:rgba(236,246,255,.8);
}
.svwv-score-row:first-of-type{border-top:0}
.svwv-score-row b{color:#f7fbff}
.svwv-score-row strong{font-variant-numeric:tabular-nums;color:#ffb4c2}
.svwv-score-row.ok strong{color:#9affcf}
.svwv-score-row.info strong{color:#8defff}
.svwv-score-row small{display:block;color:rgba(236,246,255,.62);line-height:1.55}
@media (max-width:820px){
  .svwv-score-row{grid-template-columns:1fr;gap:4px}
}

/* v22 report/history/export/hosting guide */
html body .sv-tools-shell .svwv-pro .svwv-report-panel,
html body .sv-tools-shell .svwv-pro .svwv-hosting-panel{
  border-color:rgba(84,232,255,.18) !important;
  background:
    radial-gradient(circle at 8% 8%,rgba(0,229,255,.12),transparent 32%),
    radial-gradient(circle at 92% 0%,rgba(139,92,246,.16),transparent 36%),
    linear-gradient(145deg,rgba(4,16,34,.82),rgba(12,11,31,.82)) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr) !important;
  gap:18px !important;
  margin-left:10px !important;
  margin-right:10px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-card,
html body .sv-tools-shell .svwv-pro .svwv-history-card,
html body .sv-tools-shell .svwv-pro .svwv-hosting-card,
html body .sv-tools-shell .svwv-pro .svwv-code-card{
  border:1px solid rgba(148,190,255,.14) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(2,12,28,.68),rgba(12,11,31,.68)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  padding:18px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:14px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-head small,
html body .sv-tools-shell .svwv-pro .svwv-hosting-card small{
  display:block !important;
  color:#8defff !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-head h3,
html body .sv-tools-shell .svwv-pro .svwv-hosting-card h3{
  color:#fff !important;
  margin:0 !important;
  font-size:1.04rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  justify-content:flex-end !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-output,
html body .sv-tools-shell .svwv-pro .svwv-code-card pre{
  display:block !important;
  width:100% !important;
  max-height:390px !important;
  overflow:auto !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  border:1px solid rgba(84,232,255,.12) !important;
  border-radius:18px !important;
  background:rgba(0,7,18,.62) !important;
  color:rgba(238,248,255,.88) !important;
  padding:18px 20px !important;
  line-height:1.58 !important;
  font-size:.86rem !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-list{
  display:grid !important;
  gap:10px !important;
  max-height:390px !important;
  overflow:auto !important;
  padding-right:4px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-empty,
html body .sv-tools-shell .svwv-pro .svwv-hosting-note{
  border:1px dashed rgba(148,190,255,.18) !important;
  border-radius:18px !important;
  padding:18px !important;
  color:rgba(230,240,255,.72) !important;
  background:rgba(1,7,18,.34) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-item{
  width:100% !important;
  text-align:left !important;
  border:1px solid rgba(148,190,255,.12) !important;
  border-radius:18px !important;
  background:rgba(1,7,18,.45) !important;
  padding:13px 14px !important;
  color:rgba(236,246,255,.88) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px 14px !important;
  cursor:pointer !important;
  border-left-width:4px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-item.ok{border-left-color:#37f7a8 !important}
html body .sv-tools-shell .svwv-pro .svwv-history-item.warn{border-left-color:#ffd166 !important}
html body .sv-tools-shell .svwv-pro .svwv-history-item.bad{border-left-color:#ff5d7a !important}
html body .sv-tools-shell .svwv-pro .svwv-history-item:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 0 24px rgba(84,232,255,.12) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-item b,
html body .sv-tools-shell .svwv-pro .svwv-history-item strong{
  color:#fff !important;
  font-weight:900 !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-item small{
  display:block !important;
  margin-top:3px !important;
  color:rgba(230,240,255,.62) !important;
  font-size:.74rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-item em{
  grid-column:1/-1 !important;
  color:rgba(141,239,255,.82) !important;
  font-style:normal !important;
  font-size:.76rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hosting-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-left:10px !important;
  margin-right:10px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hosting-card p{
  color:rgba(230,240,255,.74) !important;
  line-height:1.68 !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hosting-toggle{
  margin:18px 10px 0 !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hosting-output{
  margin:18px 10px 0 !important;
  border:1px solid rgba(84,232,255,.16) !important;
  border-radius:22px !important;
  background:rgba(1,7,18,.46) !important;
  padding:20px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hosting-guide-rendered h3{
  color:#fff !important;
  margin:0 0 10px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-code-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:16px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-code-card h4{
  margin:0 0 10px !important;
  color:#8defff !important;
}
html body .sv-tools-shell .svwv-pro .svwv-code-card pre{
  max-height:280px !important;
  font-size:.76rem !important;
}
html body .sv-tools-shell .svwv-pro .svwv-hosting-steps{
  margin:16px 0 0 !important;
  padding-left:20px !important;
  color:rgba(236,246,255,.82) !important;
  line-height:1.65 !important;
}
@media (max-width:1180px){
  html body .sv-tools-shell .svwv-pro .svwv-report-grid,
  html body .sv-tools-shell .svwv-pro .svwv-hosting-grid,
  html body .sv-tools-shell .svwv-pro .svwv-code-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  html body .sv-tools-shell .svwv-pro .svwv-report-head{
    flex-direction:column !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-report-actions{
    width:100% !important;
    justify-content:flex-start !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-history-item{
    grid-template-columns:1fr !important;
  }
}

/* v23 spacing hard-fix — odsazení titulkových lišt a reportů
   Lokálně jen pro Web Validator PRO. Řeší nalepené texty na cyan vertikální linky. */
html body .sv-tools-shell .svwv-pro .lab-section-title,
html body .sv-tools-shell .svwv-pro .svwv-readable-title,
html body .sv-tools-shell .svwv-pro .svwv-followup-panel .lab-section-title,
html body .sv-tools-shell .svwv-pro .svwv-report-panel .lab-section-title,
html body .sv-tools-shell .svwv-pro .svwv-hosting-panel .lab-section-title,
html body .sv-tools-shell .svwv-pro .svwv-next-tools .lab-section-title,
html body .sv-tools-shell .svwv-pro .svwv-limit-panel .lab-section-title,
html body .sv-tools-shell .svwv-pro .svwv-faq-panel .lab-section-title{
  position:relative !important;
  padding-left:38px !important;
  padding-right:24px !important;
  max-width:100% !important;
}
html body .sv-tools-shell .svwv-pro .lab-section-title::before,
html body .sv-tools-shell .svwv-pro .svwv-readable-title::before{
  left:12px !important;
}
html body .sv-tools-shell .svwv-pro .lab-section-title .lab-kicker,
html body .sv-tools-shell .svwv-pro .svwv-readable-title .lab-kicker{
  display:block !important;
  margin-left:0 !important;
  margin-bottom:8px !important;
  padding-left:0 !important;
}
html body .sv-tools-shell .svwv-pro .lab-section-title h2,
html body .sv-tools-shell .svwv-pro .svwv-readable-title h2{
  margin-left:0 !important;
  max-width:1180px !important;
}
html body .sv-tools-shell .svwv-pro .lab-section-title p,
html body .sv-tools-shell .svwv-pro .svwv-readable-title p{
  margin-left:0 !important;
  max-width:1180px !important;
  line-height:1.7 !important;
}
html body .sv-tools-shell .svwv-pro .lab-section > p,
html body .sv-tools-shell .svwv-pro .svwv-reading-panel > p{
  padding-left:38px !important;
  padding-right:24px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-card,
html body .sv-tools-shell .svwv-pro .svwv-history-card,
html body .sv-tools-shell .svwv-pro .svwv-hosting-card,
html body .sv-tools-shell .svwv-pro .svwv-code-card{
  padding:24px 26px 24px 30px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-head{
  padding-left:10px !important;
  padding-right:8px !important;
  margin-bottom:18px !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-head small,
html body .sv-tools-shell .svwv-pro .svwv-report-head h3{
  padding-left:0 !important;
  margin-left:0 !important;
}
html body .sv-tools-shell .svwv-pro .svwv-report-output,
html body .sv-tools-shell .svwv-pro .svwv-history-list{
  margin-left:10px !important;
  width:calc(100% - 10px) !important;
}
html body .sv-tools-shell .svwv-pro .svwv-history-item{
  padding:15px 16px 15px 18px !important;
}
html body .sv-tools-shell .svwv-pro .lab-info-grid,
html body .sv-tools-shell .svwv-pro .lab-hierarchy-grid,
html body .sv-tools-shell .svwv-pro .lab-recommend-grid,
html body .sv-tools-shell .svwv-pro .svwv-readable-grid,
html body .sv-tools-shell .svwv-pro .svwv-action-grid,
html body .sv-tools-shell .svwv-pro .svwv-faq-grid,
html body .sv-tools-shell .svwv-pro .svwv-next-grid,
html body .sv-tools-shell .svwv-pro .svwv-trust-strip,
html body .sv-tools-shell .svwv-pro .svwv-followup-grid,
html body .sv-tools-shell .svwv-pro .svwv-hosting-grid{
  padding-left:28px !important;
  padding-right:28px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (max-width:760px){
  html body .sv-tools-shell .svwv-pro .lab-section-title,
  html body .sv-tools-shell .svwv-pro .svwv-readable-title{
    padding-left:28px !important;
    padding-right:12px !important;
  }
  html body .sv-tools-shell .svwv-pro .lab-section-title::before,
  html body .sv-tools-shell .svwv-pro .svwv-readable-title::before{
    left:8px !important;
  }
  html body .sv-tools-shell .svwv-pro .lab-info-grid,
  html body .sv-tools-shell .svwv-pro .lab-hierarchy-grid,
  html body .sv-tools-shell .svwv-pro .lab-recommend-grid,
  html body .sv-tools-shell .svwv-pro .svwv-readable-grid,
  html body .sv-tools-shell .svwv-pro .svwv-action-grid,
  html body .sv-tools-shell .svwv-pro .svwv-faq-grid,
  html body .sv-tools-shell .svwv-pro .svwv-next-grid,
  html body .sv-tools-shell .svwv-pro .svwv-trust-strip,
  html body .sv-tools-shell .svwv-pro .svwv-followup-grid,
  html body .sv-tools-shell .svwv-pro .svwv-hosting-grid{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  html body .sv-tools-shell .svwv-pro .svwv-report-output,
  html body .sv-tools-shell .svwv-pro .svwv-history-list{
    margin-left:0 !important;
    width:100% !important;
  }
}