body.explore-doc { background: #e6e2d8; color: #1b1e23; font: 16px/1.5 system-ui, sans-serif; }
body.explore-doc main { max-width: 720px; }
body.explore-doc nav, body.explore-doc footer, body.explore-doc h1 { font: 600 12px/1.2 system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
body.explore-doc h1 { font-size: 13px; }
.item-search { margin: 18px 0 0; }
.item-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.item-search input { width: 100%; box-sizing: border-box; margin: 0; padding: 12px 14px; border: 1px solid rgba(27, 30, 35, .18); border-radius: 14px; background: #fff; color: #1b1e23; font: 16px/1.3 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.item-search-empty { margin: 22px 0; }
.lab-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 8px; }
.lab-filter a { padding: 6px 10px; border: 1px solid rgba(27, 30, 35, .16); border-radius: 999px; color: inherit; text-decoration: none; letter-spacing: .08em; text-transform: uppercase; font: 600 11px/1 system-ui, sans-serif; }
.lab-filter a[aria-current="page"] { background: #1b1e23; color: #f7f5f0; }
.module {
  position: relative;
  margin: 28px auto;
  max-width: 680px;
  padding: 14px;
  border-radius: 999px;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .9), transparent 42%),
    linear-gradient(180deg, #fbfaf6 0%, #e7e1d4 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .95) inset,
    0 -10px 18px rgba(27, 30, 35, .06) inset,
    0 22px 40px rgba(27, 30, 35, .14),
    0 2px 4px rgba(27, 30, 35, .08);
}
.capsule {
  display: block;
  margin: 0;
  padding: 7px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(27, 30, 35, .08));
  color: inherit;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
}
.capsule-well { overflow: hidden; border-radius: 999px; box-shadow: 0 12px 24px rgba(27, 30, 35, .08) inset; }
.site { --hue: 220; padding: 36px 48px 32px; border-radius: 999px; }
.site-title { display: block; margin: 0; color: inherit; text-decoration: none; text-transform: none; letter-spacing: -.03em; }
.page-lead { margin: 14px 0 0; }
.media { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; justify-items: center; }
.module-kind { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0 0 10px; text-align: center; }
.module-form { font: 700 11px/1 system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.module-category { font: 600 12px/1.2 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.capsule[data-form="website"] .site { background: #fffdf8; }
.capsule[data-form="program"] .site { background: #e7efe4; }
.capsule[data-form="app"] .site { background: #17191e; color: #f6f3ec; }
.capsule[data-form="app"] .page-lead, .capsule[data-form="app"] .module-category, .capsule[data-form="app"] .module-source a { color: #d7d0c4; }
.capsule[data-category="E-commerce"] .module-form { color: #8a4b12; }
.capsule[data-category="Search Engines & Portals"] .module-form { color: #1d4e89; }
.capsule[data-category="Social Media & Networking"] .module-form { color: #7a2f86; }
.capsule[data-category="Media, News, & Entertainment"] .module-form { color: #8d1d32; }
.capsule[data-category="Blogs & Informational Sites"] .module-form { color: #2f5d3a; }
.capsule[data-category="Forums & Communities"] .module-form { color: #3d4f8a; }
.capsule[data-category="Business & Corporate Sites"] .module-form { color: #3e4650; }
.capsule[data-category="Word processor"] .module-form { color: #245c45; }
.capsule[data-category="Web browser"] .module-form { color: #1a5276; }
.capsule[data-category="Spreadsheets"] .module-form { color: #1e6b3a; }
.capsule[data-category="Game"] .module-form { color: #6b2d8b; }
.capsule[data-category="Native Apps"] .module-form,
.capsule[data-category="Web Apps"] .module-form,
.capsule[data-category="Hybrid Apps"] .module-form { color: #f0c36a; }
.module-source { width: 100%; margin: 10px 0 0; text-align: center; font: 600 13px/1.2 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.module-source a { color: inherit; text-decoration: none; }
.media li, .media a { display: flex; gap: 12px; align-items: center; min-width: 0; color: inherit; text-decoration: none; }
.media-mark { position: relative; display: grid; width: 36px; height: 36px; flex: none; place-items: center; overflow: hidden; border-radius: 10px; background: #fff; color: #1b1e23; font: 700 14px/1 system-ui, sans-serif; }
.media-mark img { position: absolute; top: 6px; left: 6px; width: 24px; height: 24px; object-fit: contain; background: transparent; }
.media-copy { min-width: 0; }
.media-title, .media-host { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-title { font: 600 14px/1.3 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.media-host { color: #5d6874; font: 12px/1.3 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.site-parts { margin: 22px 0 0; padding: 0; list-style: none; }
.site-parts li { margin: 0; }
.site-part { margin-top: 28px; }
.site-part h2, .site-sources h2 { margin: 0 0 8px; font: 600 12px/1 system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.site-copy p { margin: 0 0 1em; }
.site-sources { margin-top: 32px; }
.site-sources ul { margin: 0; padding: 0; list-style: none; }
.site-sources li { margin: 10px 0; }
.capsule[data-site="poster"] .site { background: hsl(var(--hue) 62% 94%); color: hsl(var(--hue) 28% 16%); }
.capsule[data-site="poster"] .site-title { max-width: 12em; font: 600 clamp(34px, 6vw, 58px)/1.02 Georgia, serif; }
.capsule[data-site="poster"] .page-lead { max-width: 34em; font: 20px/1.45 Georgia, serif; }
.capsule[data-site="poster"] .site-parts li { margin-top: 8px; padding-left: 12px; border-left: 3px solid hsl(var(--hue) 55% 42%); font: 12px/1.3 system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.capsule[data-site="editorial"] .site { background: #fffdf8; color: #221c16; }
.capsule[data-site="editorial"] .site-title { max-width: 18em; font: italic 500 clamp(28px, 4vw, 42px)/1.15 Georgia, serif; }
.capsule[data-site="editorial"] .page-lead { max-width: 38em; padding-top: 12px; border-top: 1px solid #221c16; font: 18px/1.55 Georgia, serif; }
.capsule[data-site="editorial"] .site-parts { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.capsule[data-site="editorial"] .site-parts li { font: 12px/1 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.capsule[data-site="ticket"] .site { background: repeating-linear-gradient(90deg, hsl(var(--hue) 70% 96%) 0 12px, hsl(var(--hue) 45% 92%) 12px 13px); color: hsl(var(--hue) 30% 18%); outline: 1px dashed hsl(var(--hue) 35% 42%); outline-offset: -10px; }
.capsule[data-site="ticket"] .site-title { max-width: 16em; font: 700 clamp(26px, 4vw, 40px)/1.12 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.04em; }
.capsule[data-site="ticket"] .page-lead { max-width: 36em; font: 16px/1.5 ui-sans-serif, system-ui, sans-serif; }
.capsule[data-site="ticket"] .site-parts { display: flex; flex-wrap: wrap; gap: 8px; }
.capsule[data-site="ticket"] .site-parts li { padding: 6px 8px; border: 1px solid hsl(var(--hue) 30% 40%); border-radius: 4px; background: hsl(var(--hue) 80% 96%); font: 11px/1 system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.capsule[data-site="signal"] .site { background: hsl(var(--hue) 22% 14%); color: hsl(var(--hue) 30% 92%); }
.capsule[data-site="signal"] .site-title { max-width: 14em; font: 600 clamp(30px, 5vw, 48px)/1.05 ui-monospace, monospace; letter-spacing: -.05em; }
.capsule[data-site="signal"] .page-lead { max-width: 36em; color: hsl(var(--hue) 20% 78%); font: 17px/1.5 ui-sans-serif, system-ui, sans-serif; }
.capsule[data-site="signal"] .site-parts li { display: inline-block; margin: 8px 8px 0 0; padding: 4px 0; border-bottom: 1px solid hsl(var(--hue) 40% 62%); font: 12px/1 ui-monospace, monospace; letter-spacing: .04em; }
.capsule[data-site="signal"] .site-part h2, .capsule[data-site="signal"] .site-sources h2, .capsule[data-site="signal"] a { color: hsl(var(--hue) 45% 78%); }
.module-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 16px 0 0; justify-content: center; text-align: center; }
.module-meta div { min-width: 0; }
.module-meta dt { font: 600 10px/1.2 system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #5d6874; }
.module-meta dd { margin: 4px 0 0; font: 14px/1.3 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.module-seo-panel { margin-top: 28px; }
.module-seo-panel h2 { margin: 0 0 8px; font: 600 12px/1 system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.module-seo-panel p { margin: 0 0 .6em; font: 16px/1.45 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.module-hover { display: none; position: absolute; z-index: 4; left: 36px; right: 36px; top: 28px; overflow: hidden; border: 0; border-radius: 40px; background: #fff; color: #1b1e23; box-shadow: 0 24px 48px rgba(27, 30, 35, .2), 0 1px 0 rgba(255, 255, 255, .9) inset; }
.module:hover .module-hover, .module:focus-within .module-hover { display: block; }
.module-hover-media { display: grid; min-height: 140px; place-items: center; background: #e7e2d6; }
.module-hover-media img { width: 72px; height: 72px; object-fit: contain; border-radius: 0; }
.module-hover-media img[src^="http"] { width: 100%; height: 180px; object-fit: cover; }
.module-seo { margin: 0; padding: 12px 14px 0; font: 14px/1.4 system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.module-hover .module-meta { padding: 0 14px 14px; }
#helix-stage .module { width: 640px; max-width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; overflow: hidden; }
#helix-stage .capsule, #helix-stage .capsule-well, #helix-stage .site { box-sizing: border-box; max-width: 100%; overflow: hidden; }
#helix-stage .site, #helix-stage .site-title, #helix-stage .page-lead, #helix-stage .module-meta dd, #helix-stage .site-copy { overflow-wrap: anywhere; }
#helix-stage[data-mode="index"] .module { height: 320px; }
#helix-stage[data-mode="index"] .capsule, #helix-stage[data-mode="index"] .capsule-well, #helix-stage[data-mode="index"] .site { height: 100%; min-height: 0; }
#helix-stage[data-mode="index"] .site { display: flex; flex-direction: column; justify-content: center; padding: 28px 56px; }
#helix-stage[data-mode="index"] .capsule .site-title { display: -webkit-box; max-width: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font: 600 22px/1.25 Georgia, serif; }
#helix-stage[data-mode="index"] .page-lead { display: -webkit-box; max-width: none; margin-top: 8px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font: 15px/1.4 Georgia, serif; }
#helix-stage[data-mode="index"] .media { margin-top: 12px; }
#helix-stage[data-mode="index"] .media li:nth-child(n+2) { display: none; }
#helix-stage[data-mode="index"] .module-hover { inset: 14px; overflow: hidden; border-radius: 999px; }
#helix-stage[data-mode="index"] .module-hover-media, #helix-stage[data-mode="index"] .module-hover-media img { height: 96px; min-height: 0; }
#helix-stage[data-mode="index"] .module-seo { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#helix-stage[data-mode="page"] .capsule .site-title { max-width: none; font: 600 32px/1.2 Georgia, serif; }