.pcs-comparison { --pcs-accent: #17544c; margin-block: 2rem; font-family: inherit; color: inherit; }
.pcs-comparison h2 { font-size: 1.45rem; margin-block-end: 1rem; }
.pcs-table-scroll { overflow-x: auto; margin-block: 1rem; border: 1px solid #dbe2e0; border-radius: .75rem; }
.pcs-table-scroll:focus-visible { outline: 3px solid var(--pcs-accent); outline-offset: 3px; }
.pcs-comparison .pcs-table { border: 0; border-collapse: collapse; margin: 0; min-width: 650px; width: 100%; font-size: .95rem; text-align: left; }
.pcs-table caption { padding: .85rem 1rem; text-align: left; font-weight: 600; }
.pcs-table th, .pcs-table td { border: 0; border-top: 1px solid #dbe2e0; padding: 1rem; vertical-align: middle; }
.pcs-table thead th { background: #f3f6f5; color: #263c36; font-size: .8rem; font-weight: 600; }
.pcs-table tbody th { font-weight: 600; }
.pcs-table .pcs-best { background: #edf7f1; color: #153f30; }
.pcs-badge { display: block; width: fit-content; font-size: .7rem; font-weight: 500; border-radius: 1rem; background: #d7eddf; color: #15452c; padding: .2rem .55rem; margin-top: .35rem; }
.pcs-comparison .pcs-shop-link { display: inline-block; border-radius: .4rem; padding: .65rem .85rem; background: var(--pcs-accent); color: #fff; text-decoration: none; white-space: nowrap; font-size: .85rem; font-weight: 600; }
.pcs-comparison .pcs-shop-link:hover { background: #0e3a34; color: #fff; }
.pcs-comparison .pcs-shop-link:focus-visible { outline: 3px solid #c58a29; outline-offset: 3px; }
.pcs-comparison .pcs-note { font-size: .8rem; opacity: .85; line-height: 1.6; }
.pcs-draft { border-left: 4px solid #a87914; background: #fff8e5; color: #614610; padding: .75rem 1rem; font-size: .9rem; }
@media (prefers-color-scheme: dark) {
  .pcs-table-scroll { background: #fff; color: #1e332c; }
}