.cmp-white{padding-top:24px;padding-bottom:56px}
.cmp-white .breadcrumb{line-height:1.7;margin-bottom:28px}
.cmp-intro{max-width:880px;margin-bottom:36px}
.cmp-white h1{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-1.4px;max-width:850px}
.cmp-lead{font-size:clamp(17px,2vw,20px);line-height:1.65;max-width:780px}
.cmp-white h2{font-size:clamp(23px,2.6vw,30px);line-height:1.25;letter-spacing:-.5px;margin-bottom:20px}
.cmp-white h3{font-size:20px;line-height:1.35;margin:28px 0 12px}
.cmp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:960px}
.cmp-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.cmp-swatch{height:240px;padding:22px;display:flex;align-items:flex-end;color:#202124}
.cmp-swatch-9003{background:#ebecea}
.cmp-swatch-9010{background:#efeee5}
.cmp-swatch strong{font-size:clamp(20px,3vw,32px);line-height:1.15;letter-spacing:-.7px}
.cmp-card-body{padding:20px}
.cmp-white .cmp-card h3{font-size:20px;margin:0 0 10px}
.cmp-card p{font-size:15px;color:var(--muted);margin:0 0 16px}
.cmp-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.cmp-card-actions a,.cmp-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff;color:var(--ink)}
.cmp-card-actions button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}
.cmp-note{font-size:14px;color:var(--muted);max-width:850px;margin:16px 0 26px}
.cmp-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}
.cmp-index a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:14px}
.cmp-reading{max-width:800px}
.cmp-reading section{padding:28px 0;border-top:1px solid var(--line)}
.cmp-reading p,.cmp-reading li{line-height:1.75}
.cmp-reading a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.cmp-table{overflow-x:auto;margin:24px 0}
.cmp-table table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}
.cmp-table caption{text-align:left;font-weight:600;margin-bottom:12px}
.cmp-table th,.cmp-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.cmp-table thead th{background:#eeede8}
.cmp-table tbody th{font-weight:500}
.cmp-steps{padding-left:24px}
.cmp-steps li{padding-left:4px;margin-bottom:12px}
.cmp-sources{font-size:14px}
.cmp-sources ul{padding-left:20px}
.cmp-sources li{margin-bottom:12px}
@media(max-width:600px){.cmp-white{padding-top:18px}.cmp-pair{gap:10px}.cmp-swatch{height:168px;padding:14px}.cmp-card-body{padding:14px}.cmp-white .cmp-card h3{font-size:18px}.cmp-card-actions{display:grid}.cmp-card-actions a,.cmp-card-actions button{padding:8px;font-size:13px}.cmp-table table{font-size:13px}.cmp-table th,.cmp-table td{padding:10px 6px}.cmp-white h1{letter-spacing:-.8px}}