.ps-page { background: var(--fnv-surface); color: var(--fnv-ink); }
.ps-wrap { padding-block: 18px 40px; }
.ps-head { margin: 0 0 18px; }
.ps-kick { display: inline-block; font-size: .8125rem; font-weight: 700; letter-spacing: .04em; color: var(--fnv-ink-3); margin-bottom: 6px; }
.ps-h1 { font-size: clamp(1.35rem, 3.2vw, 2rem); font-weight: 800; line-height: 1.45; margin: 0 0 10px; }
.ps-lede { font-size: 1rem; line-height: 1.9; color: var(--fnv-ink-2); max-width: var(--fnv-measure); margin: 0; }
.ps-h2 { font-size: 1.2rem; font-weight: 800; line-height: 1.5; margin: 0 0 10px; }
.ps-h3 { font-size: 1rem; font-weight: 800; line-height: 1.6; margin: 0 0 6px; }
.ps-live { border: 2px solid var(--fnv-ink); padding: 14px; margin: 0 0 28px; }
.ps-bar { display: flex; flex-direction: column; gap: 8px; margin: 0 0 10px; }
.ps-syms, .ps-tools { display: flex; flex-wrap: wrap; gap: 6px; }
.ps-sym, .ps-chip, .ps-show {
min-height: 44px; padding: 0 14px; border: 1px solid var(--fnv-border); background: var(--fnv-surface);
color: var(--fnv-ink-2); font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer;
}
.ps-sym.is-on, .ps-chip.is-on { border: 2px solid var(--fnv-ink); color: var(--fnv-ink); font-weight: 800; background: var(--fnv-surface-2); }
.ps-sym:focus-visible, .ps-chip:focus-visible, .ps-show:focus-visible, .ps-cta__a:focus-visible { outline: 2px solid var(--fnv-ink); outline-offset: 2px; }
.ps-chart { height: min(62vh, 520px); min-height: 340px; }
#psTools { margin: 10px 0 0; }
.ps-reads { list-style: none; margin: 10px 0 0; padding: 0; }
.ps-reads li { padding: 6px 0; border-top: 1px solid var(--fnv-border); font-size: .9375rem; line-height: 1.8; color: var(--fnv-ink-2); }
.ps-reads b { color: var(--fnv-ink); }
.ps-src { margin: 8px 0 0; font-size: .8125rem; line-height: 1.7; color: var(--fnv-ink-3); }
.ps-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--fnv-border); }
.ps-cta__t { flex: 1 1 280px; margin: 0; font-size: .9375rem; line-height: 1.8; font-weight: 600; }
.ps-cta__a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: var(--fnv-ink); color: var(--fnv-surface); font-weight: 800; text-decoration: none; }
.ps-cta__a:hover { background: var(--fnv-ink-2); color: var(--fnv-surface); }
.ps-cta__n { flex-basis: 100%; margin: 0; font-size: .8125rem; color: var(--fnv-ink-3); }
.ps-group { margin: 0 0 28px; }
.ps-glead { margin: 0 0 12px; font-size: .9375rem; line-height: 1.8; color: var(--fnv-ink-2); }
.ps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.ps-card { border: 1px solid var(--fnv-border); border-inline-start: 3px solid var(--fnv-ink); padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.ps-what { margin: 0; font-size: .9375rem; line-height: 1.8; }
.ps-dl { margin: 0; font-size: .875rem; line-height: 1.8; }
.ps-dl dt { font-weight: 800; color: var(--fnv-ink); margin-top: 4px; }
.ps-dl dd { margin: 0; color: var(--fnv-ink-2); }
.ps-show { align-self: flex-start; margin-top: auto; }
.ps-show:hover, .ps-sym:hover, .ps-chip:hover { border-color: var(--fnv-ink); color: var(--fnv-ink); }
.ps-origin, .ps-faq { margin: 0 0 24px; font-size: .9375rem; line-height: 1.9; color: var(--fnv-ink-2); }
.ps-origin p { margin: 0 0 8px; }
.ps-q { border-top: 1px solid var(--fnv-border); padding: 10px 0; }
.ps-q summary { cursor: pointer; font-weight: 800; color: var(--fnv-ink); min-height: 32px; }
.ps-q p { margin: 6px 0 0; }
.ps-next { display: flex; flex-wrap: wrap; gap: 8px 18px; border-top: 2px solid var(--fnv-ink); padding-top: 12px; }
.ps-next a { font-weight: 700; color: var(--fnv-ink); min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 575.98px) {
.ps-live { padding: 10px; }
.ps-chart { height: 380px; min-height: 0; }
}
