
:root{--bg:#f8f3eb;--paper:#fffdfa;--ink:#111216;--muted:#60636a;--line:#ddd5ca;--accent:#ff5a30;--good:#197347;--warn:#b36a16;--bad:#b53220;--dark:#111216;--wrap:min(1220px,calc(100% - 40px));--shadow:0 20px 48px rgba(17,18,22,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fcf8f2,#f6efe6);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.analysis-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1220px)/2));border-bottom:1px solid rgba(17,18,22,.08);background:rgba(252,248,242,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.analysis-logo{font-size:28px;font-weight:900;letter-spacing:-.055em}.analysis-header nav{display:flex;gap:22px;font-size:14px;font-weight:800}.analysis-main,.result-main{width:var(--wrap);margin:0 auto}.analysis-main{padding:90px 0 110px}.analysis-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#6a6d72}.analysis-eyebrow:before{content:"";width:24px;height:7px;border-radius:99px;background:var(--accent)}.analysis-hero{max-width:920px}.analysis-hero h1,.audit-top h1{margin:16px 0 15px;font-size:clamp(52px,7vw,94px);line-height:.94;letter-spacing:-.052em;font-weight:880;text-wrap:balance}.analysis-hero>p,.audit-top p{margin:0;color:#555960;font-size:18px;line-height:1.58;max-width:760px}.analysis-form{margin-top:30px;background:#fff;border:1px solid rgba(17,18,22,.08);border-radius:24px;padding:20px;box-shadow:var(--shadow);max-width:820px}.analysis-form label{display:block;font-size:13px;font-weight:850;margin-bottom:8px}.analysis-input-row{display:flex;gap:10px}.analysis-input-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:inherit;outline:none}.analysis-input-row input:focus{border-color:rgba(255,90,48,.65);box-shadow:0 0 0 3px rgba(255,90,48,.09)}.analysis-input-row button{border:0;border-radius:14px;padding:15px 20px;background:var(--accent);color:#fff;font:inherit;font-weight:900;cursor:pointer}.analysis-small{font-size:12px!important;color:#777!important;margin:10px 0 0!important}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.analysis-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;max-width:960px}.analysis-points article{background:rgba(255,255,255,.72);border:1px solid rgba(17,18,22,.08);border-radius:20px;padding:20px}.analysis-points strong{display:block;font-size:18px;margin-bottom:5px}.analysis-points span{font-size:13px;color:#62656b;line-height:1.45}.analysis-footer{border-top:1px solid rgba(17,18,22,.08);padding:28px max(20px,calc((100vw - 1220px)/2));display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#6f7278}
.result-main{padding:66px 0 100px}.audit-top{display:grid;grid-template-columns:1fr 210px;gap:36px;align-items:center}.audit-top h1{font-size:clamp(48px,6.5vw,88px)}.coverage-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.coverage-row span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.65);font-size:11px;font-weight:800;color:#666a70}.overall{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;align-content:center;justify-self:end;background:#fff;border:10px solid #aaa;box-shadow:var(--shadow)}.overall.good,.score-card.good{--tone:var(--good)}.overall.warn,.score-card.warn{--tone:var(--warn)}.overall.bad,.score-card.bad{--tone:var(--bad)}.overall{border-color:var(--tone,#999)}.overall span{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#72757a}.overall strong{font-size:64px;line-height:.9;letter-spacing:-.07em}.overall small{font-size:12px;color:#777}.score-grid{display:grid;gap:12px;margin-top:30px}.score-grid-six{grid-template-columns:repeat(6,1fr)}.score-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--tone,#aaa);border-radius:18px;padding:18px;min-height:150px}.score-card span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#6d7075}.score-card strong{display:block;font-size:46px;letter-spacing:-.055em;margin:8px 0 5px}.score-card small{display:block;color:#686b71;font-size:11px;line-height:1.4}.result-section{padding-top:76px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-title h2{margin:13px 0 0;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.045em;text-wrap:balance}.section-title>span{font-size:12px;font-weight:800;color:#70737a}.issue-list{display:grid;gap:12px}.issue{display:grid;grid-template-columns:1fr auto;gap:20px;background:#fff;border:1px solid var(--line);border-left:5px solid #aaa;border-radius:18px;padding:20px}.issue.high{border-left-color:var(--bad)}.issue.medium{border-left-color:var(--warn)}.issue.low,.issue.none{border-left-color:var(--good)}.sev{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#eee}.sev.high{background:#fff0ec;color:var(--bad)}.sev.medium{background:#fff5e8;color:#9c5c13}.sev.low{background:#edf8f0;color:var(--good)}.issue h3{margin:10px 0 5px;font-size:23px;letter-spacing:-.025em}.issue p{margin:0;color:#62656b;font-size:13px;line-height:1.5;max-width:780px}.issue b{display:block;margin-top:10px;font-size:13px}.issue-urls{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:260px}.issue-urls code{font-size:10px;background:#f7f3ed;border-radius:7px;padding:5px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coverage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.coverage-grid article{background:#111216;color:#fff;border-radius:18px;padding:20px}.coverage-grid strong{display:block;font-size:36px;letter-spacing:-.05em}.coverage-grid span{font-size:11px;color:#c9c6cd}.bot-table{background:#111216;border-radius:22px;padding:7px;color:#fff}.bot-table article{display:grid;grid-template-columns:1.3fr .55fr .45fr .45fr;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.bot-table article:last-child{border-bottom:0}.bot-table strong{display:block;font-size:13px}.bot-table small{display:block;color:#aaa7af;font-size:10px;margin-top:2px}.bot-table span{font-size:10px;font-weight:800}.bot-table .allowed{color:#74d493}.bot-table .blocked{color:#ff9c8c}.http-status,.similarity{color:#c8c5cc}.advisory-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.advisory-row>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.advisory-row strong{display:block;font-size:14px}.advisory-row span{display:block;font-size:28px;font-weight:900;letter-spacing:-.04em;margin:7px 0 3px}.advisory-row small{color:#686b70;line-height:1.45}.perf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.perf-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.perf-grid span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#6e7177}.perf-grid strong{display:block;font-size:30px;letter-spacing:-.045em;margin:9px 0 4px}.perf-grid small{color:#696c72;font-size:11px}.page-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.page-table{width:100%;border-collapse:collapse;min-width:900px}.page-table th,.page-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #ece5db;font-size:11px}.page-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777;background:#faf7f2}.page-table td:first-child span{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method{margin-top:24px}.method details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 17px}.method summary{font-size:13px;font-weight:850;cursor:pointer}.method p{font-size:12px;color:#666a70;line-height:1.55;max-width:850px}.analysis-cta{margin-top:74px;background:#111216;color:#fff;border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.analysis-cta h2{margin:12px 0 7px;font-size:clamp(36px,5vw,58px);line-height:.98;letter-spacing:-.045em}.analysis-cta p{margin:0;color:#c9c6cd}.cta-buttons{display:flex;gap:10px;flex-wrap:wrap}.cta-buttons a{padding:13px 17px;border-radius:999px;font-size:13px;font-weight:900}.cta-buttons .primary{background:var(--accent);color:#fff}.cta-buttons .secondary{background:#fff;color:#111216}
@media(max-width:1100px){.score-grid-six{grid-template-columns:repeat(3,1fr)}.coverage-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.audit-top{grid-template-columns:1fr}.overall{justify-self:start}.bot-table article{grid-template-columns:1fr 1fr}.perf-grid{grid-template-columns:1fr 1fr}.analysis-cta{grid-template-columns:1fr}.issue{grid-template-columns:1fr}.issue-urls{align-items:flex-start;max-width:100%}}@media(max-width:650px){:root{--wrap:min(100% - 24px,1220px)}.analysis-header{height:66px;padding:0 14px}.analysis-header nav a:last-child{display:none}.analysis-main{padding:58px 0 76px}.analysis-hero h1,.audit-top h1{font-size:50px}.analysis-input-row{display:grid}.analysis-points,.score-grid-six,.coverage-grid,.perf-grid,.advisory-row{grid-template-columns:1fr}.result-main{padding-top:48px}.section-title{display:block}.overall{width:154px;height:154px}.overall strong{font-size:52px}.bot-table article{grid-template-columns:1fr}.issue h3{font-size:20px}.analysis-cta{padding:26px}}


/* =========================================================
   AUTOPAGE 1.1 — AUDIT REPORT POLISH
   Text integrity, spacing, line wrapping and cache-safe layout.
   ========================================================= */

.result-main,
.result-main * {
  min-width: 0;
}

.result-main h1,
.result-main h2,
.result-main h3 {
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
}

.result-main p,
.result-main small,
.result-main span {
  text-wrap: pretty;
}

.audit-top {
  row-gap: 28px;
}

.audit-intro > p {
  max-width: 840px;
}

.coverage-row {
  align-items: center;
}

.coverage-row span {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  line-height: 1.25;
}

.coverage-row strong {
  color: var(--ink);
  font-size: 12px;
}

.score-card {
  display: flex;
  flex-direction: column;
}

.score-card small {
  margin-top: auto;
  max-width: 22ch;
}

.section-title {
  align-items: flex-end;
}

.section-title > span {
  white-space: nowrap;
}

/* Priority issues */
.issue {
  align-items: start;
}

.issue-main {
  min-width: 0;
}

.issue h3 {
  margin-top: 12px;
  margin-bottom: 8px;
  line-height: 1.08;
  max-width: 30ch;
}

.issue-detail {
  margin: 0;
  max-width: 72ch;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.issue-fix {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin: 12px 0 0 !important;
  max-width: 72ch;
  color: var(--ink) !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  font-weight: 700;
}

.issue-fix > span {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  background: #f1ede7;
  color: #5f6268;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 900;
}

.issue-urls {
  padding-top: 34px;
}

/* Coverage cards: explicit block layout prevents 100%Korrekt concatenation */
.coverage-grid article {
  display: flex;
  min-height: 132px;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.coverage-grid strong {
  display: block;
  line-height: .9;
}

.coverage-grid span {
  display: block;
  line-height: 1.35;
  max-width: 16ch;
}

/* Bot matrix: every data point is visually and semantically separated */
.bot-table {
  padding: 8px;
}

.bot-row {
  min-height: 68px;
}

.bot-identity {
  min-width: 0;
}

.bot-identity strong {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.2;
}

.bot-identity small {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  line-height: 1.4;
}

.bot-status,
.http-status,
.similarity {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 6px 9px;
  border-radius: 999px;
  line-height: 1.2;
  white-space: nowrap;
}

.bot-status.allowed {
  background: rgba(57, 164, 91, .13);
}

.bot-status.blocked {
  background: rgba(217, 75, 52, .14);
}

.http-status,
.similarity {
  background: rgba(255,255,255,.08);
}

.muted-status {
  color: #9f9ca5 !important;
}

/* Advisory/performance */
.advisory-row > div,
.perf-grid article {
  display: flex;
  flex-direction: column;
}

.advisory-row small,
.perf-grid small {
  margin-top: auto;
  padding-top: 6px;
  line-height: 1.55;
}

/* Page table */
.page-table th,
.page-table td {
  vertical-align: middle;
  line-height: 1.35;
}

.page-table th {
  white-space: nowrap;
}

.page-table td:not(:first-child) {
  white-space: nowrap;
}

.page-table td:first-child span {
  overflow-wrap: anywhere;
}

/* Better reading sizes on medium screenshots/tablets */
@media (max-width: 1100px) {
  .score-grid-six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .coverage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bot-table article {
    grid-template-columns: minmax(220px, 1.35fr) minmax(125px, .6fr) minmax(100px, .48fr) minmax(110px, .52fr);
  }
}

@media (max-width: 850px) {
  .section-title > span {
    white-space: normal;
  }

  .issue-urls {
    padding-top: 0;
  }

  .bot-table article {
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
  }

  .bot-identity {
    grid-column: 1 / -1;
  }
}

@media (max-width: 650px) {
  .result-main {
    width: min(100% - 22px, 1220px);
  }

  .result-section {
    padding-top: 62px;
  }

  .section-title h2 {
    margin-top: 10px;
    font-size: clamp(36px, 11vw, 50px);
    line-height: .99;
  }

  .section-title > span {
    display: block;
    margin-top: 10px;
  }

  .issue {
    padding: 18px;
  }

  .issue h3 {
    font-size: 22px;
  }

  .issue-detail,
  .issue-fix {
    font-size: 14px !important;
  }

  .coverage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coverage-grid article {
    min-height: 122px;
    padding: 18px;
  }

  .coverage-grid strong {
    font-size: 34px;
  }

  .bot-table {
    border-radius: 18px;
  }

  .bot-table article {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px 13px;
  }

  .bot-identity {
    grid-column: auto;
    margin-bottom: 4px;
  }

  .bot-status,
  .http-status,
  .similarity {
    white-space: normal;
  }
}

@media (max-width: 390px) {
  .coverage-grid {
    grid-template-columns: 1fr;
  }

  .coverage-grid article {
    min-height: 108px;
  }
}
