.cmp-hero{padding-top:96px}.cmp-head{align-items:end;row-gap:32px}.cmp-title{font:600 clamp(52px, 8.4vw, 120px)/.92 var(--display);letter-spacing:-.041em;grid-column:1/span 8;margin-left:-.045em}.cmp-title>span{display:block}.cmp-title .is-past{color:var(--faint)}.cmp-side{grid-column:9/span 4;gap:28px;padding-bottom:14px;display:grid}.cmp-line{max-width:420px;color:var(--ink-2);letter-spacing:-.012em;text-wrap:pretty;font-size:19px;line-height:1.45}.cmp-hard{margin-top:64px}.cmp-hard-enjoy{align-items:center;gap:10px;display:flex}.cmp-hard-enjoy .symbol{flex:none;width:18px;height:18px}.ruled-table.cmp-hard td{padding-right:var(--gutter);letter-spacing:-.01em;text-wrap:pretty;font-size:18px;line-height:1.4}.ruled-table.cmp-hard td.is-hard{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line);text-decoration-thickness:1px}.ruled-table.cmp-hard td.is-enjoy{color:var(--ink);align-items:baseline;gap:12px;font-weight:500;display:flex}.ruled-table.cmp-hard td.is-enjoy .icon{flex:none;width:18px;height:18px;transform:translateY(3px)}.cmp-face{background:var(--wash);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);border-radius:8px;flex:none;place-items:center;display:inline-grid}.cmp-face :is(.mark,.symbol){width:15px;height:15px}.cmp-face.is-initials{font:650 11px/1 var(--display);letter-spacing:-.03em}.cmp-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:0 40px;max-width:760px;margin:64px auto 0;display:grid}.cmp-board-side{justify-items:center;gap:18px;min-width:0;display:grid}.cmp-board-name{font:600 20px/1.2 var(--display);letter-spacing:-.015em;text-align:center;align-items:center;gap:10px;display:inline-flex}.cmp-board-side b{color:var(--faint);font:600 clamp(96px, 13vw, 176px)/.82 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.cmp-board-side.is-enjoy b{color:var(--blue)}.cmp-board-dash{color:var(--line);font:500 clamp(64px, 8vw, 112px)/.82 var(--display);padding-bottom:.1em}.cmp-table{margin-top:88px}.cmp-col-what{width:40%}.ruled-table.cmp-table thead th,.ruled-table.cmp-table td{padding-right:var(--gutter)}.ruled-table.cmp-table :is(.is-enjoy,.is-rival){padding-left:20px}.ruled-table.cmp-table td.is-enjoy{background:linear-gradient(var(--rule), var(--rule)) top / 100% 1px no-repeat, var(--blue-wash)}.ruled-table.cmp-table thead th.is-enjoy{background:var(--blue-wash);border-radius:14px 14px 0 0;padding-top:22px}.ruled-table.cmp-table tbody:last-of-type tr:last-child td.is-enjoy{border-radius:0 0 14px 14px}.cmp-column{align-items:center;gap:10px;display:flex}.cmp-table .ruled-table-title{font-size:22px}.cmp-fact{color:var(--ink);font-size:15.5px;line-height:1.4}.cmp-answer{align-items:flex-start;gap:10px;display:flex}.cmp-answer small{color:var(--muted);padding-top:2px;font-size:14px;line-height:1.35}.cmp-mark{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.cmp-mark.is-yes{background:var(--blue);color:var(--on-blue)}.ruled-table td .cmp-mark .icon{width:14px;height:14px;color:inherit;stroke-width:2.8px}.cmp-mark.is-partly{box-shadow:inset 0 0 0 1.5px var(--muted)}.cmp-mark.is-partly i{background:linear-gradient(90deg, var(--muted) 50%, transparent 50%);border-radius:50%;width:100%;height:100%}.cmp-mark.is-no{box-shadow:inset 0 0 0 1.5px var(--line)}.cmp-table .is-rival .cmp-mark.is-yes{background:var(--ink-2);color:var(--paper)}.cmp-sources{color:var(--muted);text-wrap:pretty;margin-top:20px;font-size:13px;line-height:1.6}.cmp-sources a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:color .14s}.cmp-sources a:hover{color:var(--blue)}.cmp-points li{justify-items:start;gap:6px;padding:20px 0 24px;display:grid}.cmp-points b{font:600 22px/1.2 var(--display);letter-spacing:-.018em}.cmp-points span{max-width:520px;color:var(--muted);text-wrap:pretty;font-size:16px;line-height:1.5}.cmp-point-link{color:var(--blue);align-items:center;gap:6px;margin-top:6px;font-size:15px;font-weight:500;display:inline-flex}.cmp-point-link .icon{stroke-width:2px;width:16px;height:16px;transition:transform .14s}.cmp-point-link:hover .icon{transform:translate(3px)}.cmp-index a{align-items:center;gap:14px;padding:16px 0;transition:color .14s;display:flex}.cmp-index b{font:600 22px/1.2 var(--display);letter-spacing:-.018em}.cmp-index span:not(.cmp-face){color:var(--muted);font-size:15px}.cmp-index-arrow{width:20px;height:20px;color:var(--faint);stroke-width:1.8px;flex:none;margin-left:auto;transition:transform .14s,color .14s}.cmp-index a:hover{color:var(--blue)}.cmp-index a:hover .cmp-index-arrow{color:var(--blue);transform:translate(3px)}@media (width<=1100px){.cmp-title,.cmp-side{grid-column:1/-1}.cmp-title{font-size:clamp(52px,12vw,120px)}.cmp-side{padding-bottom:0}.cmp-line{max-width:520px}}@media (width<=760px){.cmp-hero{padding-top:48px}.cmp-table,.cmp-hard{margin-top:48px}.cmp-col-what{width:34%}.cmp-points b,.cmp-index b{font-size:20px}.cmp-board{gap:0 16px;margin-top:48px}.cmp-board-name{gap:8px;font-size:16px}.cmp-table{margin-top:56px}}@media (width<=640px){.cmp-table,.cmp-table :is(thead,tbody){display:block}.cmp-table colgroup{display:none}.cmp-table tr{background:linear-gradient(var(--rule), var(--rule)) top / 100% 1px no-repeat;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding:12px 0 14px;display:grid}.ruled-table.cmp-table thead th,.ruled-table.cmp-table tbody th[scope=row]{background:0 0;padding:0;display:block}.cmp-table thead tr{background:0 0;padding:0 0 18px}.ruled-table.cmp-table thead th:first-child{display:none}.cmp-table .ruled-table-title{font-size:19px}.ruled-table.cmp-table tbody th[scope=row]{color:var(--muted);grid-column:1/-1;margin-bottom:6px;font-size:14px}.ruled-table.cmp-table td,.ruled-table.cmp-table td:is(.is-enjoy,.is-rival){background:0 0;align-self:start;align-items:center;min-height:24px;padding:0;display:flex}.ruled-table.cmp-table thead th:is(.is-enjoy,.is-rival){background:0 0;padding:0}.cmp-board-name{flex-direction:column}.cmp-table .ruled-table-group{background:0 0;padding:0}.cmp-table .ruled-table-group th{grid-column:1/-1}.ruled-table.cmp-table tbody tr:not(.ruled-table-group):hover>*{background:0 0}.cmp-fact{font-size:15px}.cmp-answer small{font-size:13.5px}.cmp-hard,.cmp-hard tbody{display:block}.cmp-hard colgroup{display:none}.cmp-hard thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cmp-hard tbody tr{background:linear-gradient(var(--rule), var(--rule)) top / 100% 1px no-repeat;gap:6px;padding:14px 0 16px;display:grid}.ruled-table.cmp-hard td{background:0 0;padding:0;font-size:16px}.ruled-table.cmp-hard tbody tr:hover>*{background:0 0}}@media (prefers-reduced-motion:reduce){.cmp-sources a,.cmp-index a,.cmp-index-arrow,.cmp-point-link .icon{transition:none}}.ruled-table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%}.ruled-table th,.ruled-table td{background:linear-gradient(var(--rule), var(--rule)) top / 100% 1px no-repeat;text-align:left;vertical-align:middle;padding:13px 0 14px}.ruled-table tbody th{padding-right:var(--gutter);color:var(--ink);font-size:16.5px;font-weight:400;line-height:1.4}.ruled-table thead th{vertical-align:bottom;background:0 0;padding:0 0 22px}.ruled-table-title{font:600 26px/1.15 var(--display);letter-spacing:-.02em;display:block}.ruled-table-note{color:var(--muted);margin-top:4px;font-size:15px;font-weight:400;display:block}.ruled-table .ruled-table-group th{background:linear-gradient(var(--ink), var(--ink)) top / 100% 1px no-repeat;font:600 15px/1.3 var(--text);letter-spacing:-.006em;padding:34px 0 14px}.ruled-table tbody:first-of-type .ruled-table-group th{padding-top:18px}.ruled-table td .icon{width:19px;height:19px;color:var(--blue);stroke-width:2.3px}.ruled-table tbody tr:not(.ruled-table-group):hover>*{background-color:var(--wash)}@media (width<=760px){.ruled-table tbody th{font-size:15.5px}}