/* Website Reviews V2 v0.39.3.3.5 - Search Preview Container Spacing Hotfix */
/* Website Reviews V2 v0.39.3.1 - Report Header & Score UX Polish */
/* Website Reviews V2 v0.39.3 - Phase 1 Frontend QA & Localization */
/* Website Reviews V2 v0.39.2.2 - CSS Flag Language Dropdown Hotfix */
/* Website Reviews V2 v0.39.2.1 - Compact Language Switcher Hotfix */
/* Website Reviews V2 v0.39.2 - Language Switcher Polish Bundle */
/* Website Reviews V2 v0.38.2.1 - Compare All Errors Hotfix */
/* Website Reviews V2 v0.38.2 - Consolidated Public UX */
/* Website Reviews V2 v0.38.0 - Report, Monitoring & Admin Consolidation */
/* Website Reviews V2 v0.36.1 - Hero Live Report Preview Bundle */
/* Website Reviews V2 v0.36.0.1 - Remove Extra Counter, Keep Matomo */
/* Website Reviews V2 v0.36.0 - Legal, Consent, Matomo & Counter */
/* Website Reviews V2 v0.35.2 - Home & Report Visual Polish Bundle */
/* Website Reviews V2 v0.35.1 - Navigation & Report UX Bundle */
/*
 Website Reviews V2 v0.35.0
 Public redesign layer
*/
:root{
  --wr-bg:#f4f7fb;
  --wr-surface:#ffffff;
  --wr-surface-soft:#f8fafc;
  --wr-text:#132238;
  --wr-muted:#64748b;
  --wr-line:#dce4ef;
  --wr-accent:#2463eb;
  --wr-accent-strong:#1746b7;
  --wr-accent-soft:#eaf1ff;
  --wr-success:#14804a;
  --wr-warning:#a45d05;
  --wr-danger:#b42318;
  --wr-radius:18px;
  --wr-shadow:0 14px 40px rgba(35,55,80,.08);
  --wr-shadow-soft:0 5px 18px rgba(35,55,80,.06);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 8% 0%,rgba(36,99,235,.08),transparent 28rem),
    linear-gradient(180deg,#f8fbff 0,#f4f7fb 32rem,#f4f7fb 100%);
  color:var(--wr-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}
a{color:var(--wr-accent)}
a:hover{color:var(--wr-accent-strong)}
img{max-width:100%}

/* Header / navigation */
header{
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:saturate(160%) blur(16px);
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(220,228,239,.85);
  box-shadow:0 2px 12px rgba(35,55,80,.035);
}
header nav,
header > div,
nav.main-nav{
  max-width:1180px;
  margin-inline:auto;
}
nav{
  align-items:center;
}
nav a{
  text-decoration:none;
  font-weight:650;
}

/* Main layout */
main,
body > .container,
.page,
.wrap{
  max-width:1180px;
  margin-inline:auto;
}
main{
  padding-top:28px;
  padding-bottom:64px;
}
.page-title{
  margin:.15em 0 .35em;
  font-size:clamp(2.15rem,5vw,4rem);
  letter-spacing:-.045em;
  line-height:1.02;
}
.eyebrow{
  color:var(--wr-accent)!important;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.12em;
}
p{color:var(--wr-muted)}
h1,h2,h3,strong,b{color:var(--wr-text)}
h2{
  letter-spacing:-.025em;
}

/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  margin:18px 0 38px;
  padding:clamp(30px,6vw,70px);
  border:1px solid rgba(203,216,235,.85);
  border-radius:30px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.98),rgba(244,248,255,.93)),
    var(--wr-surface);
  box-shadow:var(--wr-shadow);
}
.hero:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-160px;
  top:-190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(36,99,235,.18),rgba(36,99,235,0) 67%);
  pointer-events:none;
}
.hero h1{
  position:relative;
  z-index:1;
  max-width:850px;
  margin:.15em 0 .3em;
  font-size:clamp(2.6rem,6vw,5.7rem);
  line-height:.98;
  letter-spacing:-.06em;
}
.hero > p:not(.eyebrow){
  position:relative;
  z-index:1;
  max-width:720px;
  font-size:clamp(1rem,1.7vw,1.22rem);
}
.hero form{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  max-width:760px;
  margin-top:24px;
  padding:7px;
  background:#fff;
  border:1px solid var(--wr-line);
  border-radius:16px;
  box-shadow:0 12px 28px rgba(36,99,235,.1);
}
.hero form input{
  min-width:0;
  border:0;
  outline:0;
  padding:13px 14px;
  font:inherit;
  background:transparent;
}
.hero form button,
.button,
button[type="submit"]{
  border:0;
  border-radius:11px;
  padding:12px 18px;
  background:linear-gradient(180deg,var(--wr-accent),var(--wr-accent-strong));
  color:#fff;
  font:inherit;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(36,99,235,.18);
}
button[type="submit"]:hover,.button:hover{
  filter:brightness(.98);
  color:#fff;
}

/* Reusable surfaces */
.panel,
.card,
.metric,
.detail,
.analysis-status,
.compare-empty,
.account-card{
  border:1px solid var(--wr-line)!important;
  background:rgba(255,255,255,.94)!important;
  border-radius:var(--wr-radius)!important;
  box-shadow:var(--wr-shadow-soft);
}
.panel{
  padding:clamp(18px,2.5vw,28px);
  margin:18px 0;
}
.card{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
a.card:hover{
  transform:translateY(-2px);
  border-color:#b9cae4!important;
  box-shadow:var(--wr-shadow);
}
.grid{
  gap:16px!important;
}

/* Report header */
.report-head{
  position:relative;
  margin-top:20px;
  padding:clamp(24px,4vw,42px);
  border:1px solid var(--wr-line);
  border-radius:26px;
  background:
    linear-gradient(135deg,#fff 0,#f6f9ff 100%);
  box-shadow:var(--wr-shadow);
}
.report-head h1{
  margin:.1em 0 .2em;
  font-size:clamp(2.4rem,6vw,5.1rem)!important;
  letter-spacing:-.06em;
}
.report-head .score{
  display:flex;
  align-items:baseline;
  justify-content:center;
  min-width:130px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(145deg,var(--wr-accent),var(--wr-accent-strong));
  box-shadow:0 12px 28px rgba(36,99,235,.22);
}
.report-head .score strong,
.report-head .score small{
  color:#fff!important;
}
.report-head .score strong{
  font-size:2.7rem;
  line-height:1;
}

.actions{
  margin:16px 0 22px;
}
.actions .button,.actions .ghost,.ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:11px;
  text-decoration:none;
  font-weight:700;
}
.actions .ghost,.ghost{
  background:#fff;
  color:var(--wr-text);
  border:1px solid var(--wr-line);
  box-shadow:none;
}

/* Status */
.analysis-status{
  overflow:hidden;
  padding:22px!important;
  margin:20px 0!important;
}
.status-progress{
  overflow:hidden;
  height:9px!important;
  border-radius:999px!important;
  background:#e8eef7!important;
}
.status-progress i{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--wr-accent),#5b8cff)!important;
}
.status-percent{color:var(--wr-accent)!important}
.status-meta{
  gap:10px!important;
}
.status-meta > span{
  padding:10px 12px;
  border-radius:11px;
  background:var(--wr-surface-soft);
}

/* Score cards */
.score-grid{
  gap:14px!important;
}
.metric{
  padding:18px!important;
}
.metric b{
  font-size:2rem!important;
  letter-spacing:-.045em;
}
.metric em{
  color:var(--wr-muted)!important;
  font-style:normal!important;
}
.detail{
  padding:15px!important;
  box-shadow:none;
}
.detail span,.card span{
  color:var(--wr-muted);
}

/* Report navigation */
.report-jumpnav{
  position:sticky;
  top:72px;
  z-index:20;
  width:max-content;
  max-width:100%;
  padding:7px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--wr-line);
  border-radius:999px;
  backdrop-filter:blur(12px);
  box-shadow:var(--wr-shadow-soft);
}
.report-jumpnav a{
  border:0!important;
  background:transparent;
}
.report-jumpnav a:hover{
  background:var(--wr-accent-soft);
}

/* Quick analyze at report bottom */
.report-quick-analyze{
  margin-top:34px!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,#fff,#f5f8ff)!important;
}
.report-quick-analyze input{
  background:#fff;
  border-color:var(--wr-line)!important;
}

/* Account */
.account-shell{
  padding-top:14px;
}
.account-card{
  box-shadow:var(--wr-shadow-soft)!important;
}
.account-form input{
  background:#fff;
  border-color:var(--wr-line)!important;
}
.monitor-settings{
  background:var(--wr-surface-soft);
}
.monitor-alert.unread{
  background:#f8fbff;
}

/* Compare */
.compare-table{
  overflow:hidden;
  border:1px solid var(--wr-line);
  border-radius:14px;
  background:#fff;
}
.compare-table th{
  background:#f7f9fc!important;
}
.compare-best{
  background:#f1f8f4!important;
}

/* Lists */
.list > a,
.list > div{
  border-radius:12px;
}
.list > a{
  padding:14px;
  border:1px solid transparent;
  transition:.15s ease;
}
.list > a:hover{
  background:#fff;
  border-color:var(--wr-line);
  box-shadow:var(--wr-shadow-soft);
}

/* SERP and technical detail blocks */
.serp-preview{
  border:1px solid var(--wr-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}
.tags span{
  border:1px solid var(--wr-line);
  background:#f8fafc!important;
  border-radius:999px!important;
}

/* Footer */
footer{
  margin-top:36px;
  border-top:1px solid var(--wr-line);
  background:rgba(255,255,255,.72);
}

/* Accessibility / focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible{
  outline:3px solid rgba(36,99,235,.28);
  outline-offset:2px;
}

/* Responsive */
@media(max-width:900px){
  main{padding-inline:16px}
  .report-jumpnav{position:static;width:100%;border-radius:16px}
}
@media(max-width:700px){
  .hero{padding:28px 20px;border-radius:22px}
  .hero form{grid-template-columns:1fr}
  .hero form button{width:100%}
  .report-head{padding:22px;border-radius:20px}
  .report-head .score{min-width:100px;padding:14px}
  .report-head .score strong{font-size:2.2rem}
  .panel{padding:18px}
}


/* v0.35.1 — navigation, report rhythm, mobile polish */
header nav{
  min-height:66px;
  padding:10px 18px;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
header nav > a:first-child{
  margin-right:auto;
  font-size:1.05rem;
  font-weight:850;
  letter-spacing:-.02em;
  color:var(--wr-text);
}
header nav > a:not(:first-child){
  color:#475569;
  padding:8px 10px;
  border-radius:10px;
}
header nav > a:not(:first-child):hover{
  background:var(--wr-accent-soft);
  color:var(--wr-accent-strong);
}

/* Language menu */
.wr-language-menu{
  position:relative;
  margin-left:10px;
  flex:0 0 auto;
}
.wr-language-menu summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  min-height:40px;
  border:1px solid var(--wr-line);
  border-radius:11px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  color:#334155;
  cursor:pointer;
  user-select:none;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.wr-language-menu summary::-webkit-details-marker{display:none}
.wr-language-menu[open] summary,
.wr-language-menu summary:hover{
  border-color:rgba(36,99,235,.24);
  background:#fff;
}
.wr-language-menu summary:focus-visible{
  outline:3px solid rgba(96,165,250,.35);
  outline-offset:2px;
}
.wr-language-menu__flag{
  width:20px;
  height:14px;
  display:inline-block;
  flex:0 0 auto;
  border-radius:3px;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 1px 2px rgba(15,23,42,.06);
  background:#e2e8f0;
  overflow:hidden;
}

/* Pure CSS flags: consistent even on Windows where emoji flags render as GB/DE text. */
.wr-language-menu__flag.flag-de{background:linear-gradient(#111 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66%)}
.wr-language-menu__flag.flag-fr{background:linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%)}
.wr-language-menu__flag.flag-it{background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}
.wr-language-menu__flag.flag-ro{background:linear-gradient(90deg,#002b7f 0 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66%)}
.wr-language-menu__flag.flag-nl{background:linear-gradient(#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66%)}
.wr-language-menu__flag.flag-ru{background:linear-gradient(#fff 0 33.33%,#0039a6 33.33% 66.66%,#d52b1e 66.66%)}
.wr-language-menu__flag.flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.wr-language-menu__flag.flag-pt{background:linear-gradient(90deg,#046a38 0 40%,#da291c 40%)}
.wr-language-menu__flag.flag-in{background:linear-gradient(#ff9933 0 33.33%,#fff 33.33% 66.66%,#138808 66.66%)}
.wr-language-menu__flag.flag-gb{
  background:
    linear-gradient(33deg,transparent 43%,#c8102e 43% 48%,#fff 48% 54%,transparent 54%),
    linear-gradient(-33deg,transparent 43%,#c8102e 43% 48%,#fff 48% 54%,transparent 54%),
    linear-gradient(90deg,transparent 39%,#fff 39% 61%,transparent 61%),
    linear-gradient(transparent 34%,#fff 34% 66%,transparent 66%),
    linear-gradient(90deg,transparent 44%,#c8102e 44% 56%,transparent 56%),
    linear-gradient(transparent 41%,#c8102e 41% 59%,transparent 59%),
    #012169;
}
.wr-language-menu__text{
  display:flex;
  flex-direction:column;
  gap:1px;
  line-height:1.1;
}
.wr-language-menu__label{
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#94a3b8;
}
.wr-language-menu__value{
  min-width:22px;
  text-align:center;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.04em;
  color:#0f172a;
}
.wr-language-menu__chevron{
  font-size:.85rem;
  color:#64748b;
  transition:transform .18s ease;
}
.wr-language-menu[open] .wr-language-menu__chevron{
  transform:rotate(180deg);
}
.wr-language-menu__panel{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:210px;
  padding:8px;
  border:1px solid var(--wr-line);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 48px rgba(15,23,42,.14);
  z-index:120;
}
.wr-language-menu__option{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border-radius:12px;
  text-decoration:none;
  color:#334155;
  font-weight:600;
}
.wr-language-menu__option:hover{
  background:#f8fbff;
  color:var(--wr-accent-strong);
}
.wr-language-menu__option.is-active{
  background:#eff6ff;
  color:var(--wr-accent-strong);
}
.wr-language-menu__name{
  white-space:nowrap;
}
.wr-language-menu__check{
  color:var(--wr-accent);
  font-weight:800;
}

/* Give every report section a clearer reading rhythm. */
.report-section,
.panel{
  scroll-margin-top:96px;
}
.report-section{
  margin:18px 0;
  padding:clamp(18px,2.5vw,28px);
  border:1px solid var(--wr-line);
  border-radius:var(--wr-radius);
  background:rgba(255,255,255,.94);
  box-shadow:var(--wr-shadow-soft);
}
.report-section > h2,
.panel > h2{
  margin-top:0;
}
.report-grid{
  gap:12px!important;
}
.report-grid > div{
  min-width:0;
  padding:14px 15px!important;
  border:1px solid #e6edf5;
  border-radius:12px;
  background:#fbfcfe;
}
.report-grid > div strong{
  display:block;
  margin-bottom:4px;
  font-size:.88rem;
  color:#334155;
}
.report-grid > div span{
  overflow-wrap:anywhere;
  color:var(--wr-muted);
}

/* Improve long technical content and URL-heavy fields. */
code,
.link-issue code,
.link-row code{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.link-table,
.schema-items,
.history{
  border-radius:14px;
  overflow:hidden;
}
.link-row,
.history > div,
.schema-items > div{
  padding:12px 14px!important;
  border-bottom:1px solid #edf1f6!important;
}
.link-row:last-child,
.history > div:last-child,
.schema-items > div:last-child{
  border-bottom:0!important;
}

/* Score summary should read like a dashboard. */
.score-grid{
  margin:18px 0 22px;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.metric{
  position:relative;
  overflow:hidden;
}
.metric:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(var(--wr-accent),#82a5ff);
}
.metric span{
  font-size:.82rem;
  font-weight:700;
  color:#64748b!important;
}
.metric b{
  display:block;
  margin-top:5px;
}

/* Action bar gets a stronger hierarchy. */
.actions{
  padding:10px 0 2px;
}
.actions form{
  margin:0;
}
.actions .button{
  box-shadow:0 8px 18px rgba(36,99,235,.18);
}
.actions .ghost{
  background:#fff;
}

/* Quick analyze becomes a clear end-of-report CTA. */
.report-quick-analyze{
  position:relative;
  overflow:hidden;
  padding:22px!important;
}
.report-quick-analyze:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-90px;
  top:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(36,99,235,.14),transparent 68%);
  pointer-events:none;
}
.report-quick-analyze > *{
  position:relative;
  z-index:1;
}

/* Compare page: stronger sticky first column and horizontal affordance. */
.compare-grid{
  border:1px solid var(--wr-line);
  border-radius:14px;
  background:#fff;
}
.compare-table{
  border:0;
}
.compare-table th:first-child,
.compare-table td:first-child{
  box-shadow:6px 0 12px rgba(15,23,42,.025);
}

/* Account sections */
.account-shell > div:first-child{
  margin-bottom:4px;
}
.account-profile div{
  background:#fbfcfe;
}
.monitor-alert,
.monitor-settings{
  background:#fbfcfe;
}

/* Mobile navigation and report cards */
@media(max-width:760px){
  header nav{
    gap:8px;
    padding:9px 14px;
  }
  header nav > a:first-child{
    width:auto;
  }
  header nav > a:not(:first-child){
    font-size:.92rem;
    padding:7px 8px;
  }
  .wr-language-menu{
    width:100%;
    order:99;
    margin-left:0;
  }
  .wr-language-menu summary{
    width:100%;
    justify-content:space-between;
  }
  .wr-language-menu__panel{
    left:0;
    right:0;
    min-width:0;
  }
  .score-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .score-grid .metric:last-child{
    grid-column:1/-1;
  }
  .report-section,
  .panel{
    margin:14px 0;
  }
  .report-grid{
    grid-template-columns:1fr!important;
  }
  .report-quick-analyze{
    padding:18px!important;
  }
  .actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }
  .actions > *{
    width:100%;
  }
  .actions form button{
    width:100%;
  }
}
@media(max-width:520px){
  .actions{
    grid-template-columns:1fr;
  }
  .score-grid{
    grid-template-columns:1fr!important;
  }
  .score-grid .metric:last-child{
    grid-column:auto;
  }
  .report-head{
    grid-template-columns:1fr!important;
  }
  .report-head .score{
    width:100%;
    min-width:0;
  }
}


/* v0.35.2 — homepage depth and report polish */
.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.hero-points span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border:1px solid #dbe5f2;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  color:#475569;
  font-size:.82rem;
  font-weight:750;
  box-shadow:0 3px 10px rgba(35,55,80,.035);
}
.home-reports{
  margin:40px 0 18px;
}
.home-reports .section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}
.home-reports h2{
  margin:.1em 0 0;
  font-size:clamp(1.8rem,3vw,2.5rem);
}
.home-report-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.home-report-card{
  min-height:145px;
  padding:18px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
  gap:5px;
  text-decoration:none;
  background:
    linear-gradient(180deg,#fff 0,#fbfdff 100%)!important;
}
.home-report-card:before{
  content:"";
  width:34px;
  height:5px;
  margin-bottom:auto;
  border-radius:999px;
  background:linear-gradient(90deg,var(--wr-accent),#7fa5ff);
}
.home-report-card span{
  font-size:.8rem;
  font-weight:800;
  color:var(--wr-accent)!important;
}
.home-report-card strong{
  font-size:1.05rem;
  overflow-wrap:anywhere;
}
.home-report-card small{
  color:#94a3b8;
}

/* Report content gets subtler section distinction */
.report-section:nth-of-type(even),
.panel:nth-of-type(even){
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.section-heading h2{
  margin:.15em 0 .2em;
}
.section-heading p{
  margin:.2em 0 0;
}

/* Improve readability of dense audit check lists */
.check{
  border-radius:11px!important;
  padding:11px 12px!important;
}
.check.pass{
  background:rgba(20,128,74,.045)!important;
}
.check.fail{
  background:rgba(180,35,24,.045)!important;
}
.check b{
  min-width:24px;
  text-align:center;
}

/* History cards */
.history-card{
  border:1px solid var(--wr-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(35,55,80,.035);
}
.history-card.newest{
  border-color:#b7caec!important;
  background:#f8fbff!important;
}

/* Better empty / unavailable visual states */
.compare-empty,
.account-alert{
  box-shadow:none!important;
}

/* Footer spacing */
footer{
  padding:28px 18px!important;
}

/* responsive homepage */
@media(max-width:900px){
  .home-report-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .hero-points{
    gap:6px;
  }
  .hero-points span{
    font-size:.78rem;
  }
  .home-report-grid{
    grid-template-columns:1fr!important;
  }
  .home-report-card{
    min-height:118px;
  }
}


/* v0.36.0 — legal footer and consent */
.wr-legal-footer{
  max-width:1180px;
  margin:18px auto 0;
  padding:18px 0 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  border-top:1px solid var(--wr-line);
  color:var(--wr-muted);
  font-size:.86rem;
}
.wr-legal-footer nav{
  display:flex;
  gap:13px;
  flex-wrap:wrap;
}
.wr-legal-footer a{
  color:#526176;
  text-decoration:none;
}
.wr-legal-footer a:hover{
  color:var(--wr-accent);
}
.legal-shell{
  max-width:900px;
  margin:18px auto 48px;
}
.legal-content{
  line-height:1.7;
}
.legal-content h2{
  margin-top:2rem;
  margin-bottom:.55rem;
  font-size:1.25rem;
}
.legal-content h2:first-child{
  margin-top:0;
}
.legal-content p{
  color:#475569;
}
.legal-content code{
  padding:.12em .35em;
  border-radius:5px;
  background:#eef2f7;
}
.legal-warning{
  margin-bottom:22px;
  padding:15px 17px;
  border:1px solid rgba(180,83,9,.28);
  border-radius:12px;
  background:#fff8eb;
  color:#7c4309;
}

.wr-consent-backdrop{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(15,23,42,.56);
  backdrop-filter:blur(4px);
}
.wr-consent{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:9999;
  width:min(680px,calc(100% - 28px));
  transform:translateX(-50%);
  padding:24px;
  border:1px solid #d6dfec;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 80px rgba(15,23,42,.28);
}
.wr-consent[hidden],
.wr-consent-backdrop[hidden]{
  display:none!important;
}
.wr-consent h2{
  margin:.15em 0 .4em;
}
.wr-consent p{
  margin:.5em 0 1em;
}
.wr-consent-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.wr-consent-actions button{
  min-height:44px;
}
.wr-consent-actions .ghost{
  background:#fff;
  color:var(--wr-text);
  border:1px solid var(--wr-line);
  box-shadow:none;
}
.wr-consent-links{
  margin-bottom:0!important;
  font-size:.85rem;
}
html.wr-consent-open{
  overflow:hidden;
}

@media(max-width:700px){
  .wr-legal-footer{
    padding-inline:2px;
    align-items:flex-start;
    flex-direction:column;
  }
  .wr-consent{
    bottom:12px;
    padding:20px;
  }
  .wr-consent-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .wr-consent-actions button{
    width:100%;
  }
}


/* v0.36.1 — use the previously empty hero space with a report preview */
.hero.hero-split{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);
  gap:clamp(28px,4vw,54px);
  align-items:center;
  max-width:none;
}
.hero.hero-split:after{
  width:520px;
  height:520px;
  right:-120px;
  top:-170px;
}
.hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
.hero-copy h1{
  max-width:760px;
}
.hero-copy > p:not(.eyebrow){
  max-width:690px;
}
.hero-copy form{
  max-width:720px;
}

.hero-preview{
  position:relative;
  z-index:2;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(190,205,227,.9);
  border-radius:22px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.98),rgba(244,248,255,.95));
  box-shadow:0 22px 54px rgba(35,55,80,.12);
}
.hero-preview:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  top:-80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(36,99,235,.16),rgba(36,99,235,0) 68%);
  pointer-events:none;
}
.hero-preview-head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid #e5ebf3;
}
.hero-preview-head > div:first-child{
  min-width:0;
}
.hero-preview-head small{
  display:block;
  margin-bottom:5px;
  color:var(--wr-accent);
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.11em;
}
.hero-preview-head strong{
  display:block;
  overflow-wrap:anywhere;
  font-size:1.05rem;
}
.hero-preview-score{
  display:flex;
  align-items:baseline;
  gap:2px;
  flex:0 0 auto;
}
.hero-preview-score b{
  color:var(--wr-accent);
  font-size:2.25rem;
  line-height:.95;
  letter-spacing:-.05em;
}
.hero-preview-score span{
  color:#94a3b8;
  font-size:.76rem;
  font-weight:700;
}

.hero-preview-bars{
  display:grid;
  gap:12px;
  margin:20px 0 18px;
}
.hero-preview-bars > div{
  display:grid;
  grid-template-columns:86px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
}
.hero-preview-bars span,
.hero-preview-bars em{
  font-size:.76rem;
  font-style:normal;
  font-weight:750;
}
.hero-preview-bars span{
  color:#475569;
}
.hero-preview-bars em{
  color:#64748b;
  text-align:right;
}
.hero-preview-bars i{
  display:block;
  overflow:hidden;
  height:7px;
  border-radius:999px;
  background:#e7edf6;
}
.hero-preview-bars i b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--wr-accent),#76a1ff);
}

.hero-preview-checks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:16px;
  border-top:1px solid #e5ebf3;
}
.hero-preview-checks span{
  display:block;
  padding:8px 9px;
  border-radius:9px;
  background:#f3f8f5;
  color:#256341;
  font-size:.73rem;
  font-weight:700;
}
.hero-preview-checks .warn{
  background:#fff8ea;
  color:#8a5208;
}

@media(max-width:1060px){
  .hero.hero-split{
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
    gap:28px;
  }
  .hero-preview{
    padding:18px;
  }
  .hero-preview-bars > div{
    grid-template-columns:74px minmax(0,1fr) 24px;
  }
}
@media(max-width:860px){
  .hero.hero-split{
    grid-template-columns:1fr;
  }
  .hero-preview{
    max-width:680px;
  }
}
@media(max-width:560px){
  .hero-preview{
    padding:16px;
    border-radius:17px;
  }
  .hero-preview-checks{
    grid-template-columns:1fr;
  }
  .hero-preview-bars > div{
    grid-template-columns:78px minmax(0,1fr) 26px;
  }
}

/* v0.38.0 report priorities and monitoring actions */
.report-priorities .section-help{margin-top:-5px}
.recommendation{
  display:grid;
  grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);
  gap:14px;
  padding:13px 14px;
  margin:9px 0;
  border:1px solid var(--wr-line);
  border-radius:12px;
  background:#fbfcfe;
}
.recommendation.error,.recommendation.critical{
  border-left:4px solid #b42318;
  background:#fff8f7;
}
.recommendation.improve,.recommendation.warning{
  border-left:4px solid #b76b0b;
  background:#fffaf2;
}
.recommendation.info{
  border-left:4px solid var(--wr-accent);
}
.compact-button{
  min-height:39px!important;
  padding:8px 12px!important;
  white-space:nowrap;
  font-size:.88rem;
}
@media(max-width:900px){
  .account-card .list[style*="grid-template-columns"]{
    grid-template-columns:1fr auto!important;
  }
}
@media(max-width:620px){
  .recommendation{grid-template-columns:1fr;gap:4px}
  .account-card .list[style*="grid-template-columns"]{
    grid-template-columns:1fr!important;
  }
}


/* v0.38.2.1 compare page fixes */
.compare-shell{
  width:100%;
}
.compare-form{
  margin-top:8px!important;
  margin-bottom:10px!important;
  padding:24px!important;
  overflow:visible!important;
}
.compare-form button{
  margin-right:0!important;
  box-shadow:0 8px 18px rgba(36,99,235,.16);
}
.compare-form input{
  box-sizing:border-box;
}
.compare-grid{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.compare-table{
  margin:0;
}
.compare-empty{
  margin-top:2px;
}
@media(max-width:1080px){
  .compare-form{
    padding:22px!important;
  }
}
@media(max-width:620px){
  .compare-form{
    padding:18px!important;
  }
}


/* v0.39.2.1 — compact header language trigger */
.wr-language-menu{
  margin-left:8px;
}
.wr-language-menu summary{
  min-height:38px;
  padding:7px 10px;
  gap:7px;
  border-radius:11px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.wr-language-menu summary:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.wr-language-menu__value{
  min-width:1.55rem;
  font-size:.82rem;
  font-weight:850;
  letter-spacing:.055em;
  text-align:center;
}
.wr-language-menu__flag{
  font-size:1.08rem;
}
.wr-language-menu__chevron{
  margin-left:1px;
  font-size:.72rem;
}
.wr-language-menu__panel{
  min-width:232px;
  padding:7px;
  transform-origin:top right;
  animation:wr-lang-pop .14s ease-out;
}
.wr-language-menu__option{
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.wr-language-menu__option:hover{
  transform:translateX(2px);
}
@keyframes wr-lang-pop{
  from{opacity:0;transform:translateY(-4px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
  .wr-language-menu{
    width:auto;
    order:0;
    margin-left:0;
  }
  .wr-language-menu summary{
    width:auto;
    justify-content:center;
  }
  .wr-language-menu__panel{
    left:auto;
    right:0;
    min-width:220px;
  }
}
@media(max-width:560px){
  header nav{
    align-items:center;
  }
  .wr-language-menu{
    margin-left:auto;
  }
}

/* v0.39.3 Phase 1: report/account/compare/mobile consistency */
.seo-indexability .section-heading,
.security-panel .panel-title-row,
.link-audit .section-heading{gap:18px;align-items:flex-start}
.seo-check-grid,.security-grid{gap:12px}
.seo-check,.security-check{min-width:0}
.seo-check small,.security-check span{overflow-wrap:anywhere}
.sample-note{max-width:340px;text-align:right;line-height:1.35}
.account-card .list > div{align-items:center}
.account-card .list > div > a:first-child{min-width:0;overflow-wrap:anywhere}
.compare-form label{min-width:0}
.compare-form input{min-width:0}
@media(max-width:760px){
 .seo-indexability .section-heading,
 .security-panel .panel-title-row,
 .link-audit .section-heading{display:grid;grid-template-columns:1fr}
 .sample-note{max-width:none;text-align:left}
 .seo-check-grid,.security-grid{grid-template-columns:1fr!important}
 .keyword-table,.link-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .account-card .list > div{align-items:stretch}
}


/* v0.39.3.1 — compact report header / score / actions */
.report-head-compact{
  min-height:0!important;
  padding:30px 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:28px!important;
  align-items:center!important;
}
.report-head-compact .report-head-copy{
  min-width:0;
}
.report-head-compact .report-head-copy .eyebrow{
  margin-bottom:12px;
}
.report-head-compact h1{
  margin:.05em 0 .14em!important;
  max-width:100%;
  font-size:clamp(2.8rem,6vw,5.1rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.report-head-compact .report-head-copy > p:last-child{
  margin:10px 0 0!important;
  font-size:.98rem;
  color:#6b7b91;
}

.score-compact{
  align-self:center;
  min-width:120px!important;
  min-height:120px;
  padding:16px!important;
  border-radius:18px!important;
}
.score-compact strong{
  font-size:2.5rem!important;
}
.score-compact small{
  font-size:.8rem!important;
}

.report-actions{
  margin:14px 0 12px!important;
  padding:0!important;
  gap:10px!important;
}
.report-actions .button,
.report-actions .ghost,
.report-actions button{
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:10px!important;
}

.report-jumpnav-compact{
  margin:12px 0 16px!important;
  padding:6px!important;
  width:max-content!important;
}
.report-jumpnav-compact a{
  padding:7px 12px!important;
  font-size:.86rem!important;
}

.score-grid{
  margin-top:10px!important;
  gap:12px!important;
}
.score-grid .metric{
  min-height:136px;
  padding:16px 17px!important;
}
.score-grid .metric b{
  margin-top:4px!important;
  font-size:1.9rem!important;
}
.score-grid .metric em{
  margin-top:5px!important;
  font-size:.82rem!important;
}

@media(max-width:900px){
  .report-head-compact{
    padding:26px 24px!important;
    gap:18px!important;
  }
  .score-compact{
    min-width:104px!important;
    min-height:104px;
  }
}
@media(max-width:700px){
  .report-head-compact{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .score-compact{
    width:auto!important;
    min-width:112px!important;
    min-height:96px;
    justify-self:start;
  }
  .report-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .report-jumpnav-compact{
    width:100%!important;
    justify-content:flex-start;
  }
}
@media(max-width:520px){
  .report-head-compact{
    padding:22px 18px!important;
  }
  .report-head-compact h1{
    font-size:clamp(2.2rem,12vw,3.6rem)!important;
  }
  .report-actions{
    grid-template-columns:1fr!important;
  }
  .score-grid .metric{
    min-height:118px;
  }
}


/* v0.39.3.3.5 — Search Preview inner spacing */
.serp-preview{
  padding:18px 20px!important;
  margin:12px 0 16px!important;
  box-sizing:border-box;
  overflow:hidden;
}
.serp-preview .serp-url,
.serp-preview .serp-title,
.serp-preview .serp-desc{
  margin-left:0!important;
  padding-left:0!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
.serp-preview .serp-url{
  margin-bottom:5px!important;
}
.serp-preview .serp-title{
  margin-bottom:5px!important;
  line-height:1.25;
}
.serp-preview .serp-desc{
  line-height:1.55;
}
.serp-preview + .detail-grid{
  margin-top:0!important;
}

@media(max-width:620px){
  .serp-preview{
    padding:16px!important;
    margin:10px 0 14px!important;
  }
}

/* v0.39.4 — Footer legal links visibility fix */
footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px 32px!important;
  width:100%!important;
  min-height:0!important;
  overflow:visible!important;
}

footer > b{
  display:block!important;
}

footer > span{
  display:block!important;
  text-align:right!important;
}

footer .wr-legal-footer{
  display:block!important;
  grid-column:1 / -1!important;
  width:100%!important;
  margin:4px 0 0!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(102,117,138,.18)!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}

footer .wr-legal-footer nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px 22px!important;
  width:100%!important;
}

footer .wr-legal-footer a{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  color:inherit!important;
  text-decoration:none!important;
  font-size:.88rem!important;
  line-height:1.5!important;
}

footer .wr-legal-footer a:hover{
  text-decoration:underline!important;
}

@media(max-width:700px){
  footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  footer > span{
    text-align:left!important;
  }

  footer .wr-legal-footer{
    margin-top:8px!important;
  }

  footer .wr-legal-footer nav{
    gap:8px 16px!important;
  }
}


/* v0.39.4 — Homepage bottom spacing */
main:has(> .wr-home){
  padding-bottom:24px!important;
}

main:has(> .wr-home) .home-reports{
  margin-bottom:0!important;
}

main:has(> .wr-home) + footer{
  margin-top:0!important;
}


/* v0.39.4 — Footer aligned to main layout width */
footer{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

@media(max-width:700px){
  footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}