.compare-page{padding-block:32px 64px}.compare-inner{max-width:720px;margin:0 auto;padding-inline:var(--pad-mobile)}@media(min-width:768px){.compare-inner{padding-inline:var(--pad-desktop)}}.crumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:24px;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none;transition:color .15s}.crumbs a:hover{color:var(--text)}.crumbs-sep{color:var(--subtle)}.compare-hero{text-align:center;margin-bottom:32px}.compare-hero h1{font-size:clamp(24px,5vw,36px);font-weight:800;letter-spacing:-.04em;margin-bottom:8px}.compare-vs-divider{color:var(--accent);font-weight:700;padding-inline:8px}.compare-intro{max-width:600px;margin:0 auto 40px;color:var(--muted);font-size:15px;line-height:1.65;text-align:center}.compare-table{margin-bottom:40px}.compare-table h2{font-size:18px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.compare-table-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.compare-table-grid>div{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}@media(max-width:600px){.compare-table-grid{grid-template-columns:1fr 1fr}.compare-table-grid>div{padding:8px 10px;font-size:12px}.compare-row-label{grid-column:1 / -1;font-weight:700;background:var(--surface-2)}}.compare-table-grid>div:nth-child(3n-2):nth-child(n+4){background:#ffffff05}.compare-table-grid>div:last-child,.compare-table-grid>div:nth-last-child(2),.compare-table-grid>div:nth-last-child(3){border-bottom:none}.compare-row-label{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-1)!important}.compare-table-header{font-weight:700;font-size:13px;background:var(--surface-2)!important;border-bottom:2px solid var(--line)!important;color:var(--text)}.compare-check-yes{color:var(--success)}.compare-check-no{color:var(--subtle)}.compare-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}@media(max-width:600px){.compare-pros-cons{grid-template-columns:1fr}}.compare-pc-col{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px}.compare-pc-col h3{font-size:14px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.compare-pc-col h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.compare-pc-col ul{margin:0;padding:0;list-style:none}.compare-pc-col ul li{font-size:13px;color:var(--muted);padding:4px 0;border-bottom:1px solid var(--line);display:flex;gap:8px}.compare-pc-col ul li:last-child{border-bottom:none}.compare-pc-col ul li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.compare-quiz-cta{text-align:center;border:1px solid var(--accent-tint, rgba(225, 29, 72,.12));border-radius:var(--r-xl);padding:28px 24px;margin-bottom:40px;background:var(--accent-tint, rgba(225, 29, 72,.06))}.compare-quiz-cta h3{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.compare-quiz-cta p{color:var(--muted);font-size:14px;margin-bottom:16px}.compare-chars{margin-bottom:40px}.compare-chars h2{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.prog-char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:600px){.prog-char-grid{grid-template-columns:repeat(2,1fr)}}.prog-char-card{display:block;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}.prog-char-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.prog-char-img{aspect-ratio:3/4;overflow:hidden;background:var(--surface-2)}.prog-char-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.prog-char-card:hover .prog-char-img img{transform:scale(1.04)}.prog-char-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--subtle);font-size:32px}.prog-char-body{padding:10px 12px}.prog-char-name{font-size:13px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog-char-age{font-size:11px;color:var(--subtle);margin-top:1px}.prog-char-platform{font-size:10px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.prog-char-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.prog-char-tag{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.compare-faq{margin-bottom:40px}.compare-faq h2{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.faq-item{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden}.faq-item summary{padding:14px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;background:var(--surface-1);transition:background .15s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:var(--surface-2)}.faq-item summary:after{content:"›";font-size:18px;color:var(--subtle);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(90deg)}.faq-item .faq-body{padding:14px 16px;font-size:14px;color:var(--muted);line-height:1.65;background:var(--surface-2);border-top:1px solid var(--line)}.compare-related{margin-bottom:40px}.compare-related h2{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.compare-related-grid{display:flex;flex-wrap:wrap;gap:8px}.compare-related-grid a{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:13px;color:var(--muted);text-decoration:none;background:var(--surface-1);transition:border-color .15s,color .15s}.compare-related-grid a:hover{border-color:var(--line-2);color:var(--text)}.category-page{padding-block:32px 64px}.category-inner{max-width:960px;margin:0 auto;padding-inline:var(--pad-mobile)}@media(min-width:768px){.category-inner{padding-inline:var(--pad-desktop)}}.category-hero{text-align:center;margin-bottom:32px}.category-hero h1{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.04em;margin-bottom:10px}.cat-count-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.category-intro{max-width:600px;margin:0 auto 40px;color:var(--muted);font-size:15px;line-height:1.65;text-align:center}.category-chars{margin-bottom:40px}.category-chars h2{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.category-inner .prog-char-grid{grid-template-columns:repeat(5,1fr)}@media(max-width:800px){.category-inner .prog-char-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.category-inner .prog-char-grid{grid-template-columns:repeat(2,1fr)}}.category-related{margin-bottom:40px}.category-related h2{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}