a{ color:inherit; text-decoration:none; }
  

  /* ---------- AD BANNER ---------- */
  .ad-banner-slot{ padding:28px 28px 24px; }
  .ad-banner-slot .ad-banner-inner{ max-width:1200px; margin:0 auto; }
  .ad-banner-slot .ad-label{ font-family:'Inter',sans-serif; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-dimmer); margin:0 0 8px; }
  .ad-banner-slot a{ display:block; border-radius:10px; overflow:hidden; line-height:0; border:1px solid var(--amber); box-shadow:0 0 0 1px rgba(245,166,35,0.15), 0 8px 24px rgba(245,166,35,0.06); transition:border-color .15s ease; }
  .ad-banner-slot a:hover{ border-color:var(--amber-dim); }
  .ad-banner-slot img{ display:block; width:100%; height:auto; }
  section{ position:relative; z-index:1; }

  /* ---------- HERO ---------- */
  .hero{
    position:relative; overflow:hidden;
    padding:76px 28px 46px; text-align:center;
    border-bottom:1px solid var(--border);
  }
  .hero-bg{ position:absolute; inset:0; z-index:0; }
  .hero-bg svg{ width:100%; height:100%; display:block; }
  .hero-content{ position:relative; z-index:2; }
  .hero h1{
    font-size:clamp(28px, 4.6vw, 44px); font-weight:700; margin:0 0 22px; line-height:1.2;
    color:var(--text); text-shadow:0 3px 14px rgba(0,0,0,0.6);
  }
  .hero h1 .accent{ color:var(--amber); text-shadow:0 0 26px rgba(245,166,35,0.4), 0 3px 14px rgba(0,0,0,0.6); }
  .h1-img{ display:block; width:min(900px,100%); height:auto; margin:0 auto; filter:drop-shadow(0 4px 16px rgba(0,0,0,.5)); transform:translate(-60px,-30px); }
  @media (max-width:1299px){ .h1-img{ transform:translate(-30px,-20px); } }
  @media (max-width:1099px){ .h1-img{ transform:translate(0,-15px); } }
  .sr-only{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
    clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  .hero p{ max-width:600px; margin:0 auto 30px; color:#d7dae0; font-size:16.5px; text-shadow:0 2px 8px rgba(0,0,0,0.6);}

  .search-bar{ display:flex; max-width:560px; margin:0 auto 30px; }
  .search-bar input{
    flex:1; font-family:'Inter', sans-serif; font-size:15px;
    background:rgba(21,23,29,0.92); color:var(--text);
    border:1px solid var(--border); border-right:none; border-radius:8px 0 0 8px;
    padding:13px 16px; outline:none;
  }
  .search-bar input::placeholder{ color:var(--text-dimmer); }
  .search-bar input:focus{ border-color:var(--amber); }

  .trust-row{ display:flex; justify-content:center; gap:34px; flex-wrap:wrap; }
  .trust-row span{
    display:flex; align-items:center; gap:7px; font-size:12.5px; color:#c9cdd6;
    font-family:'Inter', sans-serif; font-weight:500;
  }
  .trust-row svg{ width:15px; height:15px; color:var(--amber); flex-shrink:0; }

  /* ---------- BROWSE GAMES ---------- */
  .games-section{ padding:56px 28px 20px; text-align:center; }
  .games-section h2{ font-size:26px; font-weight:700; margin:0 0 8px; }
  .games-section .sub{ color:var(--text-dim); font-size:14.5px; margin-bottom:22px; text-transform:none; font-family:'Inter',sans-serif; }
  .sort-row{ display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:28px; position:relative; }
  .view-directory-link{
    position:absolute; right:0; font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600;
    color:var(--amber); text-decoration:none; display:flex; align-items:center; gap:4px;
  }
  .view-directory-link:hover{ text-decoration:underline; }
  .sort-row .sort-label{ font-family:'Oswald',sans-serif; font-size:12px; font-weight:600; letter-spacing:0.05em; color:var(--text-dimmer); text-transform:uppercase; }
  .sort-toggle{ display:inline-flex; border:1px solid var(--border); border-radius:8px; overflow:hidden; }

  .az-index{
    display:flex; flex-wrap:wrap; justify-content:center; gap:6px;
    max-width:720px; margin:0 auto 26px; padding:0 12px;
  }
  .az-index button{
    width:28px; height:28px; border-radius:6px; border:1px solid var(--border); background:var(--bg-2);
    font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600; color:var(--text-dim);
    cursor:pointer; transition:all .15s ease; display:flex; align-items:center; justify-content:center;
  }
  .az-index button:hover{ color:var(--amber); border-color:var(--amber-dim); }
  .az-index button.disabled{ color:var(--text-dimmer); opacity:0.35; cursor:not-allowed; }
  .az-index button.disabled:hover{ color:var(--text-dimmer); border-color:var(--border); }
  @keyframes azFlash{
    0%   { box-shadow:0 0 0 3px rgba(245,166,35,0); }
    30%  { box-shadow:0 0 0 3px rgba(245,166,35,0.9); }
    100% { box-shadow:0 0 0 3px rgba(245,166,35,0); }
  }
  .game-card.az-flash{ animation:azFlash 1.4s ease-out; border-radius:10px; scroll-margin-top:90px; }
  .sort-toggle button{
    font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600; letter-spacing:0.03em;
    color:var(--text-dim); background:var(--bg-2); border:none; padding:8px 16px; cursor:pointer;
    transition:all .15s ease;
  }
  .sort-toggle button + button{ border-left:1px solid var(--border); }
  .sort-toggle button:hover{ color:var(--text); }
  .sort-toggle button.active{ background:var(--amber); color:#0b0c0f; }

  .games-grid{
    display:grid; grid-template-columns:repeat(6, 1fr); gap:10px; text-align:left;
  }
  .game-card{
    display:block; background:var(--surface); border:1px solid var(--border); border-radius:10px;
    overflow:hidden; transition:border-color .15s ease, transform .15s ease;
  }
  .game-card:hover{ border-color:var(--amber-dim); transform:translateY(-2px); }
  .game-card .art{
    height:220px; display:flex; align-items:center; justify-content:center;
    border-bottom:1px solid var(--border);
  }
  .game-card .art .glogo{
    font-family:'Oswald', sans-serif; font-weight:700; font-size:15px; letter-spacing:0.03em;
    line-height:1.25; text-align:center; padding:0 10px;
  }
  .game-card .art img{
    width:100%; height:100%; object-fit:contain; padding:4px;
  }
  @media (max-width:640px){ .game-card .art{ height:auto; aspect-ratio:1/1; } }
  .game-card .info{ padding:7px 9px 9px; }
  .game-card .gname{ font-family:'Oswald', sans-serif; font-weight:600; font-size:12px; text-transform:none; color:var(--text); margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .game-card .gsub{ font-family:'Inter', sans-serif; font-size:9.5px; color:var(--text-dimmer); text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

  /* Tier 1 expansion cards: image paths are pre-wired; placeholder disappears when an image exists. */
  .game-card.coming-soon{ cursor:default; }
  .game-card .art.pending-art{ position:relative; overflow:hidden; background:linear-gradient(135deg,#15171d,#20232b); }
  .game-card .art.pending-art .pending-label{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:14px; text-align:center; font-family:'Oswald',sans-serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dimmer); }
  .game-card .art.pending-art img{ position:relative; z-index:1; }
  .game-card.coming-soon .gsub::after{ content:' · Coming Soon'; color:var(--amber); }

  .suggest-card{
    grid-column:span 2;
    background:var(--surface); border:1px dashed var(--border); border-radius:10px;
    display:flex; align-items:center; gap:16px; padding:16px 18px;
  }
  .suggest-card .trophy{ width:44px; height:44px; color:var(--amber); flex-shrink:0; }
  .suggest-card .stxt{ flex:1; }
  .suggest-card .stxt strong{ display:block; font-family:'Oswald',sans-serif; font-size:14px; text-transform:none; margin-bottom:2px; }
  .suggest-card .stxt span{ font-family:'Inter',sans-serif; font-size:12px; color:var(--text-dim); }
  .suggest-card button{ margin-left:auto; flex-shrink:0; }

  @media (max-width:980px){ .games-grid{ grid-template-columns:repeat(4,1fr); gap:8px;} .suggest-card{ grid-column:span 4; } }
  @media (max-width:640px){ .games-grid{ grid-template-columns:repeat(3,1fr); gap:7px;} .suggest-card{ grid-column:span 3; flex-direction:column; text-align:center;} .suggest-card button{ margin-left:0;} }
  .no-results{ display:none; text-align:center; padding:40px 20px; color:var(--text-dim); font-family:'Inter',sans-serif; }
  .no-results.show{ display:block; }
  .no-results strong{ display:block; font-family:'Oswald',sans-serif; font-size:16px; color:var(--text); margin-bottom:6px; }
  .no-results button{ margin-top:14px; font-family:'Oswald',sans-serif; font-size:12.5px; font-weight:600; color:var(--amber); background:none; border:1px solid var(--amber-dim); border-radius:7px; padding:8px 16px; cursor:pointer; }
  .no-results button:hover{ background:rgba(245,166,35,0.1); }

  /* ---------- WHY TRUST ---------- */
  .why-section{ padding:56px 28px; }
  .why-heading{ text-align:center; font-size:24px; font-weight:700; margin:0 0 28px; }
  
  .why-box{
    border:1px solid var(--border); border-radius:12px; background:var(--surface);
    padding:34px 20px; display:grid; grid-template-columns:repeat(5,1fr); gap:24px;
  }
  .why-item{ text-align:center; }
  .why-item svg{ width:30px; height:30px; color:var(--amber); margin-bottom:12px; }
  .why-item h3{ font-size:13px; font-weight:600; margin:0 0 6px; letter-spacing:0.03em; }
  .why-item p{ font-family:'Inter',sans-serif; font-size:12.5px; color:var(--text-dim); text-transform:none; margin:0; line-height:1.5; }
  @media (max-width:900px){ .why-box{ grid-template-columns:repeat(2,1fr);} }

  /* ---------- THREE COLUMN WIDGETS ---------- */
  .widgets{ padding:10px 28px 56px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; }
  @media (max-width:760px){ .widgets{ padding:10px 28px 20px; } }
  .widget{ background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 20px; }
  .widget-compare-link{
    display:flex; align-items:center; justify-content:center; gap:6px;
    font-family:'Oswald',sans-serif; font-size:12px; font-weight:600; color:var(--amber);
    text-decoration:none; margin-top:14px; padding-top:14px; border-top:1px solid var(--border);
  }
  .widget-compare-link:hover{ text-decoration:underline; }
  .widget-compare-link svg{ width:14px; height:14px; }
  .widget-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
  .widget-head h3{ font-size:14px; font-weight:600; margin:0; }
  .widget-head a{ font-family:'Inter',sans-serif; font-size:12px; color:var(--amber); text-transform:none; }
  .guide-item{ display:flex; gap:10px; margin-bottom:14px; align-items:flex-start; }
  .guide-item:last-child{ margin-bottom:0; }
  .guide-thumb{ width:44px; height:44px; border-radius:6px; flex-shrink:0; background:linear-gradient(135deg, var(--surface-2), var(--border)); display:flex; align-items:center; justify-content:center; }
  .guide-thumb svg{ width:18px; height:18px; color:var(--amber); }
  .guide-info .gtitle{ font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--text); text-transform:none; line-height:1.3; }
  .guide-info .gdate{ font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--text-dimmer); margin-top:3px; }

  .coupon-item{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
  .coupon-item:last-child{ margin-bottom:0; }
  .coupon-badge{
    width:32px; height:32px; border-radius:7px; background:var(--surface-2); border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center; font-family:'Oswald',sans-serif; font-weight:700; font-size:12px; flex-shrink:0; overflow:hidden;
  }
  .coupon-badge img{ width:20px; height:20px; object-fit:contain; }
  .coupon-info{ flex:1; }
  .coupon-info .cname{ font-family:'Inter',sans-serif; font-size:13px; font-weight:600; text-transform:none; }
  .coupon-info .cdesc{ font-family:'Inter',sans-serif; font-size:11.5px; color:var(--text-dim); }
  .coupon-code{
    font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; color:var(--amber);
    border:1px dashed var(--amber-dim); border-radius:5px; padding:5px 9px; flex-shrink:0;
  }

  .rank-item{ display:flex; align-items:center; gap:10px; margin-bottom:13px; }
  .rank-item:last-child{ margin-bottom:0; }
  .rank-num{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:13px; color:var(--text-dimmer); width:16px; }
  .rank-badge{ width:30px; height:30px; border-radius:7px; background:var(--surface-2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; overflow:hidden; }
  .rank-badge img{ width:19px; height:19px; object-fit:contain; }
  .rank-name{ flex:1; font-family:'Inter',sans-serif; font-size:13.5px; font-weight:600; text-transform:none; }
  .rank-stars{ color:var(--amber); font-size:11.5px; letter-spacing:1px; }
  .rank-score{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--text-dim); margin-left:4px; }

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

  

  /* ============================================================
     MOBILE OVERRIDES — placed last on purpose so equal-specificity
     rules above (.trust-row, .hero, .games-section, etc.) don't
     win the cascade tie and silently cancel these out on phones.
     ============================================================ */
  @media (max-width:760px){
    .header-inner{ flex-wrap:wrap; row-gap:10px; padding:12px 18px; }
    .nav-row .header-inner{ flex-wrap:nowrap; row-gap:0; }
    nav.tabs{
      order:3; flex-basis:100%; width:100%;
      flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;
      justify-content:flex-start; gap:0;
      padding-top:8px; border-top:1px solid var(--border);
      scrollbar-width:none;
    }
    .nav-row nav.tabs{ order:0; flex-basis:auto; width:auto; flex:1 1 auto; padding-top:0; border-top:none; }
    nav.tabs::-webkit-scrollbar{ display:none; }
    nav.tabs a{ font-size:11px; padding:6px 8px; white-space:nowrap; }

    .hero{ padding:26px 18px 18px; }
    .hero-content{ display:flex; flex-direction:column; }
    .hero h1{ order:1; margin-bottom:14px; font-size:26px; width:100%; align-self:stretch; }
    .h1-img{ transform:translateY(-15px); }
    .search-bar{ order:2; margin:0 0 16px; }
    .hero p{ order:3; margin:0 0 16px; font-size:13.5px; }
    .trust-row{
      order:4;
      display:grid !important; grid-template-columns:1fr 1fr !important;
      gap:10px 12px; flex-wrap:unset;
      justify-items:start; max-width:340px; margin:0 auto;
    }
    .trust-row span{ font-size:10.5px; text-align:left; }

    .games-section{ padding:28px 18px 12px; }
    .games-section .sub{ margin-bottom:14px; }
    .sort-row{ margin-bottom:16px; flex-wrap:wrap; row-gap:10px; }
    .view-directory-link{ position:static; width:100%; justify-content:center; order:3; }
    .az-index{ gap:5px; margin-bottom:18px; }
    .az-index button{ width:24px; height:24px; font-size:11px; }
  }

.stat-band{ display:flex; justify-content:center; align-items:center; gap:0; padding:22px 28px; flex-wrap:wrap; }
  .stat-band .stat-item{ display:flex; align-items:baseline; gap:8px; padding:0 32px; }
  .stat-band .stat-item + .stat-item{ border-left:1px solid var(--border); }
  .stat-band .stat-num{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:22px; color:var(--amber); }
  .stat-band .stat-label{ font-family:'Inter',sans-serif; font-size:12.5px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.04em; }
  @media (max-width:640px){
    .stat-band{ padding:16px 18px; gap:6px 0; }
    .stat-band .stat-item{ padding:0 14px; }
    .stat-band .stat-num{ font-size:18px; }
    .stat-band .stat-label{ font-size:10.5px; }
  }

.how-section{ padding:40px 28px; text-align:center; border-bottom:1px solid var(--border); }
  .how-section h2{ font-size:24px; font-weight:700; margin:0 0 30px; }
  .how-grid{ max-width:900px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left; }
  .how-step{ position:relative; padding:22px 20px 20px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }
  .how-step .how-num{ position:absolute; top:-14px; left:20px; width:28px; height:28px; border-radius:50%; background:var(--amber); color:#1a1206; font-family:'Oswald',sans-serif; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center; }
  .how-step h3{ font-family:'Oswald',sans-serif; font-weight:700; font-size:16px; text-transform:none; margin:0 0 8px; }
  .how-step p{ font-family:'Inter',sans-serif; font-size:13.5px; color:var(--text-dim); margin:0; line-height:1.55; }
  @media (max-width:760px){
    .how-section{ padding:30px 18px; }
    .how-grid{ grid-template-columns:1fr; gap:28px 0; }
    .how-step{ margin-top:10px; }
  }

.orn-divider{ display:flex; align-items:center; box-sizing:border-box; max-width:1200px; height:var(--h); margin:18px auto; padding:0 28px; }
  .orn-divider > span{ flex:1 1 0; min-width:0; height:100%; background-repeat:no-repeat; background-size:100% 100%; }
  .orn-divider > img{ height:var(--h); width:auto; flex-shrink:0; display:block; }
  @media (max-width:520px){ .orn-divider{ padding:0 18px; margin:12px auto; } }

.popular-section{ padding:36px 28px 8px; text-align:center; }
  .popular-section .ph-head{ margin-bottom:22px; }
  .popular-section h2{ font-size:26px; font-weight:700; margin:0 0 8px; }
  .popular-section .sub{ color:var(--text-dim); font-size:14.5px; margin:0; text-transform:none; font-family:'Inter',sans-serif; }
  .popular-grid{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; text-align:left; }
  .popular-card{ display:block; background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; transition:border-color .15s ease, transform .15s ease; }
  .popular-card:hover{ border-color:var(--amber-dim); transform:translateY(-3px); }
  .pc-art{ position:relative; aspect-ratio:16/10; overflow:hidden; background:#1b1e25; }
  .pc-art img{ width:100%; height:100%; object-fit:cover; display:block; }
  .pc-count{ position:absolute; top:9px; right:9px; background:rgba(11,12,15,0.82); border:1px solid var(--border); color:var(--amber); font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600; padding:3px 9px; border-radius:20px; backdrop-filter:blur(4px); white-space:nowrap; }
  .pc-info{ padding:12px 14px 14px; }
  .pc-name{ font-family:'Oswald',sans-serif; font-weight:700; font-size:15px; text-transform:none; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .pc-services{ font-family:'Inter',sans-serif; font-size:11.5px; color:var(--text-dim); margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .pc-cta{ font-family:'Oswald',sans-serif; font-weight:600; font-size:12px; color:var(--amber); text-transform:none; }
  .popular-card:hover .pc-cta{ color:#ffb63c; }
  @media (max-width:900px){ .popular-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .popular-section{ padding:24px 18px 4px; } .popular-grid{ gap:10px; } .pc-info{ padding:9px 11px 11px; } }

.genre-section{ padding:40px 28px 8px; text-align:center; }
  .genre-section h2{ font-size:24px; font-weight:700; margin:0 0 8px; }
  .genre-section .sub{ color:var(--text-dim); font-size:14px; margin:0 0 24px; text-transform:none; font-family:'Inter',sans-serif; }
  .genre-grid{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; text-align:left; }
  .genre-tile{ display:flex; align-items:center; gap:12px; padding:16px 18px; background:var(--surface); border:1px solid var(--border); border-radius:10px; transition:border-color .15s ease, transform .15s ease; }
  .genre-tile:hover{ border-color:var(--amber-dim); transform:translateY(-2px); }
  .genre-tile .gt-icon-badge{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .genre-tile .gt-icon-badge img{ width:44px; height:44px; object-fit:contain; display:block; }
  .genre-tile .gt-name{ font-family:'Oswald',sans-serif; font-weight:700; font-size:14.5px; text-transform:none; }
  .genre-tile .gt-count{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--text-dimmer); }
  @media (max-width:900px){ .genre-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .genre-section{ padding:26px 18px 4px; } .genre-grid{ grid-template-columns:1fr; gap:10px; } }

.spotlight-section{ padding:40px 28px; text-align:center; }
  .spotlight-section h2{ font-size:24px; font-weight:700; margin:0 0 8px; }
  .spotlight-section .sub{ color:var(--text-dim); font-size:14px; margin:0 0 24px; text-transform:none; font-family:'Inter',sans-serif; }
  .spotlight-grid{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:14px; text-align:left; }
  .spotlight-card{ display:flex; flex-direction:column; padding:18px 16px; background:var(--surface); border:1px solid var(--border); border-radius:12px; transition:border-color .15s ease, transform .15s ease; }
  .spotlight-card:hover{ border-color:var(--amber-dim); transform:translateY(-3px); }
  .spotlight-card .sp-top{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
  .spotlight-card .sp-logo{ width:36px; height:36px; border-radius:8px; background:var(--surface-2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
  .spotlight-card .sp-logo img{ width:22px; height:22px; object-fit:contain; }
  .spotlight-card .sp-name{ font-family:'Oswald',sans-serif; font-weight:700; font-size:14.5px; text-transform:none; }
  .spotlight-card .sp-score{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--amber); margin-top:1px; }
  .spotlight-card .sp-tag{ font-family:'Inter',sans-serif; font-size:12px; color:var(--text-dim); line-height:1.5; margin-bottom:12px; flex:1; }
  .spotlight-card .sp-cta{ font-family:'Oswald',sans-serif; font-weight:600; font-size:11.5px; color:var(--amber); text-transform:none; }
  .spotlight-card:hover .sp-cta{ color:#ffb63c; }
  @media (max-width:900px){ .spotlight-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .spotlight-section{ padding:28px 18px; } }