/* Shared product-example finish. Page layout, brand decoration and hero imagery stay in index.css. */
.home-page .home-ui{--ui-ink:#23131d;--ui-muted:#6e5965;--ui-line:#e9dfe3;--ui-soft:#faf7f9;font-variant-numeric:tabular-nums}
.home-page .story-frame>.slot-in::before{display:none}
.home-page .home-ui button:focus-visible,.home-page .home-ui textarea:focus-visible{outline:2px solid var(--pink-deep);outline-offset:2px}
.home-page .home-ui button{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease}
.home-page .market-feed{padding:24px;border-radius:20px;box-shadow:0 3px 10px -7px #48233c26}
.home-page .feed-heading{padding-bottom:18px;gap:16px;align-items:flex-start}
.home-page .feed-heading b{font-size:17px;line-height:1.4;font-weight:500}
.home-page .feed-heading>div>span{font-size:12px;line-height:1.5}
.home-page .feed-heading .chip{font-size:12px;background:#f3edf1;color:#604451;min-height:28px;flex:none;border:1px solid #eadfe5;padding:4px 9px}
.home-page .feed-filters{gap:6px;padding-bottom:16px}
.home-page .feed-filters button{font-size:12px;min-height:44px;padding:9px 12px;border-radius:8px;line-height:1.4}
.home-page .feed-filters button[aria-pressed=true]{background:#48233c;color:white;font-weight:500}
.home-page .feed-story{position:relative;padding:22px 0 22px 16px}
.home-page .feed-story::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;border-radius:2px;background:transparent}
.home-page .feed-story:has([data-feed-story][aria-pressed=true])::before{background:var(--pink-deep)}
.home-page .feed-source{font-size:12px;line-height:1.5;color:var(--ui-muted);margin-bottom:6px}
.home-page .feed-story h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;text-wrap:pretty}
.home-page .feed-story h3>button{min-height:44px;display:block;width:100%}
.home-page .feed-story h3>button[aria-pressed=true]{color:var(--ui-ink)}
.home-page .feed-story>p{font-size:13px;line-height:1.65;margin-top:8px}
.home-page .story-bottom{gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.home-page .story-bottom>span{font-size:12px;color:var(--ui-muted)}
.home-page .story-feedback{gap:6px}
.home-page .story-feedback button{font-size:12px;line-height:1.4;min-height:40px;padding:8px 10px;border-radius:8px;border-color:#dfd2da}
.home-page .story-feedback button[aria-pressed=true]{border-color:#48233c}
.home-page .feed-context-link{display:none;align-items:center;gap:8px;min-height:44px;width:fit-content;font-size:12px;color:var(--pink-deep);text-decoration:none;margin-top:8px}
.home-page .feed-context-link svg{width:15px;height:15px}
.home-page .feed-story:has([data-feed-story][aria-pressed=true]) .feed-context-link{display:inline-flex}
.home-page #home-market-context{scroll-margin-top:90px}
.home-page #home-market-context:focus-visible{outline:2px solid var(--pink-deep);outline-offset:4px}
.home-page .market-context{padding:28px;border-radius:20px;background:#fff;border-color:#e5d9e1;box-shadow:0 10px 30px -24px #48233c40}
.home-page .market-context-top{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--ui-muted);font-size:12px}
.home-page .market-context-top svg{width:22px;height:22px;color:var(--ui-ink)}
.home-page .market-context .eyebrow{font-size:12px;color:var(--pink-deep);margin-bottom:12px}
.home-page .market-context h3{font-size:27px;line-height:1.23;letter-spacing:-.035em;text-wrap:pretty}
.home-page .market-context .body-copy{font-size:14px;line-height:1.65;margin:16px 0 20px}
.home-page .market-context .outline-button{font-size:13px;line-height:1.45;min-height:44px;border-radius:9px;border-color:#d7c8d1;padding:10px 14px;justify-content:space-between;gap:14px}
.home-page .market-context .outline-button svg{width:16px;height:16px;flex:none;color:var(--pink-deep);transition:transform 150ms ease}
.home-page .market-context .outline-button[aria-expanded=true] svg{transform:rotate(180deg)}
.home-page .market-context .watch-summary{padding-top:20px;margin-top:20px;border-top:1px solid var(--ui-line)}
.home-page .market-context .watch-summary h4{font-size:14px;font-weight:500;letter-spacing:-.015em}
.home-page .market-context .watch-summary p{font-size:13px;line-height:1.6;margin:12px 0}
.home-page .market-context .watch-summary .market-approval{font-size:12px;color:var(--ui-muted);padding-top:14px;margin-top:16px;border-top:1px solid var(--ui-line)}
.home-page .market-context-foot{margin-top:20px!important;padding-top:16px;border-top:1px solid var(--ui-line);font-size:12px;line-height:1.55!important;color:var(--ui-muted)}
@media(max-width:640px){
  .home-page .market-feed{padding:18px}
  .home-page .feed-heading{gap:8px}
  .home-page .feed-heading .chip{font-size:12px;padding:4px 7px}
  .home-page .feed-filters{gap:2px}
  .home-page .feed-filters button{font-size:12px;padding-inline:10px}
  .home-page .feed-story{padding-left:12px}
  .home-page .feed-story h3{font-size:20px}
  .home-page .feed-story>p{font-size:14px}
  .home-page .story-feedback button{min-height:44px;font-size:12px}
  .home-page .market-context{padding:24px}
  .home-page .market-context h3{font-size:25px}
  .home-page .market-context .outline-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.home-page .home-ui button,.home-page .market-context .outline-button svg{transition:none}}
