.cmp-hub{max-width:1000px;margin:0 auto;padding:56px 32px 80px}.cmp-hub-head h1{letter-spacing:-.03em;color:var(--ink);margin:0 0 12px;font-family:Sora,sans-serif;font-size:38px;font-weight:800;line-height:1.08}.cmp-hub-head p{color:var(--slate-500);max-width:640px;margin:0 0 40px;font-size:18px;line-height:1.6}.cmp-hub-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:36px 0 0;display:grid}.cmp{color:#334155;max-width:740px;margin:0 auto;padding:40px 32px 80px;font-size:17px;line-height:1.7}.cmp h1{letter-spacing:-.03em;color:var(--ink);margin:8px 0 16px;font-family:Sora,sans-serif;font-size:38px;font-weight:800;line-height:1.1}.cmp h2{color:var(--ink);margin:40px 0 14px;font-family:Sora,sans-serif;font-size:25px;font-weight:800;line-height:1.2}.cmp h3{color:var(--ink);margin:26px 0 8px;font-family:Sora,sans-serif;font-size:19px;font-weight:700}.cmp p{margin:0 0 18px}.cmp ul{margin:0 0 18px;padding-left:22px}.cmp li{margin:0 0 10px}.cmp-lede{color:var(--slate-500);margin:0 0 8px;font-size:20px;line-height:1.6}.cmp-meta{color:var(--slate-400,#94a3b8);margin:0 0 28px;font-size:14px}.cmp-breadcrumb{margin:0 0 20px}.cmp-breadcrumb ol{color:var(--slate-500);flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.cmp-breadcrumb li:not(:last-child):after{content:"›";color:var(--slate-400,#94a3b8);margin-left:8px}.cmp-breadcrumb a{color:var(--sky-700);font-weight:600;text-decoration:none}.cmp-table-wrap{border:1px solid var(--slate-200);border-radius:14px;margin:8px 0 28px;overflow-x:auto}.cmp-table{border-collapse:collapse;background:var(--card);width:100%;font-size:15px}.cmp-table th,.cmp-table td{text-align:left;border-bottom:1px solid var(--slate-200);vertical-align:top;padding:13px 16px}.cmp-table thead th{color:var(--ink);background:var(--sky-50);border-bottom:2px solid var(--slate-200);font-family:Sora,sans-serif;font-size:14px;font-weight:700}.cmp-table tbody th{color:var(--ink);font-weight:600}.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:none}.cmp-table-full{font-size:14px}.cmp-table-full th,.cmp-table-full td{padding:11px 12px}.cmp-val{font-weight:600;display:block}.cmp-note{color:var(--slate-500);margin-top:2px;font-size:12.5px;line-height:1.35;display:block}.cmp-good .cmp-val{color:#15803d}.cmp-bad .cmp-val{color:#b91c1c}.cmp-neutral .cmp-val{color:#334155}.cmp-verdict{grid-template-columns:1fr 1fr;gap:20px;margin:32px 0;display:grid}.cmp-verdict-col{background:var(--card);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);border-radius:16px;padding:22px 22px 8px}.cmp-verdict-col h3{color:var(--ink);margin:0 0 12px;font-family:Sora,sans-serif;font-size:17px;font-weight:800}.cmp-verdict-col ul{padding-left:20px}.cmp-verdict-col li,.cmp-verdict-col p{font-size:15px;line-height:1.55}.cmp-related{margin:44px 0 0}.cmp-related h2{color:var(--ink);margin:0 0 16px;font-family:Sora,sans-serif;font-size:23px;font-weight:800}.cmp-related-grid,.cmp-hub-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cmp-related-card{background:var(--card);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.cmp-related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cmp-related-card .ttl{color:var(--ink);font-family:Sora,sans-serif;font-size:18px;font-weight:700}.cmp-related-card .sum{color:var(--slate-500);font-size:14px;line-height:1.5}.cmp-related-card .more{color:var(--sky-700);margin-top:4px;font-size:13.5px;font-weight:700}.cmp-cta{background:linear-gradient(140deg, var(--sky-50), #fef3c7);text-align:center;border-radius:18px;margin:44px 0 0;padding:30px 28px}.cmp-cta h2{color:var(--ink);margin:0 0 8px;font-family:Sora,sans-serif;font-size:23px;font-weight:800}.cmp-cta p{color:#334155;max-width:500px;margin:0 auto 20px;font-size:16px;line-height:1.6}.cmp-cta-btn{color:#78350f;background:linear-gradient(140deg,#fcd34d,#f59e0b);border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px -4px #f59e0b66}.cmp-cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px -4px #f59e0b80}.cmp-back{color:var(--sky-700);padding:6px 0;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:760px){.cmp-hub-grid,.cmp-related-grid,.cmp-verdict{grid-template-columns:1fr}.cmp h1{font-size:30px}.cmp-hub-head h1{font-size:31px}}.cmp-hub{max-width:1180px;padding:64px 32px 96px}.cmp-hub-head{max-width:760px;margin-bottom:34px}.cmp-hub-head h1,.cmp h1,.cmp h2,.cmp h3,.cmp-related h2,.cmp-related-card .ttl,.cmp-verdict-col h3,.cmp-cta h2,.cmp-table thead th{font-family:var(--font-display), sans-serif}.cmp-hub-head h1{color:var(--nl-ink);letter-spacing:-.045em;text-wrap:balance;margin-bottom:14px;font-size:clamp(2.35rem,5vw,4.5rem);line-height:.98}.cmp-hub-head p{color:var(--nl-muted);margin-bottom:0;font-size:17px}.cmp{max-width:820px;color:var(--nl-ink);padding:44px 32px 96px;line-height:1.78}.cmp h1{color:var(--nl-ink);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.35rem,5.5vw,3.65rem);line-height:1.02}.cmp h2{color:var(--nl-ink);letter-spacing:-.025em;font-size:26px}.cmp h3,.cmp strong{color:var(--nl-ink)}.cmp-lede{color:var(--nl-muted);font-size:19px;line-height:1.65}.cmp-meta{border-bottom:1px solid var(--nl-line);color:var(--nl-muted);padding-bottom:26px}.cmp-breadcrumb{margin-bottom:16px}.cmp-breadcrumb ol{min-height:44px;color:var(--nl-muted);align-items:center}.cmp-breadcrumb a,.cmp-back{min-height:40px;color:var(--nl-accent-strong);align-items:center;display:inline-flex}.cmp-breadcrumb a:focus-visible,.cmp-back:focus-visible,.cmp-related-card:focus-visible,.cmp-cta-btn:focus-visible,.cmp-table-wrap:focus-visible{outline:3px solid var(--nl-focus);outline-offset:3px}.cmp-table-wrap{border-color:var(--nl-line);background:var(--nl-surface);box-shadow:var(--nl-shadow-sm);overscroll-behavior-inline:contain;border-radius:16px;margin-block:18px 32px;position:relative}.cmp-table{min-width:680px;color:var(--nl-ink);background:var(--nl-surface)}.cmp-table-full{min-width:980px}.cmp-table th,.cmp-table td{border-color:var(--nl-line)}.cmp-table thead th{color:var(--nl-ink);background:var(--nl-surface-soft)}.cmp-table thead th:first-child,.cmp-table tbody th{z-index:1;background:var(--nl-surface);min-width:170px;box-shadow:1px 0 0 var(--nl-line);position:sticky;left:0}.cmp-table thead th:first-child{z-index:2;background:var(--nl-surface-soft)}.cmp-note{color:var(--nl-muted)}.cmp-verdict{gap:14px}.cmp-verdict-col{border-color:var(--nl-line);background:var(--nl-surface);box-shadow:var(--nl-shadow-sm);border-radius:18px}.cmp-verdict-col:first-child{border-color:var(--color-brand-300);background:var(--nl-surface-soft)}.cmp-related{border-top:1px solid var(--nl-line);margin-top:54px;padding-top:36px}.cmp-related-grid,.cmp-hub-grid{gap:16px}.cmp-related-card{border-color:var(--nl-line);background:var(--nl-surface);min-height:168px;box-shadow:var(--nl-shadow-sm);transition:transform .18s var(--nl-ease), border-color .18s var(--nl-ease), box-shadow .18s var(--nl-ease);border-radius:18px}.cmp-related-card:hover{border-color:var(--nl-line-strong);box-shadow:var(--nl-shadow-md);transform:translateY(-3px)}.cmp-related-card:active{transform:scale(.99)}.cmp-related-card .ttl{color:var(--nl-ink);letter-spacing:-.02em}.cmp-related-card .sum{color:var(--nl-muted)}.cmp-related-card .more{color:var(--nl-accent-strong);margin-top:auto;padding-top:10px}.cmp-cta{border:1px solid color-mix(in srgb, var(--color-brand-300) 35%, transparent);text-align:left;background:linear-gradient(135deg, var(--color-brand-900), var(--color-brand-700));box-shadow:var(--nl-shadow-md);border-radius:22px;padding:34px}.cmp-cta h2,.cmp-cta p{color:#fff}.cmp-cta p{color:#fffc;max-width:600px;margin-inline:0}.cmp-cta-btn{min-height:48px;color:var(--nl-accent-strong);box-shadow:none;transition:transform .16s var(--nl-ease), background-color .16s var(--nl-ease);background:#fff;border-radius:999px;justify-content:center}.cmp-cta-btn:hover{background:var(--nl-surface-soft);box-shadow:none;transform:translateY(-1px)}.cmp-cta-btn:active{transform:scale(.98)}@media (max-width:760px){.cmp-hub,.cmp{padding:34px 18px 72px}.cmp-hub-head h1,.cmp h1{font-size:2.15rem}.cmp-hub-grid,.cmp-related-grid,.cmp-verdict{grid-template-columns:minmax(0,1fr)}.cmp h2{margin-top:38px;font-size:23px}.cmp,.cmp p,.cmp ul{font-size:16px}.cmp-lede{font-size:17px}.cmp-table-wrap{border-radius:14px;margin-inline:-4px}.cmp-related-card{min-height:0}.cmp-cta{border-radius:18px;padding:26px 22px}.cmp-cta-btn{width:100%;padding-inline:16px}}@media (prefers-reduced-motion:reduce){.cmp-related-card,.cmp-cta-btn{transition:none}}