/* /compare/ — comparison-table styling. Inherits /learn/ Warm Precision tokens
   (colors, type, .wrap, .article-hero, .byline, .section) from learn.css. */
.cmp-col { max-width: 860px; margin: 0 auto; }
.cmp-intro { font-size: 1.05rem; line-height: 1.7; margin-bottom: 32px; }
.cmp-intro p { margin: 0 0 14px; }
.cmp-intro p:last-child { margin-bottom: 0; }

.cmp-table { display: block; border: 1px solid var(--line, #e7e0d6); border-radius: 14px; overflow: hidden; }
.cmp-thead, .cmp-row { display: grid; grid-template-columns: 152px 1fr 1fr; }
.cmp-row { border-top: 1px solid var(--line, #e7e0d6); }
.cmp-rowlabel { padding: 16px 14px; font-weight: 600; font-size: .82rem; letter-spacing: .01em; background: var(--sand, #faf6f0); color: var(--ink-soft, #6b6156); }
.cmp-cell { padding: 16px 16px; border-left: 1px solid var(--line, #e7e0d6); }
.cmp-head { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 600; line-height: 1.15; display: flex; flex-direction: column; }
.cmp-sub { font-family: 'DM Sans', sans-serif; font-size: .78rem; font-weight: 400; color: var(--ink-soft, #6b6156); margin-top: 3px; }
.cmp-list { margin: 0; padding-left: 18px; }
.cmp-list li { margin: 3px 0; line-height: 1.5; }
.cmp-cell p { margin: 0; line-height: 1.55; }
.cmp-none { color: var(--ink-soft, #9a9086); }
.cmp-se-h { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-soft, #6b6156); margin: 10px 0 2px; }
.cmp-se-h:first-child { margin-top: 0; }
.cmp-boxed { border: 1px solid #d98b6a; background: #fbeee7; border-radius: 8px; padding: 8px 10px; font-size: .86rem; line-height: 1.45; color: #7a3d24; }
.cmp-verdict { margin: 44px 0 8px; font-size: 1.05rem; line-height: 1.7; }
.cmp-verdict h2, .cmp-faq h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.9rem; margin: 0 0 .5em; }
.cmp-verdict p { margin: 0 0 14px; }
.cmp-faq { margin-top: 44px; }

@media (max-width: 640px) {
  .cmp-thead { grid-template-columns: 1fr 1fr; }
  .cmp-thead .cmp-rowlabel { display: none; }
  .cmp-row { grid-template-columns: 1fr; }
  .cmp-rowlabel { border-bottom: 1px solid var(--line, #e7e0d6); }
  .cmp-cell { border-left: 0; border-top: 1px solid var(--line, #e7e0d6); }
  .cmp-cell:first-of-type { border-top: 0; }
  .cmp-row .cmp-cell::before { content: attr(data-drug); display: block; font-weight: 600; font-size: .8rem; color: var(--ink-soft, #6b6156); margin-bottom: 6px; }
}