/* /compare-personal-ai.html — page styles (external per CSP style-src-elem) */
.cmp-hero { text-align: center; padding: 4.5rem 1.5rem 2.5rem; max-width: 880px; margin: 0 auto; }
.cmp-hero h1 { font-family: 'Poppins', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; font-size: clamp(1.9rem, 4vw, 2.8rem); margin-bottom: 1rem; }
.cmp-hero .cmp-dek { font-size: 1.05rem; opacity: 0.88; line-height: 1.65; }
.cmp-updated { font-size: 0.85rem; opacity: 0.6; margin-top: 0.9rem; }
.cmp-section { max-width: 1100px; margin: 0 auto; padding: 1.5rem; }
.cmp-section h2 { font-family: 'Poppins', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; font-size: 1.45rem; margin: 1.6rem 0 0.9rem; }
.cmp-table-wrap { overflow-x: auto; border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; }
.cmp-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; min-width: 760px; }
.cmp-table th, .cmp-table td { padding: 0.75rem 0.9rem; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(255,255,255,0.08); }
.cmp-table thead th { font-weight: 700; background: rgba(148,121,255,0.08); position: sticky; top: 0; }
.cmp-table td:first-child, .cmp-table th:first-child { font-weight: 600; }
.cmp-col-us { background: rgba(79,172,254,0.07); }
.cmp-yes { color: #34d399; font-weight: 600; }
.cmp-no { opacity: 0.55; }
.cmp-part { color: #fbbf24; }
.cmp-profiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.1rem; margin-top: 1rem; }
.cmp-card { border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; padding: 1.2rem 1.3rem; background: rgba(255,255,255,0.03); }
.cmp-card h3 { font-size: 1.05rem; margin-bottom: 0.35rem; }
.cmp-card .cmp-tag { display: inline-block; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.65; margin-bottom: 0.55rem; }
.cmp-card p { font-size: 0.92rem; line-height: 1.6; opacity: 0.9; margin: 0.4rem 0; }
.cmp-card .cmp-good { color: #34d399; }
.cmp-honest { border-left: 3px solid #4FACFE; padding: 0.9rem 1.1rem; margin: 1.4rem 0; background: rgba(79,172,254,0.06); border-radius: 0 10px 10px 0; font-size: 0.95rem; line-height: 1.65; }
.cmp-cta { text-align: center; padding: 2.5rem 1.5rem 3.5rem; }
.cmp-cta a.cmp-btn { display: inline-block; padding: 0.85rem 2rem; border-radius: 12px; background: linear-gradient(135deg, #4FACFE, #9479FF); color: #fff; font-weight: 700; text-decoration: none; }
.cmp-cta .cmp-sub { margin-top: 0.8rem; font-size: 0.9rem; opacity: 0.75; }
.cmp-faq details { border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 0.8rem 1rem; margin: 0.55rem 0; }
.cmp-faq summary { cursor: pointer; font-weight: 600; }
.cmp-faq p { margin-top: 0.6rem; font-size: 0.93rem; line-height: 1.6; opacity: 0.9; }