.cmp{padding:clamp(120px, calc(16vh / var(--zoom,1)), 170px) 0 clamp(40px, calc(6vh / var(--zoom,1)), 80px)}.cmp-head{flex-direction:column;gap:20px;display:flex}.cmp-crumbs{color:var(--color-muted);flex-wrap:wrap;gap:8px;font-size:14px;font-weight:600;display:flex}.cmp-crumbs a{color:var(--ink-soft);text-decoration:none}.cmp-crumbs a:hover{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.cmp-title{font-size:clamp(36px, calc(5.4vw / var(--zoom,1)), 68px);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:1.03}.cmp-meta{flex-wrap:wrap;gap:8px;margin:0;font-size:13.5px;font-weight:600;display:flex}.cmp-meta span{border:1.3px solid var(--color-line);background:var(--color-surface);min-height:34px;color:var(--ink-soft);border-radius:99px;align-items:center;padding:2px 14px;display:inline-flex}.cmp-meta span:first-child{background:var(--color-success);color:var(--color-surface);border-color:#0000}.cmp-body{gap:clamp(40px, calc(6vh / var(--zoom,1)), 72px);margin-top:clamp(36px, calc(6vh / var(--zoom,1)), 64px);flex-direction:column;display:flex}.cmp-body h2{font-size:clamp(26px, calc(3vw / var(--zoom,1)), 38px);letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px;font-weight:800;line-height:1.1}.cmp-body p,.cmp-body li{color:var(--ink-soft);font-size:17.5px;line-height:1.65}.cmp-body p{max-width:42em;margin:0}.cmp-body p+p{margin-top:14px}.cmp-body a:not(.store,.more,.cmp-card){color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration-thickness:2px}.cmp-panel{padding:clamp(22px, calc(3vw / var(--zoom,1)), 36px);border:1.3px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface)}.cmp-panel h2{font-size:clamp(22px, calc(2.4vw / var(--zoom,1)), 28px)}.cmp-answer{background:var(--color-ink);border-color:#0000}.cmp-answer h2{color:var(--color-background)}.cmp-answer p{color:color-mix(in srgb, var(--color-background), transparent 18%);font-size:clamp(18px, calc(1.7vw / var(--zoom,1)), 21px);line-height:1.55}.cmp-duo{gap:clamp(12px, calc(1.4vw / var(--zoom,1)), 20px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmp-table{border:1.3px solid var(--color-line);border-radius:var(--radius-panel);border-spacing:0;background:var(--color-surface);width:100%;overflow:hidden}.cmp-table caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cmp-table th,.cmp-table td{border-top:1.3px solid var(--color-line);color:var(--ink-soft);text-align:start;vertical-align:top;padding:14px 18px;font-size:15.5px;line-height:1.45}.cmp-table thead th{background:var(--color-background);color:var(--color-ink);letter-spacing:.1em;text-transform:uppercase;border-top:0;font-size:12.5px;font-weight:800}.cmp-table tbody th{width:26%;color:var(--color-ink);font-weight:700}.cmp-table td:nth-child(2){background:color-mix(in srgb, var(--accent), transparent 95%);color:var(--color-ink);font-weight:600}.cmp-table thead th:nth-child(2){color:var(--accent-deep)}.cmp-table a{font-weight:700!important}.cmp-choose{gap:clamp(12px, calc(1.4vw / var(--zoom,1)), 20px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmp-choose ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cmp-choose li{padding-inline-start:30px;font-size:16.5px;line-height:1.5;position:relative}.cmp-choose li:before{content:"";background:var(--color-muted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='m6.5 12.5 3.6 3.6 7.4-8'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:0}.cmp-choose .cmp-ours{border-color:color-mix(in srgb, var(--accent), transparent 60%);background:var(--accent-soft)}.cmp-choose .cmp-ours li:before{background-color:var(--accent)}.cmp-choose .cmp-ours li{color:var(--color-ink)}.cmp-both{grid-column:1/-1}.cmp-cta{padding:clamp(26px, calc(4vw / var(--zoom,1)), 48px);border-radius:clamp(28px, calc(3vw / var(--zoom,1)), 40px);background:linear-gradient(135deg, color-mix(in srgb, var(--color-severity-medical), white 17%), var(--color-severity-medical) 50%, color-mix(in srgb, var(--color-severity-medical), var(--color-error) 15%));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;display:flex}.cmp-cta h2{color:var(--color-surface);margin:0 0 8px}.cmp-cta p{color:#fffffff0}.cmp-cta a:not(.store){color:var(--color-surface)!important;text-decoration-color:currentColor!important}.cmp-cards{gap:clamp(12px, calc(1.4vw / var(--zoom,1)), 20px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.cmp-card{box-sizing:border-box;border:1.3px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);height:100%;color:var(--color-ink);transition:transform .5s var(--ease-spring), border-color .3s, box-shadow .5s var(--ease-out);flex-direction:column;gap:4px;padding:22px 24px 24px;text-decoration:none;display:flex}.cmp-card:hover{border-color:color-mix(in srgb, var(--color-line), var(--color-ink) 22%);transform:translateY(-4px);box-shadow:0 30px 50px -36px #783e1499}.cmp-card small{color:var(--accent-deep);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.cmp-card b{letter-spacing:-.025em;font-size:23px;font-weight:800;line-height:1.15}.cmp-card span{color:var(--ink-soft);margin-top:6px;font-size:15px;line-height:1.5}.cmp-sources ol{flex-direction:column;gap:6px;margin:18px 0 0;padding-inline-start:22px;display:flex}.cmp-sources li{overflow-wrap:anywhere;font-size:15px}.cmp-note{background:var(--color-notice);border-radius:22px;padding:18px 22px;color:var(--color-ink)!important;font-size:15.5px!important}@media (width<=720px){.cmp-duo,.cmp-choose{grid-template-columns:1fr}.cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table th,.cmp-table td{display:block}.cmp-table thead{display:none}.cmp-table tr{border-top:1.3px solid var(--color-line);grid-template-columns:1fr 1fr;display:grid}.cmp-table tr:first-child{border-top:0}.cmp-table tbody th{border-top:0;grid-column:1/-1;width:auto;padding-bottom:4px}.cmp-table td{border-top:0;padding-top:6px;font-size:14.5px}.cmp-table td:before{content:attr(data-label);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.cmp-table td:nth-child(2){border-radius:0 14px 14px 0}}
