:root{
  --results-bg:#202124;
  --results-bg-alt:#181a1f;
  --results-text:#e8eaed;
  --results-muted:#bdc1c6;
  --results-subtle:#9aa0a6;
  --results-border:rgba(255,255,255,.08);
  --toolbar-bg:rgba(32,33,36,.9);
  --search-bg:#404348;
  --search-border:rgba(255,255,255,.06);
  --search-shadow:0 10px 24px rgba(0,0,0,.22);
  --search-focus:rgba(138,180,248,.22);
  --action-bg:#2a2d31;
  --action-hover:rgba(255,255,255,.1);
  --action-text:#e8eaed;
  --card-bg:#1b1d21;
  --card-shadow:0 16px 34px rgba(0,0,0,.18);
  --brand-accent:#f28b82;
  --link-color:#8ab4f8;
  --button-bg:#8ab4f8;
  --button-text:#162133;
  --page-border:rgba(138,180,248,.22);
  --page-current-bg:#8ab4f8;
  --page-current-text:#182234;
  --badge-default-bg:#2a2f36;
  --badge-default-fg:#f1f3f4;
  --badge-default-ring:rgba(255,255,255,.16);
  --tab-text:#bdc1c6;
  --tab-active:#e8eaed;
  --tab-active-line:#8ab4f8;
  --results-glow-primary:rgba(138,180,248,.1);
  --results-glow-secondary:rgba(242,139,130,.08);
  --shell-shadow:0 14px 32px rgba(0,0,0,.26);
  --feature-card-bg:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)), linear-gradient(180deg, rgba(17,19,25,.98), rgba(17,19,25,.96));
  --feature-card-media-bg:#09090f;
  --feature-card-media-overlay:linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.08) 42%, rgba(0,0,0,.28) 100%);
  --feature-pill-bg:rgba(127,94,255,.18);
  --feature-pill-fg:#d7cbff;
  --feature-pill-border:rgba(170,150,255,.24);
  --feature-open-bg:rgba(8,10,14,.55);
  --feature-open-border:rgba(255,255,255,.18);
  --feature-open-fg:#fff;
}

html[data-theme="light"]{
  --results-bg:#ffffff;
  --results-bg-alt:#f5f7fa;
  --results-text:#202124;
  --results-muted:#3c4043;
  --results-subtle:#5f6368;
  --results-border:#dadce0;
  --toolbar-bg:rgba(255,255,255,.9);
  --search-bg:#f1f3f4;
  --search-border:#dfe1e5;
  --search-shadow:0 10px 24px rgba(60,64,67,.12);
  --search-focus:rgba(26,115,232,.18);
  --action-bg:#f1f3f4;
  --action-hover:#e6e9ed;
  --action-text:#202124;
  --card-bg:#ffffff;
  --card-shadow:0 14px 30px rgba(60,64,67,.1);
  --brand-accent:#d93025;
  --link-color:#1a73e8;
  --button-bg:#1a73e8;
  --button-text:#ffffff;
  --page-border:rgba(26,115,232,.24);
  --page-current-bg:#1a73e8;
  --page-current-text:#ffffff;
  --badge-default-bg:#e8eaed;
  --badge-default-fg:#202124;
  --badge-default-ring:#d2d5da;
  --tab-text:#5f6368;
  --tab-active:#202124;
  --tab-active-line:#1a73e8;
  --results-glow-primary:rgba(26,115,232,.1);
  --results-glow-secondary:rgba(217,48,37,.08);
  --shell-shadow:0 10px 24px rgba(60,64,67,.12);
  --feature-card-bg:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98)), linear-gradient(180deg, #ffffff, #f7f9fc);
  --feature-card-media-bg:#eef2f7;
  --feature-card-media-overlay:linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 38%, rgba(255,255,255,0) 100%);
  --feature-pill-bg:rgba(26,115,232,.10);
  --feature-pill-fg:#1a4fb8;
  --feature-pill-border:rgba(26,115,232,.18);
  --feature-open-bg:rgba(255,255,255,.88);
  --feature-open-border:rgba(60,64,67,.12);
  --feature-open-fg:#1f2937;
}

.results-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 0% 0%, var(--results-glow-secondary), transparent 28%),
    radial-gradient(circle at 92% 0%, var(--results-glow-primary), transparent 24%),
    linear-gradient(180deg, var(--results-bg) 0%, var(--results-bg-alt) 100%);
  color:var(--results-text);
  font-family:"Segoe UI",Roboto,Arial,sans-serif;
}

.results-body a{
  color:inherit;
  font-size:inherit;
  text-decoration:none;
}

.results-shell{
  position:sticky;
  top:0;
  z-index:40;
  background:var(--toolbar-bg);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--results-border);
  box-shadow:var(--shell-shadow);
}

.results-toolbar{
  max-width:1360px;
  margin:0 auto;
  padding:14px 24px 12px;
  display:grid;
  grid-template-columns:auto minmax(360px, 760px) auto;
  align-items:center;
  gap:20px;
}

.results-filter-bar{
  max-width:1360px;
  margin:0 auto;
  padding:0 24px;
}

.results-filter-application{
  max-width:1360px;
  margin:0 auto;
  padding:10px 24px 14px;
}

.results-filter-application a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--results-border);
  background:var(--card-bg);
  color:var(--link-color);
  font-size:14px;
  font-weight:600;
  box-shadow:var(--card-shadow);
}

.results-filter-application a:hover{
  text-decoration:none;
  border-color:var(--link-color);
}

.results-filter-nav{
  width:min(100%, 760px);
  margin-left:clamp(18px, 7.5vw, 144px);
  display:flex;
  align-items:center;
  gap:24px;
  overflow-x:auto;
  scrollbar-width:none;
}

.results-filter-nav::-webkit-scrollbar{
  display:none;
}

.results-filter-link{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 2px;
  color:var(--tab-text);
  font-size:16px;
  font-weight:500;
  white-space:nowrap;
  transition:color .18s ease;
}

.results-filter-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
  transition:background .18s ease;
}

.results-filter-link:hover{
  color:var(--results-text);
}

.results-filter-link.is-active{
  color:var(--tab-active);
  font-weight:600;
}

.results-filter-link.is-active::after{
  background:var(--tab-active-line);
}

.search-brand{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  color:var(--results-text);
  font-size:44px;
  font-weight:400;
  letter-spacing:-.08em;
  white-space:nowrap;
}

.search-brand strong{
  color:var(--brand-accent);
  font-weight:400;
}

.results-search{
  min-height:60px;
  border-radius:999px;
  background:var(--search-bg);
  border:1px solid var(--search-border);
  box-shadow:var(--search-shadow);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px 0 22px;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.results-search:focus-within{
  border-color:var(--link-color);
  box-shadow:0 0 0 4px var(--search-focus),var(--search-shadow);
  transform:translateY(-1px);
}

.results-search input{
  flex:1;
  min-width:0;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--results-text);
  font-size:18px;
  font-weight:400;
}

.results-search input[type="search"]{
  -webkit-appearance:textfield;
  appearance:textfield;
}

.results-search input[type="search"]::-webkit-search-decoration,
.results-search input[type="search"]::-webkit-search-cancel-button,
.results-search input[type="search"]::-webkit-search-results-button,
.results-search input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}

.results-search input::placeholder{
  color:var(--results-subtle);
}

.search-utilities{
  display:flex;
  align-items:center;
  gap:8px;
}

.search-divider{
  width:1px;
  height:28px;
  background:var(--results-border);
}

.search-utility{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--results-subtle);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.search-clear{
  font-size:30px;
  font-weight:300;
  line-height:1;
}

.search-submit{
  font-size:18px;
}

.search-utility:hover,
.results-action:hover{
  background:var(--action-hover);
  color:var(--results-text);
  transform:translateY(-1px);
}

.results-actions{
  display:flex;
  align-items:center;
  gap:10px;
  justify-self:end;
}

.results-action{
  width:40px;
  height:40px;
  border-radius:20px;
  border:1px solid var(--results-border);
  background:var(--action-bg);
  color:var(--action-text);
  display:grid;
  place-items:center;
  font-size:18px;
  box-shadow:var(--card-shadow);
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}

.results-theme-toggle{
  margin-left:4px;
}

.results-theme-toggle .theme-toggle-track{
  box-shadow:var(--card-shadow);
}

.results-page{
  padding:24px 24px 80px;
}

.results-column{
  width:min(100%, 760px);
  margin-left:clamp(18px, 7.5vw, 144px);
}

.result-count{
  margin:8px 0 28px;
  color:var(--results-subtle);
  font-size:14px;
  line-height:1.65;
}

.result-count strong{
  color:var(--results-text);
  font-weight:500;
}

.story-spotlight{
  margin:0 0 28px;
}

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

.story-spotlight-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:20px;
  border:1px solid var(--results-border);
  background:var(--feature-card-bg);
  overflow:hidden;
  box-shadow:var(--card-shadow);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.story-spotlight-card:hover{
  transform:translateY(-2px);
  border-color:var(--link-color);
  box-shadow:0 18px 34px rgba(0,0,0,.24);
}

.story-spotlight-media{
  position:relative;
  aspect-ratio:1.9 / 1;
  background:var(--feature-card-media-bg);
  overflow:hidden;
}

.story-spotlight-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--feature-card-media-overlay);
}

.story-spotlight-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.story-spotlight-open{
  position:absolute;
  top:12px;
  right:12px;
  z-index:1;
  width:32px;
  height:32px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:var(--feature-open-bg);
  border:1px solid var(--feature-open-border);
  color:var(--feature-open-fg);
  font-size:16px;
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}

.story-spotlight-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:10px;
  padding:14px 14px 16px;
}

.story-spotlight-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.story-spotlight-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:var(--feature-pill-bg);
  color:var(--feature-pill-fg);
  border:1px solid var(--feature-pill-border);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.story-spotlight-copy h2{
  margin:0;
  color:var(--results-text);
  font-size:25px;
  font-weight:600;
  line-height:1.18;
  letter-spacing:-.02em;
}

.story-spotlight-copy p{
  margin:0;
  color:var(--results-muted);
  font-size:15px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

.sponsored-strip{
  margin:0 0 30px;
  padding:18px 18px 16px;
  border-radius:24px;
  background:var(--card-bg);
  border:1px solid var(--results-border);
  box-shadow:var(--card-shadow);
}

.sponsored-strip-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.sponsored-kicker{
  margin:0 0 4px;
  color:var(--results-subtle);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sponsored-strip-head h2{
  margin:0;
  color:var(--results-text);
  font-size:34px;
  font-weight:400;
  line-height:1.05;
}

.sponsored-disclaimer{
  color:var(--results-subtle);
  font-size:12px;
  text-align:right;
  line-height:1.4;
}

.sponsored-cards{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(190px, 1fr);
  gap:14px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:thin;
  scrollbar-color:var(--results-border) transparent;
}

.sponsored-cards::-webkit-scrollbar{
  height:8px;
}

.sponsored-cards::-webkit-scrollbar-thumb{
  background:var(--results-border);
  border-radius:999px;
}

.sponsored-cards-featured{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(230px, 1fr);
  gap:14px;
  overflow-x:auto;
  padding-bottom:4px;
}

.sponsored-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:18px;
  border:1px solid var(--results-border);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--results-bg-alt);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.sponsored-card:hover{
  transform:translateY(-2px);
  border-color:var(--link-color);
  box-shadow:0 18px 34px rgba(0,0,0,.2);
}

.sponsored-card-featured{
  border-radius:20px;
  background:var(--feature-card-bg);
}

.sponsored-card-media{
  aspect-ratio:4 / 3;
  background:rgba(255,255,255,.04);
}

.sponsored-card-media-featured{
  position:relative;
  aspect-ratio:1.9 / 1;
  background:var(--feature-card-media-bg);
}

.sponsored-card-media-featured::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--feature-card-media-overlay);
}

.sponsored-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.sponsored-card-media-featured img{
  object-fit:contain;
}

.sponsored-card-open{
  position:absolute;
  top:12px;
  right:12px;
  z-index:1;
  width:32px;
  height:32px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:var(--feature-open-bg);
  border:1px solid var(--feature-open-border);
  color:var(--feature-open-fg);
  font-size:16px;
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}

.sponsored-card-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:6px;
  padding:12px 12px 14px;
}

.sponsored-card-copy-featured{
  gap:10px;
  padding:14px 14px 16px;
}

.sponsored-card-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.sponsored-card-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:var(--feature-pill-bg);
  color:var(--feature-pill-fg);
  border:1px solid var(--feature-pill-border);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.sponsored-card-copy h3{
  margin:0;
  color:var(--link-color);
  font-size:17px;
  font-weight:500;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.sponsored-card-copy-featured h3{
  color:var(--results-text);
  font-size:25px;
  font-weight:600;
  line-height:1.18;
  letter-spacing:-.02em;
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}

.sponsored-price{
  margin:0;
  color:var(--results-text);
  font-size:18px;
  font-weight:700;
}

.sponsored-merchant,
.sponsored-meta,
.sponsored-rating{
  margin:0;
  color:var(--results-muted);
  font-size:14px;
  line-height:1.4;
}

.sponsored-rating{
  margin-top:auto;
  color:var(--results-subtle);
}

.sponsored-card-description{
  margin:0;
  color:var(--results-muted);
  font-size:15px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

.sponsored-card-source{
  margin:0;
  color:var(--results-subtle);
  font-size:13px;
  line-height:1.45;
}

.count-separator{
  margin:0 8px;
}

.empty-state{
  margin-top:18px;
  padding:32px 30px;
  border-radius:24px;
  background:var(--card-bg);
  border:1px solid var(--results-border);
  box-shadow:var(--card-shadow);
}

.empty-state h2{
  margin:0 0 10px;
  font-size:28px;
  color:var(--results-text);
}

.empty-state p{
  margin:0;
  color:var(--results-muted);
  line-height:1.7;
}

.empty-state a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:var(--button-bg);
  color:var(--button-text);
  font-weight:600;
}

.search-result{
  margin:0 0 30px;
}

.result-source-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

.site-badge{
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:var(--badge-bg, var(--badge-default-bg));
  color:var(--badge-fg, var(--badge-default-fg));
  box-shadow:inset 0 0 0 1px var(--badge-ring, var(--badge-default-ring));
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  flex-shrink:0;
}

.site-badge img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.site-summary{
  min-width:0;
}

.site-name-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}

.site-name{
  color:var(--results-text);
  font-size:17px;
  font-weight:500;
  line-height:1.2;
}

.site-verified{
  color:var(--link-color);
  font-size:12px;
  font-weight:600;
}

.result-type{
  color:var(--results-subtle);
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.site-url-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--results-subtle);
  font-size:14px;
  white-space:nowrap;
}

.site-url-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.crumb-separator{
  color:var(--results-subtle);
  flex-shrink:0;
}

.result-menu{
  color:var(--results-subtle);
  font-size:20px;
  line-height:1;
  padding-top:2px;
}

.result-title{
  display:inline-block;
  max-width:100%;
  margin-bottom:6px;
  color:var(--link-color);
  font-size:clamp(22px, 2.2vw, 27px);
  font-weight:400;
  line-height:1.28;
}

.result-title:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

.result-snippet{
  margin:0;
  max-width:66ch;
  color:var(--results-muted);
  font-size:18px;
  line-height:1.58;
}

.result-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
}

.result-links a{
  color:var(--link-color);
  font-size:14px;
}

.result-links a:hover,
.page-nav:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

.results-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px;
  margin:42px 0 20px;
  padding-top:8px;
}

.page-nav{
  color:var(--link-color);
  font-size:18px;
}

.page-numbers{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.page-number{
  width:36px;
  height:36px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--link-color);
  border:1px solid var(--page-border);
  background:transparent;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}

.page-number:hover{
  border-color:var(--link-color);
  transform:translateY(-1px);
}

.page-number.is-current{
  background:var(--page-current-bg);
  border-color:var(--page-current-bg);
  color:var(--page-current-text);
  font-weight:700;
}

@media(max-width:980px){
  .results-toolbar{
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:12px 10px;
    padding:14px 16px;
  }

  .search-brand{
    font-size:32px;
  }

  .results-search{
    grid-column:1 / -1;
    grid-row:2;
  }

  .results-actions{
    grid-column:3;
    grid-row:1;
    justify-self:end;
  }

  .results-filter-bar{
    padding:0 16px;
  }

  .results-filter-application{
    padding:10px 16px 14px;
  }

  .results-filter-nav{
    width:100%;
    margin-left:0;
  }

  .results-page{
    padding:18px 16px 72px;
  }

  .results-column{
    width:100%;
    margin-left:0;
  }
}

@media(max-width:760px){
  .story-spotlight{
    margin-bottom:24px;
  }

  .story-spotlight-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding:0 2px 4px;
    margin:0 -2px;
    scroll-padding-inline:14px;
    scrollbar-width:thin;
    scrollbar-color:var(--results-border) transparent;
  }

  .story-spotlight-grid::-webkit-scrollbar{
    height:8px;
  }

  .story-spotlight-grid::-webkit-scrollbar-thumb{
    background:var(--results-border);
    border-radius:999px;
  }

  .story-spotlight-card{
    flex:0 0 min(72vw, 262px);
  }

  .story-spotlight-copy h2{
    font-size:22px;
  }

  .story-spotlight-copy p{
    font-size:14px;
  }

  .sponsored-strip{
    padding:16px 14px 14px;
    border-radius:20px;
  }

  .sponsored-strip-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .sponsored-strip-head h2{
    font-size:28px;
  }

  .sponsored-disclaimer{
    text-align:left;
  }

  .sponsored-cards{
    grid-auto-columns:minmax(174px, 74vw);
    gap:12px;
  }

  .sponsored-cards-featured{
    display:flex;
    gap:12px;
    padding:0 2px 4px;
    margin:0 -2px;
    scroll-padding-inline:14px;
  }

  .sponsored-card-featured{
    flex:0 0 min(72vw, 262px);
  }

  .sponsored-card-copy h3{
    font-size:16px;
  }

  .sponsored-card-copy-featured h3{
    font-size:22px;
  }

  .sponsored-card-description{
    font-size:14px;
  }

  .results-filter-nav{
    gap:22px;
  }

  .results-filter-application{
    padding-top:8px;
    padding-bottom:12px;
  }

  .results-filter-link{
    min-height:46px;
    font-size:15px;
  }

  .results-search{
    min-height:56px;
    padding:0 10px 0 18px;
  }

  .results-search input{
    font-size:20px;
  }

  .search-utility{
    width:34px;
    height:34px;
  }

  .search-clear{
    font-size:26px;
  }

  .result-count{
    margin:8px 0 22px;
    font-size:13px;
  }

  .search-result{
    margin-bottom:28px;
  }

  .site-badge{
    width:34px;
    height:34px;
    font-size:12px;
  }

  .site-name{
    font-size:16px;
  }

  .site-url-row{
    font-size:13px;
  }

  .result-title{
    font-size:21px;
  }

  .result-snippet{
    max-width:none;
    font-size:16px;
  }

  .results-pagination{
    gap:12px;
  }
}

@media(max-width:540px){
  .story-spotlight-grid{
    padding-inline:2px 4px;
    scroll-padding-inline:12px;
  }

  .story-spotlight-card{
    flex-basis:min(82vw, 252px);
  }

  .story-spotlight-copy{
    padding:12px 12px 14px;
  }

  .story-spotlight-copy h2{
    font-size:20px;
  }

  .story-spotlight-open{
    width:30px;
    height:30px;
    font-size:15px;
  }

  .sponsored-strip{
    margin-bottom:26px;
    padding:14px 12px 12px;
  }

  .sponsored-strip-head h2{
    font-size:24px;
  }

  .sponsored-cards{
    grid-auto-columns:minmax(166px, 78vw);
  }

  .sponsored-card-featured{
    flex-basis:min(82vw, 252px);
  }

  .sponsored-card-copy{
    padding:11px 11px 12px;
  }

  .sponsored-card-copy-featured{
    padding:12px 12px 14px;
  }

  .sponsored-card-copy h3{
    font-size:15px;
  }

  .sponsored-card-copy-featured h3{
    font-size:20px;
  }

  .sponsored-card-open{
    width:30px;
    height:30px;
    font-size:15px;
  }

  .sponsored-price{
    font-size:17px;
  }

  .sponsored-merchant,
  .sponsored-meta,
  .sponsored-rating{
    font-size:13px;
  }

  .results-toolbar{
    padding:12px;
    gap:10px 8px;
  }

  .results-filter-bar{
    padding:0 12px;
  }

  .results-filter-application{
    padding:8px 12px 12px;
  }

  .search-brand{
    font-size:28px;
    gap:4px;
  }

  .results-page{
    padding:14px 12px 68px;
  }

  .results-actions{
    gap:8px;
    width:auto;
    justify-content:flex-end;
  }

  .results-action{
    width:36px;
    height:36px;
    font-size:16px;
  }

  .results-filter-link{
    min-height:44px;
  }

  .result-count{
    line-height:1.55;
  }

  .site-name-row{
    gap:6px;
  }

  .result-type{
    display:none;
  }

  .result-menu{
    font-size:18px;
  }

  .result-title{
    font-size:19px;
  }

  .result-snippet{
    font-size:15px;
  }

  .result-links{
    gap:10px;
  }

  .results-pagination{
    justify-content:space-between;
  }

  .page-nav{
    font-size:16px;
  }

  .page-number{
    width:32px;
    height:32px;
  }
}
.confessions-source-pill{display:inline-flex;align-items:center;border:1px solid #23864a;background:#123b24;color:#91f0ad;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:800;line-height:1.2}.confession-story-thumbnail{display:block;width:min(220px,100%);margin:12px 0;border-radius:14px;overflow:hidden;border:1px solid rgba(72,190,108,.35);background:#0b1710}.confession-story-thumbnail img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.confession-story-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;color:#8fd5a5;font-size:.78rem}.confession-story-meta span+span:before{content:'•';margin-right:14px;color:#4b8d60}