/* A05-1: scoped to the new homepage; original mobile and inner pages remain. */
/* Research topics: bold headings and deliberate section breathing room. */
html body[data-desktop-home][data-page-type='home'] :is(.home-topic-index h2,.home-topic-index a h3,.home-topic h2) {font-weight:800;}
html body[data-desktop-home][data-page-type='home'] :is(.home-topic-index h2,.home-topic h2) {margin-bottom:24px;}
html body[data-desktop-home][data-page-type='home'] .home-topic-index > p {margin-top:0;margin-bottom:48px;}
html body[data-desktop-home][data-page-type='home'] .home-topic-index nav {gap:20px;}
html body[data-desktop-home][data-page-type='home'] .home-topic-index a h3 {margin-bottom:12px;}
html body[data-desktop-home][data-page-type='home'] .home-index-icon {margin-bottom:20px;}
html body[data-desktop-home][data-page-type='home'] .home-topic > .lede {margin-top:0;margin-bottom:48px;}
html body[data-desktop-home][data-page-type='home'] .home-topic-items {margin-top:48px;}
body[data-page-type='home'] .home-topic-heading-link {color:inherit;text-decoration:none;text-underline-offset:.16em;text-decoration-thickness:1px;transition:color .16s;}
body[data-page-type='home'] .home-topic-heading-link:is(:hover,:focus-visible) {color:var(--color-accent);text-decoration:underline;}
body[data-page-type='home'] .home-topic-heading-link:focus-visible {outline:2px solid var(--color-accent);outline-offset:6px;border-radius:4px;}
/* Related-guide links: visible feedback without changing their geometry. */
body[data-page-type='home'] .home-topic > a.home-module-link {transition:color .16s,background-color .16s,border-color .16s;}
body[data-page-type='home'] .home-topic > a.home-module-link:is(:hover,:focus-visible) {color:var(--color-ink);background-color:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:var(--color-accent);}
@media(prefers-reduced-motion:reduce) {body[data-page-type='home'] .home-topic > a.home-module-link {transition:none;}}
@media(min-width:768px) {
  html body[data-desktop-home][data-page-type='home'] .home-topics {gap:0;}
  html body[data-desktop-home][data-page-type='home'] .home-topic {padding-block:80px;}
}
@media(max-width:767px) {
  html body[data-desktop-home][data-page-type='home'] .home-topic > .lede {margin-bottom:36px;}
  html body[data-desktop-home][data-page-type='home'] .home-topic-items {margin-top:36px;}
  body[data-page-type='home'] .home-topics {gap:56px;margin-block:64px;}
  body[data-page-type='home'] .home-topic {padding-block:28px;}
}
@media(prefers-reduced-motion:reduce) {body[data-page-type='home'] .home-topic-heading-link {transition:none;}}
/* Native is responsive, not a fixed-size Banner. These are conservative
   reservation defaults, NOT provider dimensions. Calibrate per site's actual
   Native rows/columns; retain natural growth instead of clipping creatives.
   Applied only to mounted, eligible slots (no key/off = no empty reservation). */
body[data-page-type='home'] .factory-ad--nativeContent {
  min-height:var(--home-native-reserve-desktop,320px);
}
@media(max-width:767px) {
  body[data-page-type='home'] .factory-ad--nativeContent {
    min-height:var(--home-native-reserve-mobile,480px);
  }
}
/* The local demo's mock fills the same reservation; never style provider DOM. */
body[data-page-type='home'] .factory-ad--nativeContent:has(script[src^='/mock/']) > div,
body[data-page-type='home'] .factory-ad--nativeContent script[src^='/mock/'] + div {
  min-height:inherit;
}
body[data-page-type='home'] .factory-ad--nativeContent script[src^='/mock/'] + div {
  display:grid;place-items:center;box-sizing:border-box;
}
/* Compact carousel controls: fixed hit boxes prevent dot-row layout jumps. */
body[data-page-type='home'] #popular .home-slide-controls {gap:6px;align-self:center;}
body[data-page-type='home'] #popular .home-slide-controls button {width:32px;height:32px;border-color:color-mix(in srgb,var(--color-ink) 12%,transparent);background:transparent;}
body[data-page-type='home'] #popular .home-slide-controls button svg {width:16px;height:16px;}
body[data-page-type='home'] #popular .home-slide-dots {gap:0;margin-top:16px;}
body[data-page-type='home'] #popular .home-slide-dots button {width:22px;height:24px;flex:0 0 22px;}
body[data-page-type='home'] #popular .home-slide-dots button::before {width:20px;height:6px;border-radius:999px;transform:scaleX(.3);opacity:.3;background:var(--color-muted-ink);transition:transform .24s ease,opacity .24s ease,background-color .24s ease;}
body[data-page-type='home'] #popular .home-slide-dots button[aria-current='true']::before {width:20px;transform:scaleX(1);opacity:1;background:var(--color-ink);}
@media(prefers-reduced-motion:reduce) {body[data-page-type='home'] #popular .home-slide-dots button::before {transition:none;}}
/* What is draft: original two columns, compact facts stay below the image. */
body[data-page-type='home'] .home-composition #aboutGame {margin-block:96px;}
body[data-page-type='home'] #aboutGame .home-about-copy > h2 {font-weight:600;}
body[data-page-type='home'] #aboutGame .home-about-grid {align-items:start;}
body[data-page-type='home'] #aboutGame .home-about-visual img {aspect-ratio:16/9;height:auto;object-fit:cover;}
/* Facts are supporting metadata, not large feature cards. */
body[data-page-type='home'] #aboutGame .home-stats {gap:8px;}
body[data-page-type='home'] #aboutGame .home-stats > li {padding:8px 12px;min-width:0;border-radius:8px;overflow-wrap:anywhere;}
body[data-page-type='home'] #aboutGame .home-stats .home-stat {display:block;margin:0;text-align:left;}
body[data-page-type='home'] #aboutGame .home-stats .home-stat dt {margin:0;font-size:11px;font-weight:400;line-height:16px;color:var(--color-muted-ink);}
body[data-page-type='home'] #aboutGame .home-stats .home-stat dd {margin:4px 0 0;font-size:14px;font-weight:600;line-height:20px;color:var(--color-ink);}
body[data-page-type='home'] #aboutGame .home-about-data .home-stats > li:last-child:nth-child(odd) {grid-column:1/-1;}
@media(max-width:767px) {body[data-page-type='home'] .home-composition #aboutGame {margin-block:64px;}}
.home-hero-visual > .home-desktop-poster,.home-inline-video,.home-topic-index,.home-discovery-accordion,.home-desktop-ad-host { display:none; }
@media (min-width:768px) {
 body[data-desktop-home='research-v1'][data-page-type='home'] {
  .home-composition > .home-hero { padding:12px 0 36px;min-height:calc(100svh - var(--masthead-height,68px) - 100px); }
  .home-hero--backdrop .home-hero-visual { width:min(100%,700px);max-height:400px;border-radius:16px;overflow:hidden; }
  .home-hero-visual > .home-desktop-poster { display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit; }
  .home-hero-visual > .factory-video { display:none; }
  .home-hero h1 { font-size:48px;font-weight:800;letter-spacing:-.045em;margin:20px 0 28px; }
  .home-hero > .lede { max-width:840px;margin:24px auto 0;font-size:17px;line-height:1.8; }
  .home-hero .home-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:calc(100% - 64px);margin:24px auto 28px;}
  .home-hero .home-stats > li {display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:72px;padding:16px;border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color-canvas) 75%,transparent);font-size:13px;font-weight:600;line-height:20px;color:var(--color-ink);text-align:center;}
  .home-hero-stat-copy {min-width:0;overflow-wrap:anywhere;text-align:center;}
  .home-stats .home-stat {display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;}
  .home-stats .home-stat :is(dt,dd) {margin:0;font-size:inherit;line-height:inherit;}
  .home-stat dd {color:var(--color-ink);}
  .home-stat-emoji {font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:16px;line-height:20px;flex-shrink:0;}
  .home-actions svg {width:16px;height:16px;flex-shrink:0;}
  .home-hero .home-actions {display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;justify-content:center;margin:0;}
  .home-hero .home-actions a.home-cta {display:inline-flex;align-items:center;justify-content:center;text-align:center;flex:0 1 auto;min-height:44px;padding:10px 20px;border-radius:8px;gap:8px;font-size:14px;font-weight:650;line-height:20px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--ref-border);box-shadow:none;transition:background-color 160ms ease,border-color 160ms ease;}
  .home-hero .home-actions a.home-cta--primary {background:var(--color-accent);border-color:var(--color-accent);color:var(--color-canvas);}
  .home-hero .home-actions a.home-cta:hover {background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));border-color:var(--color-accent);box-shadow:none;}
  .home-hero .home-actions a.home-cta--primary:hover {background:color-mix(in srgb,var(--color-accent) 85%,var(--color-ink));}
  .home-hero .home-actions a.home-cta:active {filter:brightness(.94);}
  .home-hero .home-actions a.home-cta:focus-visible {outline:2px solid var(--color-accent);outline-offset:4px;}
  .home-hero .home-actions a.home-cta::after {content:none;}
  .home-hero .home-actions a.home-cta--primary::after {content:'→';margin-left:6px;}
  .home-inline-video { display:block;width:min(100%,960px);margin:128px auto 160px;text-align:center; }
  .home-inline-video .factory-video {display:block;position:relative;width:100%;aspect-ratio:16/9;margin:0;overflow:hidden;border-radius:16px;background:var(--color-canvas);}
  .home-inline-video .factory-video__trigger {width:100%;height:100%;border:0;border-radius:16px;}
  .home-inline-video img {width:100%;height:100%;object-fit:cover;}
  .home-inline-video iframe,.home-inline-player {width:100%;height:100%;aspect-ratio:16/9;border:0;display:block;}
  .home-inline-video [hidden] {display:none!important;}
  .home-video-youtube {display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 16px;border:1px solid var(--ref-border);border-radius:8px;font-size:14px;font-weight:500;line-height:20px;color:var(--color-muted-ink);text-decoration:none;transition:background .18s,color .18s;}
  .home-video-youtube svg {width:16px;height:16px;}
  .home-video-youtube:hover {background:color-mix(in srgb,var(--color-ink) 10%,transparent);color:var(--color-ink);}
  .home-video-youtube:focus-visible {outline:2px solid var(--color-accent);outline-offset:4px;}
  .home-topic-index {display:block;margin:64px 0;text-align:center;}
  .home-topic-index h2 {font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.03em;margin:0 0 12px;}
  .home-topic-index h2 > .home-index-game {color:var(--color-ink);}
  .home-topic-index h2 > .home-index-title {color:var(--color-accent);}
  .home-topic-index > p {color:var(--color-muted-ink);margin-bottom:28px;}
  .home-topic-index nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:left;}
  .home-topic-index a {display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;overflow-wrap:anywhere;padding:24px;border:1px solid var(--ref-border);border-radius:16px;background:var(--color-surface);color:var(--color-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s;}
  .home-index-icon {display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:12px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-accent);flex-shrink:0;transition:background-color .2s,color .2s;}
  .home-index-icon svg {display:block;width:22px;height:22px;}
  .home-topic-index a h3 {margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;}
  .home-topic-index a p {margin:0;color:var(--color-muted-ink);font-size:14px;font-weight:400;line-height:1.6;}
  .home-topic-index a:is(:hover,:focus-visible) {border-color:var(--color-accent);box-shadow:0 4px 16px color-mix(in srgb,var(--color-accent) 8%,transparent);}
  .home-topic-index a:is(:hover,:focus-visible) .home-index-icon {background:var(--color-accent);color:var(--color-canvas);}
  .home-topic-index a:focus-visible {outline:2px solid var(--color-accent);outline-offset:4px;}
  .home-mobile-discovery {display:none;}
  .home-discovery-row {align-items:start;gap:24px;margin:56px 0;}
  .home-discovery-row > .home-block {padding:0;border:0;background:none;}
  .home-discovery-row h2 {font-size:27px;letter-spacing:-.03em;margin-bottom:22px;}
  .home-discovery-row > section > .lede {display:none;}
  .home-discovery-accordion {display:block;border:1px solid var(--ref-border);border-radius:20px;overflow:hidden;background:var(--color-surface);}
  .home-discovery-accordion details + details {border-top:1px solid var(--ref-border);}
  .home-discovery-accordion summary {display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 24px;list-style:none;font-size:17px;font-weight:550;line-height:1.55;}
  .home-discovery-accordion summary::-webkit-details-marker {display:none;}
  .home-discovery-accordion summary > span {width:10px;height:10px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:3px;color:var(--color-muted-ink);}
  .home-discovery-accordion details[open] summary {background:color-mix(in srgb,var(--color-ink) 4%,transparent);color:var(--color-accent);}
  .home-discovery-accordion details[open] summary > span {transform:rotate(225deg);}
  .home-discovery-accordion details > div {padding:0 24px 24px;}
  .home-discovery-accordion p {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.75;color:var(--color-muted-ink);font-size:15px;margin:18px 0;}
  .home-discovery-accordion a {color:var(--color-accent);text-decoration:none;font-size:14px;}
  #popular .eyebrow {background:none;border:0;padding:0;color:var(--color-muted-ink);font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:uppercase;}
  #popular h2 {font-size:clamp(24px,2.4vw,30px);font-weight:400;letter-spacing:-.04em;}
  #popular .home-quick-links {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:28px;}
  #popular .home-quick-link {border:1px solid var(--ref-border);border-radius:999px;padding:10px 16px;font-size:14px;color:var(--color-muted-ink);text-decoration:none;background:transparent;}
  #popular .home-quick-link:hover {color:var(--color-accent);border-color:var(--color-accent);}
  .home-topics {gap:64px;}
  .home-topic {padding:36px 0;border:0;border-radius:0;background:none;}
  .home-topic h2 {text-align:center;margin:0 auto 16px;font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.035em;scroll-margin-top:calc(var(--masthead-height,68px) + 94px);}
  .home-topic > .lede {max-width:840px;text-align:center;margin:0 auto 30px;color:var(--color-muted-ink);font-size:16px;line-height:1.8;}
  .home-topic-items {gap:18px;margin:28px 0;}
  .home-topic-items li {padding:24px;border-radius:18px;background:var(--color-surface);}
  .home-topic-label strong {font-size:17px;}
  .home-topic--step-by-step .home-topic-items {counter-reset:step;gap:0;}
  .home-topic--step-by-step .home-topic-items li {counter-increment:step;position:relative;padding:24px 24px 24px 76px;border:0;border-radius:0;border-bottom:1px solid var(--ref-border);background:transparent;}
  .home-topic--step-by-step .home-topic-items li::before {content:counter(step,decimal-leading-zero);position:absolute;left:8px;top:24px;color:var(--color-accent);font-size:26px;font-weight:500;}
  .home-topic--step-by-step .home-topic-label strong.home-step-ordinal {display:none;}
  .home-topic--step-by-step .home-topic-label strong {color:var(--color-ink);}
  .home-topic--step-by-step .home-topic-items li p {margin-top:8px;}
  .home-topic--tier-grid .home-topic-items li {border-left:3px solid var(--color-accent);grid-template-columns:minmax(110px,.4fr) 1fr;}
  .home-topic--code-cards .home-topic-items li {border-style:dashed;}
  .home-module-link {display:table;margin:26px auto 0;border:1px solid var(--ref-border);border-radius:999px;padding:11px 22px;text-decoration:none;}
  .home-topic-sources {font-size:12px;opacity:.8;justify-content:center;margin-top:22px;}
  .home-desktop-ad-host {display:flex;justify-content:center;margin:42px 0;}
  .home-desktop-ad-host > .factory-ad {margin:0;}
  .factory-ad--nativeSecondary {width:100%;min-height:160px;}
  .factory-ad--nativeSecondary iframe {width:100%;height:100%;border:0;}
  [data-factory-bottom-reservation] {width:100%;margin:0;padding:0;min-height:0;display:flex;justify-content:center;}
  [data-factory-bottom-reservation]::before,[data-factory-bottom-reservation]::after {content:none;}
  [data-factory-bottom-reservation] .factory-ad {position:static;inset:auto;transform:none;margin:0;}
  /* Reserve the eligible 728x90 before its frame loads. No key/space, no gap. */
  @container (min-width:728px) {
    [data-factory-bottom-reservation~="wide"] {min-height:90px;margin:32px 0 14px;}
  }
  .site-shell {padding-bottom:0;}
  .site-footer {margin-top:0;padding:36px 24px 24px;}
  .site-footer .footer-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(130px,.6fr) minmax(0,1fr);gap:36px;align-items:start;}
  .footer-grid .footer-brand {font-size:17px;gap:12px;}
  .footer-intro p {font-size:14px;line-height:1.8;margin:18px 0;}
  .footer-intro .footer-play {display:none;}
  .footer-column:last-child ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;}
  .footer-column h4 {font-size:11px;letter-spacing:.15em;margin:8px 0 20px;}
  .footer-column a {font-size:13px;line-height:1.6;}
  .footer-column li {margin:0;}
  .footer-bottom {display:flex;justify-content:space-between;align-items:start;gap:28px;border-top:1px solid var(--ref-border);margin-top:28px;padding-top:20px;color:var(--color-muted-ink);font-size:12px;line-height:1.8;}
  .footer-bottom p {margin:0;max-width:650px;}
  .footer-bottom nav {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;}
  .footer-bottom a {font-size:12px;}
 }
}
@media (min-width:768px) and (max-width:1050px) {body[data-desktop-home][data-page-type='home'] .home-topic-index nav {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (prefers-reduced-motion:reduce) {body[data-desktop-home] .home-topic-index :is(a,.home-index-icon) {transition:none;}}
/* Native discovery panels: the server renders all article links and summaries. */
body[data-page-type='home'][data-home-discovery='native-v1'] .home-composition .home-discovery-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:96px 0 80px;align-items:stretch;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-composition .home-discovery-row > .home-block {display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:1px solid var(--ref-border);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);overflow:hidden;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-composition .home-discovery-row h2 {font-size:16px;font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-muted-ink);padding:20px 24px;margin:0;border-bottom:1px solid var(--ref-border);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-mobile-discovery {display:flex;flex:1;flex-direction:column;min-width:0;padding:8px 12px 12px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row :is(.home-updates,.home-steps) {display:block;flex:none;gap:0;margin:0;padding:0;list-style:none;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row :is(.home-updates,.home-steps) > li {display:block;position:relative;min-width:0;padding:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--ref-border) 65%,transparent);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-steps > li,
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-updates > li:last-child {border:0;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-steps > li:not(:last-child)::before {content:'';display:block;position:absolute;left:25.5px;top:54px;bottom:-14px;width:1px;background:color-mix(in srgb,var(--color-accent) 24%,var(--ref-border));pointer-events:none;z-index:1;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-step-number {position:relative;display:block;flex:none;text-align:center;width:28px;height:28px;line-height:28px;border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);font-size:12px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary {display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:start;gap:12px;list-style:none;padding:20px 12px;border-radius:8px;cursor:pointer;color:var(--color-ink);transition:background-color .16s,color .16s;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary::-webkit-details-marker {display:none;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary::marker {content:'';}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-steps .home-discovery-details summary {grid-template-columns:28px minmax(0,1fr) 18px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-title {font-size:15px;font-weight:550;line-height:1.55;overflow-wrap:anywhere;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary > svg {margin-top:3px;color:var(--color-muted-ink);transition:transform .18s,color .18s;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details[open] summary > svg {transform:rotate(180deg);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary:is(:hover,:focus-visible) {background:color-mix(in srgb,var(--color-ink) 7%,transparent);color:var(--color-accent);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary:is(:hover,:focus-visible) > svg {color:var(--color-accent);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-details summary:focus-visible {outline:2px solid var(--color-accent);outline-offset:2px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-body {padding:0 42px 20px 12px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-steps .home-discovery-body {padding-left:52px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-discovery-body p {margin:0 0 12px;padding:0;font-size:13px;line-height:1.7;color:var(--color-muted-ink);overflow-wrap:anywhere;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-body .home-update-category {display:table;margin:0 0 12px;font-size:10px;font-weight:600;line-height:16px;padding:2px 7px;border-radius:5px;background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-more {display:inline-block;font-size:13px;color:var(--color-accent);text-decoration:none;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-more:hover {text-decoration:underline;text-underline-offset:3px;}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-browse {margin:auto 12px 0;padding:20px 0 2px;text-align:right;font-size:12px;color:var(--color-muted-ink);}
body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row .home-browse:hover {color:var(--color-accent);}
@media(max-width:767px) {body[data-page-type='home'][data-home-discovery='native-v1'] .home-composition .home-discovery-row {grid-template-columns:1fr;margin:56px 0;gap:24px;}}
@media(prefers-reduced-motion:reduce) {body[data-page-type='home'][data-home-discovery='native-v1'] .home-discovery-row * {transition:none!important;}}

/* Secondary navigation: compact labels; decorative vector, never a font glyph. */
body[data-page-type='home'] #popular .home-quick-links {display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
body[data-page-type='home'] #popular .home-quick-link {display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 16px;border:1px solid var(--ref-border);border-radius:999px;font-size:14px;font-weight:500;line-height:20px;overflow-wrap:anywhere;color:var(--color-muted-ink);background:transparent;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s;}
body[data-page-type='home'] #popular .home-quick-link::after {content:'';display:block;width:14px;height:14px;flex:0 0 14px;margin:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s;}
body[data-page-type='home'] #popular .home-quick-link:is(:hover,:focus-visible) {color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent);}
body[data-page-type='home'] #popular .home-quick-link:is(:hover,:focus-visible)::after {transform:translateX(2px);}
body[data-page-type='home'] #popular .home-quick-link:focus-visible {outline:2px solid var(--color-accent);outline-offset:3px;}
@media(prefers-reduced-motion:reduce) {body[data-page-type='home'] #popular .home-quick-link,body[data-page-type='home'] #popular .home-quick-link::after {transition:none;}body[data-page-type='home'] #popular .home-quick-link:is(:hover,:focus-visible)::after {transform:none;}}