/* DT_R5_F10 (2026-10-02): /compare - feature comparison of specialties (no prices). Landing chrome + brand-v3 look:
   porcelain paper, navy ink, blue #1354ff. Desktop = accessible table, phone (<= 760 px) = stacked cards. */
.cmp{--c-ink:#0f1d3a;--c-muted:#52658d;--c-line:#d9e1f4;--c-soft:#f3f6fd;--c-blue:#1354ff;--c-blue-soft:#eaf0ff}
.cmp .cmp-sec{padding-block:clamp(36px,5vw,64px)}
.cmp-vh{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cmp-wrap{overflow-x:auto;border:1px solid var(--dt-color-border);border-radius:16px;background:var(--dt-color-surface);box-shadow:0 8px 28px rgba(15,29,58,.06)}
.cmp-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.7;color:var(--dt-color-text)}
.cmp-table th,.cmp-table td{padding:12px 18px;text-align:right;vertical-align:middle;border-bottom:1px solid var(--dt-color-border)}
.cmp-table thead th{position:sticky;top:0;z-index:1;background:var(--dt-color-surface);font-size:1.02rem;font-weight:800;border-bottom:2px solid var(--dt-color-border)}
.cmp-table thead th a{color:var(--dt-color-text)}
.cmp-table thead th a:hover{color:var(--dt-color-action)}
.cmp-table thead .cmp-feat{width:34%;color:var(--dt-color-muted);font-weight:700}
.cmp-table tbody th[scope="row"]{font-weight:600;color:var(--dt-color-text)}
.cmp-table tbody tr:hover td,.cmp-table tbody tr:hover th[scope="row"]{background:var(--dt-color-surface-muted)}
.cmp-grp th{background:var(--dt-color-surface-muted);font-size:.9rem;font-weight:800;color:var(--dt-color-text);padding-block:10px;
  border-right:4px solid var(--dt-color-action)}
.cmp-chip{display:inline-block;margin-inline-start:8px;padding:1px 10px;border-radius:999px;font-size:.76rem;font-weight:700;
  line-height:1.8;color:var(--dt-color-muted);background:#eef1f8;border:1px solid var(--dt-color-border);white-space:nowrap;vertical-align:middle}
.cmp-chip.is-on{color:#0b5a2a;background:#e9f8ef;border-color:#b9e6c9}
.cmp-yes{display:inline-flex;align-items:center;gap:var(--dt-space-2);color:var(--dt-color-text);font-weight:700}
a.cmp-yes{color:var(--dt-color-action);text-decoration:underline;text-decoration-color:rgba(19,84,255,.35);text-underline-offset:4px}
a.cmp-yes:hover{text-decoration-color:var(--dt-color-action)}
.cmp-ico{width:18px;height:18px;flex:none;fill:none;stroke:var(--dt-color-action);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cmp-no{color:var(--dt-color-muted);font-weight:700}
.cmp-cards{display:none}
.cmp-h2{margin:clamp(40px,6vw,64px) 0 8px;padding-right:14px;border-right:4px solid var(--dt-color-action);
  font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800;line-height:1.5;color:var(--dt-color-text)}
.cmp-lead{margin:0 0 20px;max-width:70ch;color:var(--dt-color-muted);font-size:.98rem;line-height:2}
.cmp-soon{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.cmp-soon-i{border:1px solid var(--dt-color-border);border-radius:14px;background:var(--dt-color-surface);padding:14px 16px}
.cmp-soon-h{display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-2)}
.cmp-soon-h strong{font-size:1rem;font-weight:800;color:var(--dt-color-text)}
.cmp-soon-h .cmp-chip{margin:0}
.cmp-soon-en{margin:0 0 8px;font-size:.78rem;color:var(--dt-color-muted);text-align:right}
.cmp-soon-l{list-style:none;margin:0;padding:0;display:grid;gap:var(--dt-space-1);font-size:.88rem}
.cmp-soon-l a{display:inline-flex;align-items:center;min-height:32px;color:var(--dt-color-action);font-weight:600}
.cmp-soon-l a:hover{text-decoration:underline}
.cmp-soon-l .cmp-soon-n{color:var(--dt-color-muted)}
.cmp-note{margin:24px 0 0;font-size:.86rem;color:var(--dt-color-muted)}
.cmp-note a{color:var(--dt-color-action);font-weight:700}
@media (max-width:760px){
  .cmp-wrap{display:none}
  .cmp-cards{display:grid;gap:var(--dt-space-4)}
  .cmp-card{border:1px solid var(--dt-color-border);border-radius:16px;background:var(--dt-color-surface);padding:16px;box-shadow:0 6px 20px rgba(15,29,58,.05)}
  .cmp-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--dt-color-border)}
  .cmp-card-h h2{margin:0;padding-right:10px;border-right:4px solid var(--dt-color-action);font-size:1.2rem;font-weight:800;color:var(--dt-color-text)}
  .cmp-card-h .cmp-chip{margin:0}
  .cmp-card-g{margin:14px 0 4px;font-size:.84rem;font-weight:800;color:var(--dt-color-muted)}
  .cmp-card-l{list-style:none;margin:0;padding:0}
  .cmp-card-l li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 0;border-bottom:1px dashed #e6ebf5;font-size:.92rem}
  .cmp-card-l li:last-child{border-bottom:0}
  .cmp-card-t{color:var(--dt-color-text);font-weight:600}
  .cmp-card-l li.is-no .cmp-card-t{color:var(--dt-color-muted)}
  .cmp-card-l .cmp-yes{font-size:.86rem;white-space:nowrap}
  .cmp-card-go{display:flex;width:100%;margin-top:14px;min-height:46px}
  .cmp-soon{grid-template-columns:1fr 1fr;gap:10px}
  .cmp-soon-i{padding:12px}
}
@media (max-width:400px){.cmp-soon{grid-template-columns:1fr}}
@media print{.cmp-wrap{display:block;box-shadow:none}.cmp-cards{display:none}}

/* DT600_SEMANTIC_ROLES_V1: consumed aliases preserve this surface and its existing theme providers. */
.cmp{
  --dt-color-text:var(--c-ink);
  --dt-color-muted:var(--c-muted);
  --dt-color-surface:#fff;
  --dt-color-action:var(--c-blue);
  --dt-color-border:var(--c-line);
  --dt-color-surface-muted:var(--c-soft);
  --dt-space-1:4px;
  --dt-space-2:8px;
  --dt-space-3:12px;
  --dt-space-4:16px;
  --dt-space-6:24px;
  --dt-space-8:32px;
}