.p8-page .layout { grid-template-columns: 240px minmax(0, 1fr); }
body.p8-page.force-desktop .layout { grid-template-columns: 240px minmax(0, 1fr); }
.p8-page .main-content { gap: 0; }
.p8-section { margin-top: 28px; }
.p8-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 0 2px 14px; }
.p8-section-head h2 { margin: 7px 0 0; font-size: clamp(21px, 2.6vw, 29px); }
.p8-section-head > a { color: var(--primary-strong); font-size: 13px; font-weight: 900; }
.p8-landing-hero { display: grid; gap: 18px; }
.p8-hero-actions, .p8-method-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.p8-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.p8-stat { display: grid; gap: 6px; padding: 17px; }
.p8-stat strong { color: var(--primary-strong); font-size: clamp(22px, 3vw, 32px); }
.p8-stat span { color: var(--muted); font-size: 13px; }
.p8-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.p8-poll-card { display: flex; flex-direction: column; min-width: 0; min-height: 330px; gap: 13px; padding: 14px; border-color: color-mix(in srgb, #5f2ee6 72%, var(--line)); border-radius: 22px; }
.p8-poll-card:hover { border-color: #6c3af0; }
.p8-poll-card .card-top { display: flex; min-height: 58px; gap: 12px; align-items: flex-start; }
.p8-poll-card .market-icon { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; overflow: hidden; border-radius: 15px; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, var(--surface-2)), color-mix(in srgb, var(--primary) 25%, var(--surface))); font-size: 22px; }
.p8-poll-card .market-icon img { width: 100%; height: 100%; object-fit: cover; }
.p8-poll-card .card-title { min-width: 0; flex: 1; }
.p8-poll-card .card-title .meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 6px; color: var(--muted); font-size: 12px; }
.p8-poll-card h3, .p8-event-card h2, .p8-event-card h3 { margin: 12px 0 0; font-size: 17px; line-height: 1.75; }
.p8-poll-card .card-title h3 { margin: 0; font-size: 15px; line-height: 1.75; }
.p8-poll-card p, .p8-event-card p { margin: 9px 0; color: var(--muted); line-height: 1.9; }
.p8-poll-card time, .p8-event-card time, .p8-feed time, .p8-timeline time { color: var(--muted); font-size: 12px; }
.p8-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 10px; color: var(--muted); font-size: 12px; }
.p8-result-summary { margin-top: auto; padding-top: 10px; color: var(--primary-strong); }
.p8-card-link { display: inline-flex; width: max-content; margin-top: 13px; color: var(--primary-strong); font-size: 13px; font-weight: 900; }
.p8-poll-card .trade-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.p8-poll-card .vote-btn { min-height: 38px; border: 0; border-radius: 12px; font: inherit; font-size: 13px; font-weight: 950; cursor: pointer; }
.p8-poll-card .buy-btn { color: var(--green); background: var(--green-soft); }
.p8-poll-card .sell-btn { color: var(--red); background: var(--red-soft); }
.p8-poll-card .vote-btn:disabled { cursor: not-allowed; opacity: .58; }
.p8-poll-card .vote-btn--selected { color: #fff; background: #5f2ee6; box-shadow: 0 0 0 2px color-mix(in srgb, #5f2ee6 35%, transparent); opacity: 1; }
.p8-card-share { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line)); border-radius: 17px; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), color-mix(in srgb, var(--primary) 12%, var(--surface-2))); }
.p8-card-share > div { display: grid; min-width: 0; gap: 3px; }
.p8-card-share strong { font-size: 13px; line-height: 1.7; }
.p8-card-share span, .p8-share-status { color: var(--muted); font-size: 11px; line-height: 1.7; }
.p8-share-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 7px 12px; border: 0; border-radius: 999px; background: linear-gradient(135deg, var(--accent), var(--primary)); color: #132015; font: inherit; font-size: 11px; font-weight: 950; cursor: pointer; white-space: nowrap; }
.p8-share-trigger:focus-visible, .p8-poll-card .vote-btn:focus-visible { outline: 3px solid #1d67c1; outline-offset: 3px; }
.p8-share-status { grid-column: 1 / -1; margin: 0 !important; color: var(--primary-strong) !important; }
.p8-poll-card .card-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px 10px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.p8-poll-card .badge { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border: 1px solid var(--line); border-radius: 999px; font-weight: 850; }
.p8-poll-card .badge.live { color: var(--green); border-color: color-mix(in srgb, var(--green) 42%, transparent); background: var(--green-soft); }
.p8-poll-card .badge.ending { color: var(--muted); background: var(--surface-2); }
.p8-poll-card .volume { color: var(--text); font-weight: 950; }
.p8-poll-card.vote-card--loading { pointer-events: none; opacity: .72; }
.p8-poll-card.vote-card--voted { border-color: #6c3af0; box-shadow: 0 0 0 1px color-mix(in srgb, #6c3af0 42%, transparent), var(--shadow-soft); }
.p8-poll-card .vote-card__voted-badge { order: 4; width: max-content; max-width: 100%; padding: 5px 9px; border: 1px solid color-mix(in srgb, #6c3af0 42%, var(--line)); border-radius: 999px; background: color-mix(in srgb, #6c3af0 11%, var(--surface)); color: color-mix(in srgb, #6c3af0 75%, var(--text)); font-size: 11px; font-weight: 850; }
[data-theme="dark"] .p8-poll-card { background: color-mix(in srgb, #07140d 84%, var(--surface)); box-shadow: inset 0 0 40px color-mix(in srgb, var(--accent) 5%, transparent); }
.p8-taxonomy-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.p8-taxonomy { display: grid; gap: 8px; padding: 17px; }
.p8-taxonomy span { color: var(--muted); font-size: 12px; }
.p8-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.p8-event-card { display: grid; grid-template-columns: minmax(130px, 38%) minmax(0, 1fr); gap: 16px; padding: 14px; }
.p8-event-card img { width: 100%; height: 100%; min-height: 170px; border-radius: var(--radius-lg); object-fit: cover; }
.p8-editorial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.p8-feed { display: grid; padding: 8px 16px; }
.p8-feed > a { display: grid; gap: 5px; padding: 13px 2px; border-bottom: 1px solid var(--line); }
.p8-feed > a:last-of-type { border-bottom: 0; }
.p8-feed span { color: var(--muted); font-size: 13px; line-height: 1.8; }
.p8-method { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 28px; padding: clamp(20px, 4vw, 34px); background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 19%, var(--surface)), var(--surface)); }
.p8-method h2 { margin: 9px 0 0; font-size: clamp(22px, 3vw, 32px); }
.p8-method p { max-width: 760px; margin: 10px 0 0; color: var(--muted); line-height: 2; }
.p8-event-hero { display: grid; grid-template-columns: minmax(220px, 38%) minmax(0, 1fr); align-items: center; gap: clamp(18px, 4vw, 34px); }
.p8-event-hero > div:first-child:empty { display: none; }
.p8-event-hero img { width: 100%; max-height: 330px; border-radius: var(--radius-xl); object-fit: cover; }
.p8-event-hero time { display: inline-block; margin-top: 13px; color: var(--muted); font-size: 12px; }
.p8-event-intro { margin-top: 18px; }
.p8-event-intro > h2 { margin: 0; padding: 22px 24px 0; }
.p8-event-intro .vote-article-body { padding-top: 10px; }
.p8-timeline { position: relative; margin: 0; padding: 18px 34px 18px 18px; list-style: none; }
.p8-timeline::before { position: absolute; top: 30px; bottom: 30px; right: 24px; width: 2px; background: var(--line); content: ""; }
.p8-timeline li { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 14px; padding: 12px 0; }
.p8-timeline li + li { border-top: 1px solid var(--line); }
.p8-timeline-dot { position: relative; z-index: 1; width: 13px; height: 13px; margin-top: 8px; border: 3px solid var(--surface); border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 2px var(--primary); }
.p8-timeline h3 { margin: 8px 0 3px; font-size: 16px; line-height: 1.75; }
.p8-timeline p { margin: 4px 0; color: var(--muted); line-height: 1.85; }
.p8-empty-timeline { display: block !important; color: var(--muted); }

@media (max-width: 1180px) {
  body.p8-page.force-tablet .layout, .p8-page .layout { grid-template-columns: 220px minmax(0, 1fr); }
  .p8-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p8-taxonomy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p8-event-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .p8-page .layout { display: block; }
  .p8-stat-grid, .p8-card-grid, .p8-taxonomy-grid, .p8-editorial-grid, .p8-event-grid, .p8-event-hero { grid-template-columns: 1fr; }
  .p8-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p8-event-card { grid-template-columns: 110px minmax(0, 1fr); }
  .p8-event-card img { min-height: 130px; }
  .p8-method { align-items: stretch; flex-direction: column; }
  .p8-method-actions .vote-action { flex: 1 1 160px; }
}

@media (max-width: 430px) {
  .p8-stat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .p8-stat { padding: 13px; }
  .p8-event-card { grid-template-columns: 1fr; }
  .p8-event-card img { height: 185px; }
  .p8-section { margin-top: 23px; }
  .p8-section-head { align-items: flex-start; flex-direction: column; }
  .p8-hero-actions .vote-action { width: 100%; }
  .p8-card-share { grid-template-columns: 1fr; }
  .p8-share-trigger { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .p8-page *, .p8-page *::before, .p8-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}