/* Local only: reuse the petition/dashboard variables and native bar pattern. */
#platform-comparison { margin:56px 0; min-width:0; }
#platform-comparison * { box-sizing:border-box; }
#platform-comparison [hidden] { display:none!important; }
#platform-comparison :is(h2,h3,h4,p,li,span,a,legend) { overflow-wrap:anywhere; }
#platform-comparison h2 { font-size:clamp(1.8rem,4vw,2.5rem); }
#platform-comparison h3 { font-size:1.4rem; line-height:1.4; margin-top:0; }
#platform-comparison h4 { font-size:1.15rem; }
#platform-comparison .pc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
#platform-comparison :is(.pc-card,.pc-rating-card,.pc-panel) { min-width:0; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); }
#platform-comparison .pc-panel { margin-top:28px; }
#platform-comparison figure { margin:0 0 20px; }
#platform-comparison img { display:block; width:100%; height:230px; object-fit:contain; background:#f4f5f7; border-radius:8px; }
#platform-comparison :is(.pc-note,.pc-sources) { font-size:.9rem; color:var(--muted); line-height:1.6; }

#platform-comparison li { margin-bottom:8px; }
#platform-comparison .pc-baseline { padding:20px; border-left:4px solid var(--accent); font-weight:700; }
#platform-comparison .pc-rating-list { list-style:none; padding:0; margin:0; }
#platform-comparison .pc-rating-list li { padding:16px 0; border-top:1px solid var(--line); }
#platform-comparison .pc-rating-list h5 { font:inherit; font-weight:700; margin:0 0 12px; }
#platform-comparison .pc-rating-value { font-size:1.25rem; font-variant-numeric:tabular-nums; color:var(--ink); }
#platform-comparison [id^="pc-ratings-"] { scroll-margin-top:24px; }
#platform-comparison fieldset { min-inline-size:0; border:0; padding:0; margin:28px 0; }
#platform-comparison legend { font-size:1.2rem; font-weight:700; padding:0; }
#platform-comparison .pc-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#platform-comparison .pc-choice { display:flex; align-items:center; gap:12px; padding:14px; min-height:48px; border:2px solid var(--line); border-radius:8px; cursor:pointer; }
#platform-comparison .pc-choice:has(input:checked) { border-color:var(--accent); font-weight:700; }
#platform-comparison input { flex:0 0 auto; width:20px; height:20px; margin:0; accent-color:var(--accent); }
#platform-comparison :is(button,a,input,summary):focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
#platform-comparison summary { min-height:44px; padding:12px 0; cursor:pointer; }
#platform-comparison button { min-height:44px; padding:12px 18px; border:1px solid var(--line); border-radius:8px; font:inherit; background:var(--paper); color:var(--ink); cursor:pointer; }
#platform-comparison button:disabled { cursor:not-allowed; opacity:.65; }
#platform-comparison .pc-actions { display:flex; flex-wrap:wrap; gap:12px; }
#platform-comparison .pc-bars { list-style:none; padding:0; margin:0; }
#platform-comparison .pc-bars li { margin:16px 0; }
#platform-comparison .pc-bar-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; }
#platform-comparison .pc-bar-label strong { font-variant-numeric:tabular-nums; }
#platform-comparison .pc-track { height:12px; background:var(--line); border-radius:6px; margin-top:8px; overflow:hidden; }
#platform-comparison .pc-track span { display:block; height:100%; background:var(--accent); }
@media(max-width:700px) {
 #platform-comparison :is(.pc-grid,.pc-choices) { grid-template-columns:1fr; }
 #platform-comparison :is(.pc-card,.pc-rating-card,.pc-panel) { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
 #platform-comparison * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}