/* Chapter 06: competition and the native rankings window, with names obscured. */
.pv-ranking-periods { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 34px; list-style:none; padding:16px 0; margin:0 0 32px; border-block:1px solid #9b753b44; }
.pv-ranking-periods li { color:#daba83; font:20px/1.4 Georgia,serif; }
.pv-ranking-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:36px; align-items:center; }
.pv-ranking-figure { min-width:0; margin:0; }
.pv-ranking-figure button { position:relative; display:block; width:100%; padding:0; border:0; background:transparent; }
.pv-ranking-figure img { display:block; width:100%; height:auto; filter:drop-shadow(0 10px 16px #0008); }
.pv-ranking-figure figcaption { color:#cbb48c; text-align:center; font-size:13px; line-height:1.6; margin-top:15px; }
.pv-ranking-copy section+section { border-top:1px solid #9b753b44; margin-top:26px; padding-top:24px; }
.pv-ranking-copy h4 { color:#e5d7bf; margin:0 0 14px; font:25px/1.3 Georgia,serif; }
.pv-ranking-copy p { color:#c6baa5; font-size:16px; line-height:1.85; }
@media(max-width:760px) { .pv-ranking-layout { grid-template-columns:minmax(0,1fr); gap:28px; }.pv-ranking-periods { gap:12px 24px; }.pv-ranking-periods li { font-size:18px; } }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .pv-ranking-figure img { transition:filter .25s; }.pv-ranking-figure button:hover img { filter:brightness(1.06) drop-shadow(0 10px 16px #0008); } }