/* Website Basischeck */
.tool-hero { padding-bottom: 34px; }
.tool-hero-grid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(280px, .45fr); gap:clamp(22px, 5vw, 54px); align-items:center; }
.quick-form { display:grid; grid-template-columns:minmax(220px, 1fr) auto; gap:10px; margin-top:24px; align-items:center; }
.quick-form input {
  width:100%; min-height:50px; padding:12px 14px; border:1px solid var(--nxp-border); border-radius:16px; background:var(--nxp-surface); color:var(--nxp-text); outline:none;
}
.quick-form input:focus { border-color:rgba(122,60,240,.45); box-shadow:0 0 0 4px var(--nxp-primary-soft); }
.sr-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.mini-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:12px; color:var(--nxp-muted); font-size:.94rem; }
.link-button { border:0; background:transparent; padding:0; color:var(--nxp-primary); font-weight:850; cursor:pointer; }
.hero-result h2 { margin:14px 0; font-size:1.55rem; line-height:1.1; }
.check-pill-grid { display:flex; flex-wrap:wrap; gap:8px; }
.check-pill-grid span { padding:8px 10px; border-radius:999px; background:var(--nxp-primary-soft); color:var(--nxp-primary); font-weight:900; font-size:.88rem; }
.tool-layout { display:grid; grid-template-columns:minmax(0, 1fr) minmax(300px, .36fr); gap:20px; align-items:start; }
.section-head-row { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
.score-card { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; padding:16px; margin-top:22px; border:1px solid var(--nxp-border); border-radius:22px; background:var(--nxp-surface-soft); }
.score-number { width:86px; height:86px; border-radius:999px; display:grid; place-items:center; background:var(--nxp-primary-soft); color:var(--nxp-primary); font-weight:950; line-height:1; }
.score-number span { font-size:2rem; }
.score-number small { font-size:.78rem; color:var(--nxp-muted); margin-top:-18px; }
.score-card strong { display:block; font-size:1.08rem; line-height:1.25; }
.score-card p { margin:5px 0 0; color:var(--nxp-text-soft); }
.loading { display:flex; align-items:center; gap:10px; margin-top:18px; padding:14px; border:1px solid var(--nxp-border); border-radius:18px; background:var(--nxp-surface-soft); }
.spinner { width:18px; height:18px; border:3px solid var(--nxp-primary-soft); border-top-color:var(--nxp-primary); border-radius:999px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.result-grid { display:grid; gap:12px; margin-top:18px; }
.result-item { display:grid; grid-template-columns:auto 1fr; gap:12px; padding:15px; border:1px solid var(--nxp-border); border-radius:20px; background:color-mix(in srgb, var(--nxp-surface) 92%, transparent); }
.status-dot { width:36px; height:36px; border-radius:14px; display:grid; place-items:center; font-weight:950; }
.result-item.ok .status-dot { background:rgba(38,166,91,.14); color:#26a65b; }
.result-item.warn .status-dot { background:rgba(235,170,42,.16); color:#b7791f; }
.result-item.bad .status-dot { background:rgba(231,76,60,.14); color:#e74c3c; }
.result-item.neutral .status-dot { background:var(--nxp-primary-soft); color:var(--nxp-primary); }
.result-item h3 { margin:0; font-size:1.05rem; }
.result-item p { margin:4px 0 0; color:var(--nxp-text-soft); }
.record-list { display:grid; gap:6px; margin-top:10px; }
.record-list code { display:block; white-space:pre-wrap; word-break:break-word; padding:8px 10px; border-radius:12px; background:var(--nxp-surface-soft); color:var(--nxp-text); font-size:.88rem; }
.empty-state { margin:0; color:var(--nxp-muted); }
.side-panel { position:sticky; top:calc(var(--nxp-header-height) + 18px); }
.side-panel h2 { margin:12px 0 8px; font-size:1.45rem; line-height:1.1; }
.side-panel p { color:var(--nxp-text-soft); }
.external-links { display:grid; gap:9px; margin:16px 0 20px; }
.external-links a { display:flex; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid var(--nxp-border); border-radius:15px; background:var(--nxp-surface-soft); text-decoration:none; font-weight:850; }
.external-links a:hover { color:var(--nxp-primary); border-color:rgba(122,60,240,.28); }
.manual-checklist { margin-top:18px; padding-top:18px; border-top:1px solid var(--nxp-border); }
.manual-checklist h3 { margin:0 0 8px; }
.manual-checklist ul { margin:0; padding-left:1.1rem; color:var(--nxp-text-soft); }
@media (max-width: 960px) {
  .tool-hero-grid, .tool-layout { grid-template-columns:1fr; }
  .side-panel { position:static; }
}
@media (max-width: 680px) {
  .quick-form { grid-template-columns:1fr; }
  .quick-form .nxp-btn { width:100%; }
  .score-card { grid-template-columns:1fr; }
  .score-number { width:72px; height:72px; }
}

.loading[hidden] { display:none !important; }


/* v4: schlanker Tool-Einstieg */
.tool-hero {
  padding-top: clamp(18px, 3vw, 30px) !important;
  padding-bottom: 10px !important;
}
.tool-hero-grid {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  align-items: start !important;
}
.hero-result { display: none !important; }
.tool-hero .nxp-eyebrow {
  margin-bottom: 7px;
  font-size: .72rem;
  letter-spacing: .09em;
}
.tool-hero .nxp-title {
  max-width: 920px;
  font-size: clamp(1.55rem, 3.2vw, 2.45rem) !important;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.tool-hero .nxp-subtitle {
  max-width: 780px;
  margin-top: 7px;
  font-size: .98rem;
}
.quick-form {
  margin-top: 14px !important;
  max-width: 820px;
}
.mini-actions {
  margin-top: 8px !important;
  font-size: .88rem;
}
.tool-hero + .nxp-section-tight { padding-top: clamp(14px, 3vw, 28px) !important; }
@media (max-width: 680px) {
  .tool-hero { padding-top: 18px !important; }
  .tool-hero .nxp-title { font-size: 1.75rem !important; }
  .tool-hero .nxp-subtitle { font-size: .95rem; }
}