:root{
      --bg:#f6f7fb;
      --card:#ffffff;
      --text:#111827;
      --muted:#6b7280;
      --line:#e5e7eb;
      --radius: 16px;
    }

    *{box-sizing:border-box;}
    body{
      margin:0;
      background:var(--bg);
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:#54565A;
    }

    .container{
      max-width: 1100px;
      margin: 24px auto;
      padding: 0 18px 30px;
    }

    .topbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      margin-bottom: 14px;
    }

    .brand h1{
      font-size: 22px;
      margin:0;
      letter-spacing:-0.2px;
      color: var(--text);
      font-weight: 800;
    }
    .brand .sub{
      margin-top:6px;
      font-size:13px;
      color:var(--muted);
    }

    .logo{
      height:44px;
      width:auto;
      border-radius:10px;
      background:#fff;
      border:1px solid var(--line);
      padding:6px;
    }

    .pill-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom: 12px;
    }
    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid var(--line);
      background:#fff;
      padding:8px 12px;
      border-radius:999px;
      font-size:12px;
      color:var(--muted);
    }

    .grid-2{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 14px;
      margin-top: 12px;
    }

    .grid-3{
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 14px;
    }

    @media (max-width: 980px){
      .grid-2{ grid-template-columns: 1fr; }
      .grid-3{ grid-template-columns: 1fr; }
    }

    .card{
      background:var(--card);
      border:1px solid var(--line);
      border-radius: var(--radius);
      padding: 16px;
    }

    .card h2{
      font-size:14px;
      margin:0 0 12px 0;
      letter-spacing:-0.1px;
      color: var(--text);
      font-weight: 800;
    }

    .muted{ color:var(--muted); font-size:13px; line-height:1.55; }

    .focus{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border-radius: 12px;
      background:#f8fafc;
      border:1px solid var(--line);
      font-size:13px;
      flex-wrap:wrap;
    }
    .focus b{ color:#111827; }

    .kv{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 12px;
    }
    .kv .item{
      border:1px solid var(--line);
      border-radius: 12px;
      padding: 10px 12px;
      background:#fff;
    }
    .kv .label{ font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
    .kv .value{ margin-top:4px; font-size:14px; font-weight:800; color: var(--text); }

    .findings{ display:grid; gap: 10px; }
    .tile{
      border:1px solid var(--line);
      border-radius: 14px;
      padding: 12px;
      background:#fff;
    }
    .tile-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-bottom:8px;
    }
    .tile-head b{ font-size:13px; color: var(--text); }
    .chip{
      font-size:11px;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid var(--line);
      background:#f8fafc;
      color:var(--muted);
      white-space:nowrap;
    }
    .tile-body{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      color:var(--muted);
      font-size:12px;
      line-height:1.5;
    }
    .tile-body span b{ color:#111827; }

    .img-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    @media (max-width: 980px){
      .img-grid{ grid-template-columns: 1fr; }
    }
    .img-card{
      border:1px solid var(--line);
      border-radius: 16px;
      overflow:hidden;
      background:#fff;
    }
    .img-cap{
      padding: 10px 12px;
      border-bottom:1px solid var(--line);
      font-size:12px;
      color:var(--muted);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
    }
    .img-box{
      width:100%;
      aspect-ratio: 4 / 3;
      background:#f3f4f6;
    }
    .img-box img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .list{
      margin:0;
      padding-left:18px;
      font-size:13px;
      line-height:1.65;
    }

    .prod-grid{
      display:grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }
    @media (max-width: 980px){
      .prod-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 560px){
      .prod-grid{ grid-template-columns: 1fr; }
    }

    .prod{
      border:1px solid var(--line);
      border-radius: 16px;
      overflow:hidden;
      background:#fff;
    }
    .prod .img{
      width:100%;
      aspect-ratio: 4 / 3;
      background:#f3f4f6;
      border-bottom:1px solid var(--line);
      display:block;
      object-fit:cover;
    }
    .prod .body{ padding: 12px; }
    .prod .name{ font-size:13px; font-weight:900; margin:0 0 4px 0; color: var(--text); }
    .prod .tag{ font-size:11px; color:var(--muted); margin:0 0 8px 0; }
    .prod .why{ font-size:12px; color:var(--muted); line-height:1.45; margin:0; }

    .footer{
      margin-top: 16px;
      font-size:12px;
      color:var(--muted);
      text-align:center;
    }

    @media print{
      body{ background:#fff; }
      .container{ margin:0; max-width:none; padding:0; }
      .card, .prod, .img-card, .tile, .kv .item{ page-break-inside: avoid; }
      .topbar{ margin-top: 6px; }
    }

    /* Simple button */
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:10px 14px;
      border-radius: 12px;
      border:1px solid var(--line);
      background:#fff;
      color: var(--text);
      font-weight:800;
      font-size:13px;
      text-decoration:none;
    }