.post a{color:var(--primary);text-decoration:underline}
.post h2{margin:24px 0 10px}
.post h3{margin:18px 0 8px}
.post p{margin:10px 0}
.post ul,.post ol{padding-left:20px}
.post li{margin:8px 0}
.post img{border-radius:18px}
.post figure{margin:18px 0}
.post figure img{width:100%;max-width:760px;height:auto;display:block;margin:0 auto;border-radius:18px}
.post figcaption{text-align:center;color:var(--muted)}
.toc{margin:16px 0;border:1px dashed var(--border);border-radius:16px;padding:14px 16px;background:var(--surface-alt)}
.toc summary{cursor:pointer;font-weight:700;list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc a{display:block;padding:7px 0}
.toc--sticky{position:sticky;top:94px;z-index:5}
.tipgrid,.product-grid,.mini-compare{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}
.tip,.product-card,.callout,.diagram-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--surface)}
.callout{background:color-mix(in srgb,var(--surface-alt) 82%,white 18%)}
.product-card__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.product-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.product-card h3{margin:0}
.product-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin:12px 0}
.product-list div{border:1px solid var(--border);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--surface) 94%,white 6%)}
.product-list strong{display:block;margin-bottom:6px}
.checklist{padding-left:18px}
.checklist li{margin:6px 0}
.table-scroll{overflow-x:auto;margin:14px 0}
.table{width:100%;border-collapse:collapse;min-width:760px}
.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.diagram-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px;margin:18px 0}
.diagram-card svg{display:block;width:100%;height:auto}
.diagram-card figcaption{margin-top:10px;text-align:left}
.faq-wrap{display:grid;gap:10px}
.faq-item{border:1px solid var(--border);border-radius:16px;padding:0;background:var(--surface)}
.faq-item summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item > div{padding:0 16px 16px}
.affiliate-note{font-size:13px;color:var(--muted)}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.article-meta .pill{min-height:30px}
.section-jump{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
@media (min-width:781px){
  .tipgrid,.mini-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
  .toc--sticky{position:relative;top:auto}
  .table{min-width:640px}
}