:root{
      --gap:20px;
      --muted:#667085;
      --border:#e5e7eb;
      --border-strong:#d1d5db;
      --accent:#0b66ff;
      --accent-weak:#dce8ff;
      --card-bg:#fff;
      --page-bg:#f5f7fb;
      --section-width: clamp(960px, 92vw, 1400px);
      --success:#10b981;
      --success-bg:#d1fae5;
      --success-border:#6ee7b7;
      --warning:#f59e0b;
      --warning-bg:#fef3c7;
      --warning-border:#fcd34d;
      --danger:#ef4444;
      --danger-bg:#fee2e2;
      --danger-border:#fca5a5;
    }

    *{box-sizing:border-box}
    body{
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      margin:0; padding:24px 16px 56px; background:var(--page-bg); color:#111827;
    }
    h1{margin:0 0 16px; font-size:24px}
    .page{ max-width: var(--section-width); width:100%; margin:0 auto; }

    /* Search bar */
    .searchbar{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
    .searchbar input{
      flex:1 1 360px; padding:10px 12px; font-size:16px; border:1px solid var(--border); border-radius:10px; outline:none; background:#fff;
    }
    .searchbar button{
      padding:10px 14px; font-size:16px; border:1px solid transparent; background:var(--accent); color:#fff; border-radius:10px; cursor:pointer;
    }
    .searchbar button:hover{ filter:brightness(.95) }

    /* Options row */
    .options-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:18px;
    }
    .toggle{
      display:flex; align-items:center; gap:10px;
      background:#fff;
      border:1px solid var(--border);
      padding:10px 12px;
      border-radius:12px;
      box-shadow: 0 2px 6px rgba(0,0,0,.06);
    }
    .toggle input{ transform: scale(1.15); }
    .toggle .label{ font-weight:700; font-size:14px; }
    .toggle .hint{ color: var(--muted); font-size:13px; font-weight:500; }

    /* Hero Verdict Card */
    .verdict-card{
      background:#fff;
      border:2px solid var(--border);
      border-radius:16px;
      padding:28px 24px;
      margin-bottom:18px;
      box-shadow: 0 4px 12px rgba(0,0,0,.08);
      text-align:center;
    }
    .verdict-card.clear{
      border-color: var(--success-border);
      background: linear-gradient(to bottom, #fff, var(--success-bg));
    }
    .verdict-card.warning{
      border-color: var(--warning-border);
      background: linear-gradient(to bottom, #fff, var(--warning-bg));
    }
    .verdict-card.found{
      border-color: var(--danger-border);
      background: linear-gradient(to bottom, #fff, var(--danger-bg));
    }

    .verdict-icon{
      font-size: 48px;
      margin-bottom: 12px;
      line-height: 1;
    }
    .verdict-title{
      font-size: 28px;
      font-weight: 800;
      margin: 0 0 10px;
      line-height: 1.2;
    }
    .verdict-subtitle{
      font-size: 16px;
      color: var(--muted);
      margin: 0 0 14px;
      font-weight: 600;
    }
    .verdict-explainer{
      max-width: 760px;
      margin: 0 auto 14px;
      text-align:left;
      background:#fff;
      border:1px solid var(--border);
      border-radius:12px;
      padding:12px 14px;
      box-shadow: 0 2px 6px rgba(0,0,0,.05);
    }
    .verdict-explainer h3{
      margin:0 0 8px;
      font-size:14px;
      letter-spacing:.2px;
    }
    .verdict-explainer ul{
      margin:0;
      padding-left:18px;
      color:#111827;
      font-weight:600;
      font-size:14px;
    }
    .verdict-explainer li{
      margin:6px 0;
      color:#111827;
      font-weight:600;
    }

    .verdict-stats{
      display: flex;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid var(--border);
    }
    .stat-item{
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
    }
    .stat-number{
      font-size: 24px;
      font-weight: 800;
      color: #111827;
    }
    .stat-label{
      font-size: 13px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* Google search button in verdict */
    .google-link-verdict{
      display: inline-block;
      text-decoration: none;
      color: #fff;
      background: var(--accent);
      padding: 10px 20px;
      border-radius: 10px;
      border: 1px solid transparent;
      font-weight: 700;
      margin-top: 6px;
      font-size: 15px;
    }
    .google-link-verdict:hover{ filter:brightness(.95) }

    /* Each list/section wrapper */
    .section{ max-width: var(--section-width); width:100%; margin:0 auto 28px; display:block; }

    /* Header card that CONTAINS the results grid */
    .results-header{
      background: var(--card-bg);
      border:1px solid var(--border);
      border-radius:14px;
      padding:0;
      box-shadow: 0 2px 6px rgba(0,0,0,.06);
      overflow:hidden;
      position:relative;
    }
    .results-header::before{
      content:"";
      position:absolute; left:0; top:0; bottom:0; width:6px; background:var(--accent);
    }

    /* Header top area (title/links/count) */
    .header-top{
      padding:16px 18px 14px 24px;
      border-bottom: 1px solid var(--border);
    }
    .header-title{ font-size:20px; font-weight:800; margin:0 0 6px 0; line-height:1.3; }
    .header-meta{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:var(--muted); font-size:14px; }
    .count-badge{
      display:inline-block; padding:4px 10px; border-radius:999px;
      background: var(--accent-weak); color:#1d3a73; font-weight:700; border:1px solid #c8d9ff;
    }    
    .header-links a{ display:block; margin-top:6px; color: var(--accent); text-decoration:none;  word-break:break-word; }
    .header-links a:first-child{ margin-top:0; }
    .header-links a:hover{ text-decoration:underline; }
    
    /* Results grid lives inside header card */
    .results-grid{
      display:grid;
      gap: var(--gap);
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      padding: 16px;
      background: linear-gradient(#fff, #fff) padding-box;
    }

    /* Columns */
    .result-column{
      background:#fff;
      border:1px dashed var(--border);
      border-radius:12px;
      padding:12px 14px;
    }
    .result-column h3{ margin:0 0 8px; font-size:16px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .result-column h3 .right{ display:flex; gap:8px; align-items:center; }
    .badge{
      display:inline-block; padding:2px 8px; border:1px solid var(--border);
      border-radius:999px; font-size:12px; color:#374151; background:#f9fafb; font-weight:700;
    }

    /* Match labels */
    .match-tag{
      display:inline-block;
      padding:2px 8px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      border:1px solid var(--border);
      margin-right:8px;
      vertical-align:middle;
      background:#fff;
    }
    .tag-exact{ border-color: var(--danger-border); background: var(--danger-bg); color:#991b1b; }
    .tag-veryclose{ border-color: var(--warning-border); background: #fff7ed; color:#9a3412; }
    .tag-contains{ border-color: var(--warning-border); background: var(--warning-bg); color:#92400e; }
    .tag-related{ border-color: #c8d9ff; background: var(--accent-weak); color:#1d3a73; }

    .result-column ul{ list-style:none; margin:0; padding:0; }
    .result-column li{ margin:8px 0; line-height:1.35; }
    .result-column a{ color: var(--accent); text-decoration:none; }
    .result-column a:hover{ text-decoration:underline; }

    .empty{
      text-align:center; color:var(--muted);
      border:1px dashed var(--border); background:#fff;
      border-radius:12px; padding:18px 14px;
      font-weight:600;
    }

    .empty.empty-full{ grid-column: 1 / -1; }

    .inline-toggle{
      appearance:none;
      border:1px solid var(--border-strong);
      background:#fff;
      color:#111827;
      font-weight:800;
      padding:6px 10px;
      border-radius:10px;
      cursor:pointer;
    }
    .inline-toggle:hover{ filter:brightness(.98) }

    .inline-toggle.linkish{
      border-color: transparent;
      background: transparent;
      color: var(--accent);
      padding: 0;
      border-radius: 0;
      text-decoration: underline;
      font-weight: 800;
    }

    @media (max-width:1040px){
      :root{ --section-width: 96vw; }
      .header-title{ font-size:18px; }
      .verdict-title{ font-size: 24px; }
      .verdict-subtitle{ font-size: 15px; }
    }
    @media (max-width:560px){
      .results-grid{ grid-template-columns: 1fr; }
      .verdict-card{ padding: 20px 16px; }
      .verdict-title{ font-size: 22px; }
      .verdict-icon{ font-size: 40px; }
      .stat-number{ font-size: 20px; }
      .verdict-stats{ gap: 16px; }
      .toggle{ width:100%; justify-content:space-between; }
    }