/* Card guides (/guides/pikachu-card-value/, /guides/mew-full-art-cards/) — Practical Collector Desk. Flat color only. */

.pcv-page{background:#fff}
.pcv img{display:block;max-width:100%;height:auto}
.pcv h2{font-size:clamp(1.6rem,2.8vw,2.15rem);line-height:1.12;text-wrap:balance}
.pcv section[id]{scroll-margin-top:112px}
.pcv h3{line-height:1.25}
.pcv-prose a,.pcv-steps a,.pcv-famous a:not(.pcv-famous__art),.pcv-note a{text-decoration-line:underline;text-underline-offset:2px}

/* Hero */
.pcv-hero{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid var(--hairline)}
.pcv-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-top:44px;padding-bottom:56px}
.pcv-hero .breadcrumbs{margin-bottom:22px}
.pcv-eyebrow{margin:0 0 12px;color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pcv-eyebrow::before{content:"";display:inline-block;width:10px;height:10px;margin-right:9px;background:var(--brand-yellow);box-shadow:0 0 0 1px var(--brand-black);vertical-align:1px}
.pcv-hero h1{max-width:18ch;font-size:clamp(2.1rem,4.2vw,3.1rem);line-height:1.06;letter-spacing:-.03em;margin-bottom:18px;text-wrap:balance}
.pcv-dek{max-width:54ch;color:var(--ink-soft);font-size:1.12rem;line-height:1.55;margin-bottom:22px}
.pcv-dek strong{color:var(--ink);font-variant-numeric:tabular-nums}
.pcv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.pcv-actions .btn{min-height:48px}
.pcv-byline{color:var(--muted);font-size:.86rem}
.pcv-byline span{white-space:nowrap}
.pcv-byline span+span::before{content:"· "}

.pcv-ladder{position:relative;margin:0;display:grid;gap:14px;justify-items:center}
.pcv-ladder__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;width:100%;max-width:500px;padding-top:12px;border-bottom:2px solid var(--brand-black)}
.pcv-ladder__card{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink)}
.pcv-ladder__card:hover{text-decoration:none}
.pcv-ladder__card img{width:100%;aspect-ratio:245/342;object-fit:cover;border-radius:4.7%/3.4%;box-shadow:0 14px 30px rgba(0,0,0,.2);transition:transform .18s}
.pcv-ladder__card:hover img{transform:translateY(-4px)}
.pcv-ladder__card::after{content:"";align-self:stretch;height:var(--step);margin-top:2px;background:var(--brand-yellow);border-radius:8px 8px 0 0}
.pcv-ladder__card--1{--step:16px}
.pcv-ladder__card--2{--step:64px}
.pcv-ladder__card--3{--step:112px}
.pcv-tag{display:grid;gap:1px;justify-items:center;padding:6px 10px;background:var(--brand-black);color:#d1d1d6;border-radius:10px;font-size:.72rem;line-height:1.25;text-align:center}
.pcv-tag strong{color:var(--brand-yellow);font-size:1.02rem;font-variant-numeric:tabular-nums}
.pcv-ladder figcaption{color:var(--muted);font-size:.82rem;text-align:center}

/* Stat band */
.pcv-stats{background:var(--brand-black);color:#fff}
.pcv-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pcv-stats__grid>div{display:grid;gap:6px;align-content:start;padding:24px 22px;border-left:1px solid rgba(255,255,255,.14)}
.pcv-stats__grid>div:first-child{border-left:0;padding-left:0}
.pcv-stats span{color:#a1a1a6;font-size:.8rem;line-height:1.35}
.pcv-stats strong{color:#fff;font-size:clamp(1.35rem,2.4vw,1.85rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}
.pcv-stats strong small{color:#a1a1a6;font-size:.55em;font-weight:600;letter-spacing:0}
.pcv-stats strong.pcv-stats__signal{color:var(--brand-yellow)}

/* Jump nav */
.pcv-jump{position:sticky;top:60px;z-index:30;background:#fff;border-bottom:1px solid var(--hairline)}
.pcv-jump .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pcv-jump .wrap::-webkit-scrollbar{display:none}
.pcv-jump a{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:0 12px;color:var(--ink-soft);font-size:.9rem;font-weight:600;white-space:nowrap}
.pcv-jump a:first-child{padding-left:0}
.pcv-jump a:hover{color:var(--ink);text-decoration:none}

/* Sections */
.pcv-section{padding:72px 0}
.pcv-section--soft{background:var(--bg-soft)}
.pcv-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.pcv-prose p{color:var(--ink-soft);font-size:1.03rem;line-height:1.65}
.pcv-prose p+p{margin-top:16px}
.pcv-prose .pcv-lead{color:var(--ink);font-size:1.18rem;line-height:1.55}
.pcv-heading{max-width:720px;margin-bottom:32px}
.pcv-heading p{margin-top:12px;color:var(--ink-soft);font-size:1.03rem}
.pcv-note{max-width:760px;margin-top:24px;color:var(--muted);font-size:.86rem;line-height:1.55}

/* Tiers */
.pcv-tiers{list-style:none;display:grid;gap:16px}
.pcv-tier{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:28px;align-items:center;padding:24px;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius)}
.pcv-tier__head h3{font-size:1.45rem;letter-spacing:-.02em}
.pcv-tier__head>p:last-child{margin-top:12px;color:var(--ink-soft);font-size:.95rem;line-height:1.5}
.pcv-tier__count{margin-top:4px;color:var(--muted);font-size:.9rem}
.pcv-tier__count strong{color:var(--ink);font-variant-numeric:tabular-nums}
.pcv-bar{display:block;height:10px;margin-top:10px;background:#e8e8ed;border-radius:999px;overflow:hidden}
.pcv-bar>span{display:block;height:100%;min-width:4px;background:var(--brand-yellow);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);border-radius:999px}
.pcv-tier--empty{grid-template-columns:1fr;padding-block:18px}
.pcv-tier--empty .pcv-tier__head{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:6px 18px}
.pcv-tier--empty .pcv-bar{display:none}
.pcv-tier--empty .pcv-tier__head>p:last-child{margin-top:0}
.pcv-tier__cards{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pcv-tier__cards a{display:grid;gap:3px;color:var(--ink);font-size:.8rem;line-height:1.3}
.pcv-tier__cards a:hover{text-decoration:none}
.pcv-tier__cards a:hover .pcv-mini__name{text-decoration:underline}
.pcv-tier__cards img{width:100%;max-width:132px;aspect-ratio:245/342;object-fit:cover;margin-bottom:6px;border-radius:4.7%/3.4%;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.pcv-mini__name{font-weight:650}
.pcv-mini__set{color:var(--muted)}
.pcv-tier__cards strong{font-size:.95rem;font-variant-numeric:tabular-nums}

/* Pairs */
.pcv-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pcv-pair{display:grid;align-content:start;gap:12px;padding:22px;border:1px solid var(--hairline);border-radius:var(--radius)}
.pcv-pair__kind{margin-bottom:-8px;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pcv-pair h3{min-height:2.5em;font-size:1.02rem}
.pcv-pair__cards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.pcv-pair__cards a{display:grid;gap:4px;justify-items:center;color:var(--ink);font-size:.8rem;text-align:center}
.pcv-pair__cards a:hover{text-decoration:none}
.pcv-pair__cards img{width:100%;max-width:140px;aspect-ratio:245/342;object-fit:cover;border-radius:4.7%/3.4%;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.pcv-pair__cards span{color:var(--muted)}
.pcv-pair__cards strong{font-size:1.02rem;font-variant-numeric:tabular-nums}
.pcv-pair__x{color:var(--muted);font-size:1.3rem}
.pcv-pair__cards--single{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
.pcv-pair__cards--single dl{grid-column:3}
.pcv-pair__cards--single dl{display:grid;gap:12px}
.pcv-pair__cards--single dt{color:var(--muted);font-size:.8rem}
.pcv-pair__cards--single dd{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}
.pcv-pair__cards--single div:last-child dd{display:inline-block;padding:0 6px;background:var(--brand-yellow);border-radius:4px}
.pcv-pair__multiple{padding-top:12px;border-top:1px solid var(--hairline);font-size:.95rem}
.pcv-pair__multiple strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
.pcv-pair>p:last-child{color:var(--ink-soft);font-size:.92rem;line-height:1.5}

/* Steps */
.pcv-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pcv-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius)}
.pcv-steps li>span{display:grid;place-items:center;width:36px;height:36px;background:var(--brand-yellow);border-radius:50%;font-weight:750;box-shadow:0 0 0 1px var(--brand-black)}
.pcv-steps h3{font-size:1.08rem;margin-bottom:6px}
.pcv-steps p{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin-bottom:10px}
.pcv-steps a{display:inline-flex;align-items:center;min-height:32px;font-size:.92rem;font-weight:650;color:var(--ink)}
.pcv-scan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:20px 22px;background:var(--brand-yellow-soft);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius)}
.pcv-scan p{max-width:60ch;color:var(--ink)}
.pcv-scan .btn{min-height:48px;background:#fff}

/* Famous */
.pcv-famous{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pcv-famous__card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start;padding:18px;border:1px solid var(--hairline);border-radius:var(--radius)}
.pcv-famous__art img{width:112px;aspect-ratio:245/342;object-fit:cover;border-radius:4.7%/3.4%;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.pcv-famous h3{font-size:1.08rem}
.pcv-famous h3 a{color:var(--ink);text-decoration-line:none}
.pcv-famous h3 span{color:var(--ink-soft);font-weight:500}
.pcv-famous h3 a:hover{text-decoration-line:underline}
.pcv-famous__meta{margin-top:2px;color:var(--muted);font-size:.84rem}
.pcv-famous__price{margin:8px 0}
.pcv-famous__price strong{font-size:1.3rem;font-variant-numeric:tabular-nums}
.pcv-famous__price span{color:var(--muted);font-size:.82rem}
.pcv-famous__card p:last-of-type{color:var(--ink-soft);font-size:.93rem;line-height:1.5}
.pcv-famous__card--record{grid-template-columns:minmax(0,1fr);background:var(--brand-black);border-color:var(--brand-black)}
.pcv-famous__card--record h3,.pcv-famous__card--record .pcv-famous__price strong{color:var(--brand-yellow)}
.pcv-famous__card--record .pcv-famous__meta,.pcv-famous__card--record .pcv-famous__price span{color:#a1a1a6}
.pcv-famous__card--record p:last-of-type{color:#d1d1d6}
.pcv-famous__card--record a{display:inline-flex;align-items:center;min-height:40px;margin-top:6px;color:#fff;font-weight:650}

/* Top six */
.pcv-top{list-style:none;display:grid;gap:0;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden}
.pcv-top li{display:grid;grid-template-columns:32px 56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid var(--hairline)}
.pcv-top li:first-child{border-top:0}
.pcv-top__rank{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}
.pcv-top__art img{width:56px;aspect-ratio:245/342;object-fit:cover;border-radius:4.7%/3.4%}
.pcv-top h3{font-size:1rem}
.pcv-top h3 a{color:var(--ink)}
.pcv-top li p{color:var(--muted);font-size:.86rem}
.pcv-top__price{display:grid;justify-items:end;text-align:right}
.pcv-top__price strong{color:var(--ink);font-size:1.1rem;font-variant-numeric:tabular-nums}
.pcv-top__price span{font-size:.78rem}
.pcv-more{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pcv-more .btn{min-height:48px;background:#fff}

/* Drivers */
.pcv-drivers{display:grid;border-top:1px solid var(--line)}
.pcv-drivers>div{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.pcv-drivers dt{font-weight:700}
.pcv-drivers dd{color:var(--ink-soft);font-size:.97rem;line-height:1.55}

/* FAQ */
.pcv-faq>*{max-width:820px}
.pcv-faq h2{margin-bottom:20px}
.pcv-faq details{border-top:1px solid var(--line)}
.pcv-faq details:last-of-type{border-bottom:1px solid var(--line)}
.pcv-faq summary{display:flex;align-items:center;min-height:56px;padding:12px 0;font-size:1.05rem;font-weight:650;cursor:pointer}
.pcv-faq summary:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:2px}
.pcv-faq details p{padding:0 0 18px;color:var(--ink-soft);line-height:1.6}

.pcv-related h2{margin-bottom:20px}

@media(max-width:960px){
  .pcv-hero__grid{grid-template-columns:1fr;gap:28px}
  .pcv-ladder__cards{max-width:440px}
  .pcv-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcv-stats__grid>div:nth-child(3){border-left:0;padding-left:0}
  .pcv-stats__grid>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
  .pcv-split{grid-template-columns:1fr;gap:16px}
  .pcv-tier{grid-template-columns:1fr;gap:20px}
  .pcv-pairs{gap:12px}
  .pcv-pair{padding:16px}
  .pcv-famous{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pcv-hero__grid{padding-top:28px;padding-bottom:40px}
  .pcv-dek{font-size:1.04rem}
  .pcv-byline span{display:block}
  .pcv-byline span+span::before{content:none}
  .pcv-actions .btn{flex:1 1 100%}
  .pcv-ladder__cards{gap:10px}
  .pcv-ladder__card--2{--step:44px}
  .pcv-ladder__card--3{--step:76px}
  .pcv-tag{padding:5px 6px;font-size:.66rem}
  .pcv-tag strong{font-size:.92rem}
  .pcv-stats__grid>div{padding:18px 14px}
  .pcv-stats__grid>div:nth-child(odd){padding-left:0}
  .pcv-section{padding:52px 0}
  .pcv-tier{padding:18px}
  .pcv-tier--empty .pcv-tier__head{grid-template-columns:1fr}
  .pcv-tier__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
  .pcv-tier__cards img{max-width:240px}
  .pcv-pairs{grid-template-columns:1fr}
  .pcv-pair h3{min-height:0}
  .pcv-steps{grid-template-columns:1fr}
  .pcv-famous__card{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:16px}
  .pcv-famous__art img{width:88px}
  .pcv-top li{grid-template-columns:22px 44px minmax(0,1fr);gap:12px;padding:14px 16px}
  .pcv-top__art img{width:44px}
  .pcv-top__price{grid-column:3;justify-items:start;text-align:left;display:flex;gap:8px;align-items:baseline}
  .pcv-drivers>div{grid-template-columns:1fr;gap:4px}
  .pcv-more .btn{flex:1 1 100%}
}

/* Full-art list guides: ranked grid, type tags, grouped lists */
.pcv-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pcv-grid li{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.pcv-grid .pcv-tagpill{white-space:normal}
.pcv-grid a{display:grid;align-content:start;gap:4px;height:100%;padding:14px;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink);font-size:.86rem;line-height:1.35}
.pcv-grid a:hover{border-color:rgba(0,0,0,.24);text-decoration:none}
.pcv-grid a:hover .pcv-grid__name{text-decoration:underline}
.pcv-grid img{width:100%;max-width:220px;aspect-ratio:245/342;object-fit:cover;margin:0 auto 10px;border-radius:4.7%/3.4%;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.pcv-grid__rank{position:absolute;top:8px;left:8px;z-index:1;display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;background:var(--brand-black);color:var(--brand-yellow);border-radius:999px;font-size:.78rem;font-weight:750;font-variant-numeric:tabular-nums}
.pcv-grid__name{font-size:.98rem;font-weight:700}
.pcv-grid__meta{color:var(--muted)}
.pcv-grid__price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;margin-top:6px;padding-top:8px;border-top:1px solid var(--hairline)}
.pcv-grid__price strong{font-size:1.12rem;font-variant-numeric:tabular-nums}
.pcv-tagpill{display:inline-block;padding:2px 8px;background:var(--bg-soft);border-radius:999px;color:var(--ink-soft);font-size:.72rem;font-weight:650;white-space:nowrap}
.pcv-tagpill--alt{background:var(--brand-yellow);color:var(--brand-black)}
.pcv-groups{columns:2;column-gap:16px}
.pcv-group{break-inside:avoid;margin-bottom:16px;padding:22px;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius)}
.pcv-group h3{font-size:1.08rem}
.pcv-group h3 small{margin-left:6px;color:var(--muted);font-size:.85rem;font-weight:600}
.pcv-group ul{list-style:none;margin-top:10px}
.pcv-group li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hairline);font-size:.94rem}
.pcv-group li:first-child{border-top:0}
.pcv-group li a{color:var(--ink);text-decoration-line:underline;text-underline-offset:2px}
.pcv-group li strong{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:960px){
  .pcv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .pcv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pcv-grid a{padding:10px}
  .pcv-groups{columns:1}
}
