header{position:sticky;top:0;z-index:50;background-color:#1e293b;box-shadow:0 2px 8px #1e293b1a}.header-container{max-width:900px;margin:0 auto;padding:0 16px}.header-inner{display:flex;justify-content:flex-end;align-items:center;height:50px}.mobile-menu-button{display:block;color:#fff;padding:8px;background:none;border:none;cursor:pointer;transition:color .2s ease}.mobile-menu-button:hover{color:#fffc}.mobile-menu-button svg{width:24px;height:24px}.header-logo{flex-shrink:0;margin-left:12px;margin-right:auto}.header-logo a{display:flex;align-items:center;text-decoration:none}.header-logo-text{font-size:18px;font-weight:600;color:#fff}.header-nav{display:none;align-items:center;gap:24px}.header-nav a{font-size:16px;font-weight:500;color:#fff;text-decoration:none;transition:color .2s ease}.header-nav a:hover{text-decoration:underline;text-underline-offset:4px}.mobile-spacer{width:40px}.mobile-menu-overlay{display:none;position:fixed;inset:0;background-color:#0000004d;z-index:50}.mobile-menu-overlay.active{display:block}.mobile-menu{position:fixed;top:0;left:0;height:100%;width:288px;background-color:#fff;z-index:60;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.mobile-menu-logo{display:flex;align-items:center}.mobile-menu-logo-text{margin-left:8px;font-size:18px;font-weight:700;color:#1e293b}.mobile-menu-close{color:#1e293b;padding:4px;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.mobile-menu-close:hover{opacity:.7}.mobile-menu-close svg{width:24px;height:24px}.mobile-menu-nav{flex:1;overflow-y:auto;padding:8px 0}.mobile-menu-link{display:flex;align-items:center;padding:14px 20px;color:#374151;text-decoration:none;border-left:4px solid transparent;transition:all .2s ease}.mobile-menu-link:hover{background-color:#f9fafb;color:#1558d6;border-left-color:#1558d6}.mobile-menu-link svg{width:20px;height:20px;margin-right:12px;flex-shrink:0}.mobile-menu-link-text{font-weight:500;font-size:16px}footer{margin-top:0;background-color:#1e293b;color:#cbd5e1}.footer-container{max-width:900px;margin:0 auto;padding:32px 16px 40px}.footer-links-section{text-align:center;margin-bottom:24px}.footer-title{color:#fff!important;font-weight:600;margin-bottom:16px;font-size:14px}.footer-links-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 24px;list-style:none;margin:0;padding:0}.footer-link{font-size:14px;color:#cbd5e1;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-copyright{padding-top:24px;border-top:1px solid rgba(203,213,225,.2)}.footer-copyright-text{font-size:14px;text-align:center;color:#cbd5e1;margin:0}@media(min-width:640px){.header-inner{height:64px}.header-logo-text{font-size:20px}.mobile-menu{width:320px}.mobile-menu-logo-text{font-size:20px}.mobile-menu-header{padding:20px}.footer-container{padding:40px 24px}.footer-title{font-size:16px}.footer-link,.footer-copyright-text{font-size:14px}}@media(min-width:1024px){.mobile-menu-button{display:none}.header-logo{position:static;left:auto;transform:none;margin-right:auto;margin-left:0}.header-nav{display:flex}.mobile-spacer{display:none}.header-container{padding:0 32px}.footer-container{padding:40px 32px}}@media(min-width:1280px){.header-nav{gap:32px}}body.overflow-hidden{overflow:hidden}.skip-to-content{position:absolute;top:-100px;transform:translate(0);z-index:9999;background-color:var(--color-primary);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.skip-to-content:focus{top:16px;outline-offset:2px}.skip-to-content:hover:focus{background-color:#1247b8}.comparison-page-container{max-width:900px;margin-left:auto;margin-right:auto;padding:0}@media(min-width:640px){.comparison-page-container{padding:18px}}@media(min-width:1024px){.comparison-page-container{padding:24px}}.comparison-breadcrumb-nav{margin-bottom:24px}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:6px;font-size:14px;color:var(--color-text-2)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{color:var(--color-text-1);transition:color .2s ease;font-weight:400}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-separator{width:16px;height:16px;margin:0 8px;color:var(--color-text-3);flex-shrink:0}.breadcrumb-current{color:var(--color-text-2);font-weight:400}.comparison-hero{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0}@media(min-width:640px){.comparison-hero{gap:24px;padding:24px 0}}.comparison-hero__item{display:flex;flex-direction:column;align-items:center;gap:12px}.comparison-hero__image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:8px;border:1px solid var(--color-border)}@media(min-width:640px){.comparison-hero__image{width:100px;height:100px;padding:12px}}@media(min-width:1024px){.comparison-hero__image{width:128px;height:128px;padding:14px}}.comparison-soc-image{width:100%;height:100%;object-fit:contain;border-radius:4px}.comparison-hero__name{font-size:14px;font-weight:600;color:var(--color-text-1);text-align:center;max-width:140px;line-height:1.4}@media(min-width:640px){.comparison-hero__name{font-size:15px;max-width:160px}}.comparison-hero__vs{font-size:16px;font-weight:600;color:var(--color-text-2);margin:0 4px}@media(min-width:640px){.comparison-hero__vs{font-size:18px;margin:0 8px}}.comparison-fallback-icon-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-2);border-radius:12px;border:1px solid var(--color-border)}@media(min-width:640px){.comparison-fallback-icon-container{width:100px;height:100px}}@media(min-width:1024px){.comparison-fallback-icon-container{width:120px;height:120px}}.comparison-fallback-icon{width:40px;height:40px;color:var(--color-text-3)}@media(min-width:640px){.comparison-fallback-icon{width:48px;height:48px}}@media(min-width:1024px){.comparison-fallback-icon{width:56px;height:56px}}.comparison-intro-paragraph{font-size:15px;line-height:1.6;color:var(--color-text-1);padding-top:8px;margin-bottom:0}@media(min-width:640px){.comparison-intro-paragraph{font-size:16px;line-height:1.6}}.comparison-intro-paragraph p{margin-bottom:16px}.comparison-intro-paragraph p:last-child{margin-bottom:0}.comparison-intro-paragraph a{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease}.comparison-intro-paragraph a:hover{opacity:.8}.comparison-intro-paragraph strong{font-weight:600;color:var(--color-text-1)}.comparison-intro-paragraph em{font-style:italic}.cpu-section{background:var(--color-bg-1);border-radius:0;padding:16px 14px;margin-bottom:8px;box-shadow:0 0 4px #00000016}@media(min-width:640px){.cpu-section{border-radius:12px;padding:16px;margin-bottom:20px}}@media(min-width:1024px){.cpu-section{padding:18px;margin-bottom:24px}}.cpu-subtitle{margin-bottom:16px}.key-h2{font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-1);line-height:1.4;margin:0}.advantage-soc-name{color:var(--color-primary);font-weight:700}.comparison-advantages-list{margin-top:12px}@media(min-width:640px){.comparison-advantages-list{margin-top:16px}}.comparison-advantages-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}@media(min-width:640px){.comparison-advantages-list ul{gap:10px}}.comparison-advantages-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--color-text-1);padding-left:0}@media(min-width:640px){.comparison-advantages-list li{font-size:16px;gap:12px}}.comparison-advantages-list li:before{content:"";width:16px;height:16px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='%2310B981'%3E%3Cpath d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm3.78-9.72a.751.751 0 0 0-.018-1.042.751.751 0 0 0-1.042-.018L6.75 9.19 5.28 7.72a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042l2 2a.75.75 0 0 0 1.06 0Z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:3px}@media(min-width:640px){.comparison-advantages-list li:before{width:18px;height:18px;margin-top:2px}}.cpu-subtitle+.comparison-advantages-list+.cpu-subtitle{margin-top:24px}@media(min-width:640px){.cpu-subtitle+.comparison-advantages-list+.cpu-subtitle{margin-top:28px}}.cpu-title{display:flex;align-items:center;gap:10px;margin-bottom:0}@media(min-width:640px){.cpu-title{gap:12px;margin-bottom:0}}.cpu-title h2{font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-1);margin:0;line-height:1.4}.cpu-desc{display:block;font-size:14px;color:var(--color-text-2);margin-bottom:24px;line-height:1.5}@media(min-width:640px){.cpu-desc{font-size:15px;margin-bottom:28px}}.benchmark-label{font-size:16px;font-weight:600;color:var(--color-text-1);margin:0 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(min-width:640px){.benchmark-label{font-size:17px;margin-bottom:18px}}.benchmark-label .cpu-badge{margin-left:auto}.cpu-benchmarks{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:640px){.cpu-benchmarks{gap:40px}}@media(min-width:1024px){.cpu-benchmarks{grid-template-columns:repeat(2,1fr);gap:32px 24px}}.cpu-value{font-size:16px;font-weight:600;color:var(--color-text-1)}.cpu-bar-wrap{height:6px;background:var(--color-bg-3);border-radius:4px;overflow:hidden;margin-bottom:8px}@media(min-width:640px){.cpu-bar-wrap{height:6px;border-radius:4px;margin-bottom:12px}}@media(min-width:640px){.cpu-bar{border-radius:5px}}.cpu-compare-card{margin-bottom:28px}@media(min-width:640px){.cpu-compare-card{margin-bottom:32px}}.cpu-item{padding:20px 0;border-bottom:1px solid var(--color-border)}@media(min-width:640px){.cpu-item{padding:24px 0}}.cpu-item:last-child{border-bottom:none}.cpu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media(min-width:640px){.cpu-header{margin-bottom:14px}}.cpu-badge{font-size:14px;font-weight:600;color:var(--color-success)}@media(min-width:640px){.cpu-badge{font-size:16px}}.cpu-score{margin-bottom:10px}.cpu-score-value{font-size:24px;font-weight:700;color:var(--color-text-1)}@media(min-width:640px){.cpu-score-value{font-size:28px}}.cpu-table-box{background:var(--color-bg-1);border-radius:0;margin-bottom:8px;box-shadow:0 0 3px #00000016}@media(min-width:640px){.cpu-table-box{border-radius:12px;margin-bottom:20px}}@media(min-width:1024px){.cpu-table-box{margin-bottom:24px}}.cpu-table-box .cpu-subtitle{display:flex;align-items:center;gap:8px;margin-bottom:0;padding:16px;border-bottom:1px solid var(--color-border)}@media(min-width:640px){.cpu-table-box .cpu-subtitle{gap:12px;padding:24px;margin-bottom:0}}.cpu-table-box .cpu-icon{width:18px;height:18px;flex-shrink:0}@media(min-width:640px){.cpu-table-box .cpu-icon{width:20px;height:20px}}.cpu-header-wrap{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;margin-bottom:16px;background:var(--color-bg-1);border-radius:0;box-shadow:0 1px 3px #00000016;position:sticky;top:50px;z-index:45}@media(min-width:640px){.cpu-header-wrap{gap:16px;padding:10px;border-radius:8px;top:64px}}.cpu-name-cell{flex:1;text-align:center}.cpu-name-primary,.cpu-name-secondary{font-size:13px;font-weight:500;color:var(--color-text-1);line-height:1.4;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(min-width:640px){.cpu-name-primary,.cpu-name-secondary{font-size:16px;line-height:1.4}}a.cpu-name-primary,a.cpu-name-secondary{color:var(--color-primary);text-decoration:none}a.cpu-name-primary:hover,a.cpu-name-secondary:hover{text-decoration:underline}.cpu-vs{color:var(--color-text-2);background:var(--color-bg-3);border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600}.cpu-specs-table{width:100%;border-collapse:collapse}.cpu-specs-table tr{border-bottom:1px solid var(--color-border)}.cpu-specs-table tr:last-child{border-bottom:none}.cpu-specs-table .cpu-label{font-size:14px;font-weight:500;color:var(--color-text-1);padding:14px 16px;width:25%;vertical-align:middle}.cpu-specs-table .cpu-left,.cpu-specs-table .cpu-right{font-size:15px;font-weight:400;color:var(--color-text-2);padding:14px 16px;text-align:center;vertical-align:middle}.cpu-specs-table .cpu-better{font-weight:600;color:var(--color-success);background-color:var(--color-success-bg)}@media(max-width:639px){.cpu-specs-table,.cpu-specs-table tbody{display:block}.cpu-specs-table caption{display:flex;text-align:center}.cpu-specs-table tr{display:flex;flex-wrap:wrap}.cpu-specs-table td{box-sizing:border-box;border:0;flex:0 1 50%;padding:6px 8px}.cpu-specs-table .cpu-label{flex:0 0 100%;font-weight:600;padding:12px 0 4px;text-align:center;width:100%}.cpu-specs-table .cpu-left{border-right:1px solid var(--color-border);text-align:center;padding:6px 8px}.cpu-specs-table .cpu-right{text-align:center;padding:6px 8px}.cpu-specs-table tr{border-bottom:none}}.related-post-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-primary)}:root{--color-primary: #1558d6;--color-brand: #1E293B;--color-bg-1: #ffffff;--color-bg-2: #F3F4F6;--color-bg-3: #EEF0F4;--color-bg-4: #E5E7EB;--color-text-1: #101828;--color-text-2: #475569;--color-text-3: #94A3B8;--color-border: #E2E8F0;--color-hover: #F8FAFC;--color-active: #F1F5F9;--color-success: #33b07b;--color-success-bg: #ECFDF5;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-error: #EF4444;--color-error-bg: #FEE2E2;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 18px;--font-size-h4: 16px;--font-size-h5: 15px;--font-size-h6: 14px}@media(min-width:640px){:root{--font-size-h1: 28px;--font-size-h2: 22px;--font-size-h3: 19px;--font-size-h4: 17px;--font-size-h5: 15px;--font-size-h6: 14px}}@media(min-width:1024px){:root{--font-size-h1: 28px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-h4: 18px;--font-size-h5: 16px;--font-size-h6: 14px}}.post-page-container{max-width:900px;margin-left:auto;margin-right:auto;padding:0}@media(min-width:640px){.post-page-container{padding:24px}}@media(min-width:1024px){.post-page-container{padding:32px}}.post-breadcrumb-nav{margin-bottom:24px}.post-title{font-size:var(--font-size-h1);font-weight:700;color:var(--color-text-1);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);line-height:1.3}.post-hero{display:flex;flex-direction:column;gap:24px;align-items:flex-start;margin:24px 0}@media(min-width:768px){.post-hero{flex-direction:row;gap:24px}}.post-hero-image-wrapper{flex-shrink:0;width:100%;display:flex;justify-content:center}@media(min-width:768px){.post-hero-image-wrapper{width:auto;justify-content:flex-start}}.post-hero-image-container{display:flex;flex-direction:column;align-items:center;gap:12px}.post-hero-image{width:128px;height:128px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-1);border-radius:12px;padding:16px;border:2px solid var(--color-border)}@media(min-width:640px){.post-hero-image{width:160px;height:160px}}.post-hero-image img{width:100%;height:100%;object-fit:contain}.post-hero-fallback-icon{width:64px;height:64px;color:var(--color-text-3)}@media(min-width:640px){.post-hero-fallback-icon{width:80px;height:80px}}.post-hero-name{font-size:16px;font-weight:600;text-align:center;color:var(--color-text-1)}@media(min-width:640px){.post-hero-name{font-size:18px}}.post-hero-intro{flex:1;font-size:15px;line-height:1.6;color:var(--color-text-1)}@media(min-width:640px){.post-hero-intro{font-size:16px}}.post-hero-intro p{margin-bottom:16px}.post-hero-intro p:last-child{margin-bottom:0}.post-hero-intro a{color:var(--color-primary);text-decoration:underline}.post-hero-intro strong{font-weight:600;color:var(--color-text-1)}.post-hero-intro em{font-style:italic}.cpu-section{background:var(--color-bg-1);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 0 4px #00000016}@media(min-width:640px){.cpu-section{border-radius:12px;padding:20px;margin-bottom:20px}}@media(min-width:1024px){.cpu-section{padding:24px;margin-bottom:24px}}.cpu-icon{width:20px;height:20px;flex-shrink:0}@media(min-width:640px){.cpu-icon{width:24px;height:24px}}.cpu-title h2{font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-1);margin:0;line-height:1.4}.cpu-desc{display:block;font-size:13px;color:var(--color-text-3);margin-bottom:16px;line-height:1.5;border-bottom:1px solid var(--color-border);padding-bottom:8px}@media(min-width:640px){.cpu-desc{font-size:14px;margin-bottom:16px;padding-bottom:8px}}.benchmark-label{font-size:14px;font-weight:600;color:var(--color-text-1);margin-bottom:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(min-width:640px){.benchmark-label{font-size:16px;margin-bottom:10px}}@media(min-width:1024px){.benchmark-label{font-size:17px;margin-bottom:12px}}.cpu-benchmarks{display:grid;grid-template-columns:1fr;gap:4px}@media(min-width:640px){.cpu-benchmarks{gap:4px}}@media(min-width:1024px){.cpu-benchmarks{grid-template-columns:repeat(2,1fr);gap:4px 20px}}.cpu-benchmarks>div:last-child{margin-bottom:0}.cpu-subsection-title{font-size:17px;font-weight:600;color:var(--color-text-1);margin:0 0 16px;line-height:1.4}@media(min-width:640px){.cpu-subsection-title{font-size:18px;margin-bottom:18px}}.cpu-single-card{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}@media(min-width:640px){.cpu-single-card{gap:20px;margin-bottom:24px}}@media(min-width:1024px){.cpu-single-card{gap:24px;margin-bottom:28px}}.cpu-item{display:flex;flex-direction:column;gap:8px}.cpu-header{display:flex;justify-content:space-between;align-items:center}.cpu-benchmark{margin-bottom:12px}@media(min-width:640px){.cpu-benchmark{margin-bottom:16px}}@media(min-width:1024px){.cpu-benchmark{margin-bottom:20px}}.cpu-scores{display:flex;flex-direction:column;gap:0}.cpu-score-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cpu-chip-name{font-size:14px;font-weight:500;color:var(--color-text-1)}@media(min-width:640px){.cpu-chip-name{font-size:15px}}.cpu-value{font-size:16px;font-weight:600;color:var(--color-text-1);padding:2px 4px}@media(min-width:640px){.cpu-value{font-size:17px}}.cpu-score-value{font-size:20px;font-weight:700;color:var(--color-text-1)}@media(min-width:640px){.cpu-score-value{font-size:24px}}.cpu-bar-wrap{height:6px;background:var(--color-bg-3);border-radius:4px;overflow:hidden;margin-bottom:10px}@media(min-width:640px){.cpu-bar-wrap{height:7px;border-radius:5px;margin-bottom:12px}}@media(min-width:1024px){.cpu-bar-wrap{height:8px;margin-bottom:16px}}.cpu-bar{height:100%;background:var(--color-primary);border-radius:4px;transition:width .6s ease}.post-related-section{margin-top:48px}@media(min-width:640px){.post-related-section{margin-top:48px}}.post-related-card{background:var(--color-bg-1);border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.post-related-link{display:block;padding:16px;text-decoration:none;color:var(--color-primary)}@media(min-width:640px){.post-related-link{padding:18px}}.post-related-link:hover{background:var(--color-hover)}.post-related-link:hover .post-related-title{text-decoration:underline}.post-related-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.post-related-title{flex:1;font-size:14px;font-weight:600;line-height:1.5}@media(min-width:640px){.post-related-title{font-size:15px}}.post-related-arrow{width:20px;height:20px;color:var(--color-text-2);flex-shrink:0}.related-posts-section{margin-top:24px}@media(min-width:640px){.related-posts-section{margin-top:24px}}.related-posts-list{display:flex;flex-direction:column;gap:0}.related-post-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-primary);transition:background-color .2s ease}@media(min-width:640px){.related-post-item{padding:12px 0;gap:10px}}.related-post-item:last-child{border-bottom:none}.related-post-item:hover{background-color:var(--color-hover)}.related-post-item:hover .related-post-title{text-decoration:underline}.related-post-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-bg-3);color:var(--color-text-2);font-size:13px;font-weight:600;border-radius:4px;flex-shrink:0}@media(min-width:640px){.related-post-number{width:26px;height:26px;font-size:14px}}.related-post-title{flex:1;font-size:14px;font-weight:500;line-height:1.5}@media(min-width:640px){.related-post-title{font-size:15px}}.single-specs-table{width:100%;border-collapse:collapse;margin:16px 0 0;border-radius:8px;overflow:hidden}@media(min-width:640px){.single-specs-table{margin:20px 0 0}}.single-specs-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.single-specs-table tbody tr:last-child{border-bottom:none}.single-specs-table tbody tr:hover{background-color:var(--color-hover)}.single-label{font-size:14px;font-weight:600;color:var(--color-text-2);padding:14px 16px;text-align:left;width:40%;vertical-align:middle}.single-spec-value{font-size:14px;font-weight:500;color:var(--color-text-1);padding:14px 16px;text-align:left;vertical-align:middle}@media(min-width:640px){.single-label,.single-spec-value{font-size:15px;padding:16px 20px}}@media(min-width:1024px){.single-label,.single-spec-value{font-size:16px}}.post-external-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s ease}@media(min-width:640px){.post-external-link{font-size:15px;gap:8px}}@media(min-width:1024px){.post-external-link{font-size:16px}}.post-external-link:hover{opacity:.8;text-decoration:underline}.post-external-icon{width:16px;height:16px;flex-shrink:0;stroke-width:2}@media(min-width:640px){.post-external-icon{width:18px;height:18px}}:root{--color-primary: #1558d6;--color-brand: #1E293B;--color-bg-1: #ffffff;--color-bg-2: #F3F4F6;--color-bg-3: #EEF0F4;--color-bg-4: #E5E7EB;--color-text-1: #101828;--color-text-2: #475569;--color-text-3: #94A3B8;--color-border: #E2E8F0;--color-hover: #F8FAFC;--color-active: #F1F5F9;--color-success: #10B981;--color-success-bg: #ECFDF5}h1{font-size:24px;font-weight:700;line-height:1.3}h2{font-size:20px;font-weight:700;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}h4{font-size:16px;font-weight:600;line-height:1.4}h5{font-size:14px;font-weight:600;line-height:1.4}h6{font-size:13px;font-weight:600;line-height:1.4}@media(min-width:640px){h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}}.home-page{background:var(--color-bg-2)}.home-hero{padding:24px}.home-hero-container{max-width:900px;margin:0 auto;padding:0}.home-hero-content{text-align:center;padding:0}.home-hero-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--color-text-1);line-height:1.3}.home-hero-description{font-size:14px;color:var(--color-text-2);line-height:1.5;margin:0}.home-content{padding:24px 0}.home-content-container{max-width:900px;margin:0 auto;padding:0}.home-section{margin-bottom:16px}.home-section-title{font-size:16px;font-weight:700;margin:0;padding:14px 16px;color:var(--color-text-1);background:var(--color-bg-1);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.home-list{background-color:var(--color-bg-1);border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.home-list-item{display:block;padding:14px 16px;border-bottom:1px solid var(--color-border);text-decoration:none}.home-list-item:last-child{border-bottom:none}.home-list-item:hover{background-color:var(--color-hover)}.home-list-item:active{background-color:var(--color-active)}.home-list-item-content{display:flex;align-items:center;gap:16px}.home-list-item-text{flex:1}.home-list-item-title{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--color-text-1);line-height:1.4}.home-list-item-score{display:flex;align-items:center;gap:8px;margin-top:6px}.home-mini-bar-wrap{flex:1;height:4px;background:var(--color-bg-2);border-radius:2px;overflow:hidden}.home-mini-bar{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.home-score-value{font-size:14px;font-weight:600;color:var(--color-text-2);white-space:nowrap;background:var(--color-bg-2);padding:2px 6px;border-radius:4px}.home-list-item-specs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--color-text-2);line-height:1.4;margin-top:4px}.home-list-item-specs span{background:var(--color-bg-2);padding:3px 8px;border-radius:4px}.home-list-item-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-text-2);stroke-width:1.5}.home-empty-state{text-align:center;padding:32px 16px;background:var(--color-bg-1);border-radius:8px;border:1px solid var(--color-border)}.home-empty-state-text{color:var(--color-text-2);margin:0;font-size:14px}.home-adsense{margin-bottom:16px}@media(min-width:640px){.home-hero{padding:48px 0}.home-hero-container{padding:0 24px}.home-hero-title{font-size:28px}.home-content{padding:32px 0}.home-content-container{padding:0 24px}.home-section{margin-bottom:24px}.home-section-title{font-size:18px;padding:16px 20px}.home-section-icon{width:22px;height:22px}}@media(min-width:1024px){.home-hero-container,.home-content-container{padding:0 32px}.home-hero-title{font-size:32px}.home-section-icon{width:24px;height:24px}}select{background-image:none!important}select option{padding:12px 16px;font-size:15px}select:focus option:checked{background:var(--color-primary);color:#fff;font-weight:600}#soc2_id:focus option:checked,#cpu2_id:focus option:checked{background:#a855f7;color:#fff;font-weight:600}.category-page{background:var(--color-bg-2);min-height:100vh}.category-container{max-width:900px;margin:0 auto;padding:0}@media(min-width:640px){.category-container{padding:24px}}@media(min-width:1024px){.category-container{padding:32px 24px}}.category-header{margin-bottom:16px;text-align:center}@media(min-width:640px){.category-header{margin-bottom:24px}}.category-title{font-size:var(--font-size-h1);margin-bottom:8px;color:var(--color-text-1);padding:16px}@media(min-width:640px){.category-title{padding:24px}}.category-description{font-size:var(--font-size-h6);color:var(--color-text-2);line-height:1.5;max-width:600px;margin:0 auto;padding:0 16px}@media(min-width:640px){.category-description{padding:0}}.comparison-form-card{background:var(--color-bg-1);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #0000000d}@media(min-width:640px){.comparison-form-card{padding:20px}}@media(min-width:1024px){.comparison-form-card{padding:24px}}.comparison-form-title{font-size:var(--font-size-h3);font-weight:700;margin-bottom:16px;color:var(--color-text-1);line-height:1.4}@media(min-width:640px){.comparison-form-title{margin-bottom:20px}}.session-alert{margin-bottom:16px;padding:12px 14px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#eff6ff}@media(min-width:640px){.session-alert{margin-bottom:20px;padding:14px 16px}}.session-alert-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#dbeafe;flex-shrink:0}.session-alert-icon svg{width:18px;height:18px;color:var(--color-primary)}.session-alert-text{color:var(--color-text-1);font-weight:500;font-size:var(--font-size-h6)}.form-fields{display:flex;flex-direction:column;gap:20px}@media(min-width:640px){.form-fields{gap:24px}}.form-group{position:relative}.form-label{display:flex;font-size:var(--font-size-h6);font-weight:600;margin-bottom:8px;align-items:center;gap:8px;color:var(--color-text-1)}.form-label-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.form-label-badge-primary{background:var(--color-primary);color:#fff}.form-label-badge-secondary{background:#a855f7;color:#fff}.search-input-wrapper{position:relative}.search-input{width:100%;padding:11px 14px 11px 38px;font-size:var(--font-size-h6);border-radius:8px;background:var(--color-bg-1);transition:all .2s ease;color:var(--color-text-1);box-shadow:0 1px 2px #0000000d;border:1px solid var(--color-border)}@media(min-width:640px){.search-input{padding:12px 16px 12px 40px}}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none}@media(min-width:640px){.search-input-icon{left:12px}}.search-input-icon svg{width:16px;height:16px;color:var(--color-text-2)}.search-dropdown{position:absolute;z-index:10;width:100%;margin-top:4px;background:var(--color-bg-1);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:256px;overflow-y:auto}.search-dropdown.hidden{display:none}.dropdown-option{padding:12px;cursor:pointer;transition:background-color .2s ease}@media(min-width:640px){.dropdown-option{padding:14px}}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:var(--color-hover)}.dropdown-option-text{font-weight:500;font-size:var(--font-size-h6);color:var(--color-text-1)}.dropdown-no-results{padding:10px 14px;color:var(--color-text-2);font-size:var(--font-size-h6)}.hidden-select{display:none}.validation-error{margin-top:8px;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;background-color:#eff6ff}.validation-error-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#dbeafe}.validation-error-icon svg{width:12px;height:12px;color:var(--color-primary)}.validation-error-text{font-size:13px;color:var(--color-text-1)}.submit-button-container{display:flex;align-items:center;justify-content:center;padding-top:4px}.submit-button{padding:11px 24px;color:#fff;font-weight:600;font-size:var(--font-size-h6);border-radius:8px;background-color:var(--color-primary);border:none;cursor:pointer;transition:background-color .2s ease}@media(min-width:640px){.submit-button{padding:12px 28px;font-size:var(--font-size-h5)}}.submit-button:hover{background-color:#1247b8}.latest-comparisons-section{margin-top:12px}@media(min-width:640px){.latest-comparisons-section{margin-top:16px}}.latest-comparisons-list{background:var(--color-bg-1);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.latest-comparisons-title{font-size:var(--font-size-h3);font-weight:700;margin:0;padding:14px 16px;color:var(--color-text-1);background:var(--color-bg-1);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:8px}@media(min-width:640px){.latest-comparisons-title{padding:16px;gap:10px}}.comparison-list-item{display:block;padding:12px 16px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease;text-decoration:none}@media(min-width:640px){.comparison-list-item{padding:14px 16px}}.comparison-list-item:last-child{border-bottom:none}.comparison-list-item:hover{background-color:var(--color-hover)}.comparison-list-item:active{background-color:var(--color-active)}.comparison-list-item-content{display:flex;align-items:center;gap:12px}.comparison-list-item-title{font-size:var(--font-size-h6);font-weight:600;flex:1;color:var(--color-text-1);line-height:1.4}@media(min-width:640px){.comparison-list-item-title{font-size:var(--font-size-h5)}}.home-list-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-3);color:var(--color-text-2);font-size:12px;font-weight:600;border-radius:50%}.home-section-icon{width:20px;height:20px;flex-shrink:0;fill:var(--color-primary)}.empty-state{text-align:center;padding:32px 16px;background:var(--color-bg-1);border-radius:8px;box-shadow:0 1px 2px #0000000d}@media(min-width:640px){.empty-state{padding:48px 16px}}.empty-state-icon{width:40px;height:40px;margin:0 auto 12px;color:var(--color-text-3)}.empty-state-title{font-size:var(--font-size-h4);font-weight:700;margin-bottom:6px;color:var(--color-text-1)}.empty-state-text{font-size:var(--font-size-h6);color:var(--color-text-2)}.validation-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#00000080}.validation-modal.hidden{display:none}.validation-modal-content{background:var(--color-bg-1);border-radius:12px;padding:24px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media(min-width:640px){.validation-modal-content{padding:28px}}.validation-modal-close{position:absolute;top:12px;right:12px;color:var(--color-text-3);background:none;border:none;cursor:pointer;padding:4px;transition:color .2s ease}.validation-modal-close:hover{color:var(--color-text-2)}.validation-modal-close svg{width:20px;height:20px}.validation-modal-inner{text-align:center}.validation-modal-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background-color:#dbeafe}.validation-modal-icon svg{width:28px;height:28px;color:var(--color-primary)}.validation-modal-title{font-size:var(--font-size-h3);font-weight:700;margin-bottom:8px;color:var(--color-text-1)}.validation-modal-text{font-size:var(--font-size-h6);margin-bottom:20px;color:var(--color-text-2);line-height:1.5}.validation-modal-button{padding:10px 24px;color:#fff;font-weight:600;font-size:var(--font-size-h6);border-radius:8px;background-color:var(--color-primary);border:none;cursor:pointer;transition:background-color .2s ease}.validation-modal-button:hover{background-color:#1247b8}.soc-list-page{background:var(--color-bg-2);min-height:100vh}.soc-list-container{max-width:900px;margin:0 auto;padding:24px 16px}@media(min-width:640px){.soc-list-container{padding:24px}}@media(min-width:1024px){.soc-list-container{padding:32px 24px}}.soc-list-header{margin-bottom:24px;text-align:center}.soc-list-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--color-text-1);line-height:1.3}@media(min-width:640px){.soc-list-title{font-size:28px}}@media(min-width:1024px){.soc-list-title{font-size:32px}}.soc-list-description{font-size:14px;color:var(--color-text-2);line-height:1.5;max-width:600px;margin:0 auto}@media(min-width:640px){.soc-list-description{font-size:15px}}.soc-list-section-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--color-text-1)}@media(min-width:640px){.soc-list-section-title{font-size:20px}}.soc-posts-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}@media(min-width:768px){.soc-posts-grid{grid-template-columns:repeat(2,1fr)}}.soc-list-empty{text-align:center;padding:48px 16px;background:var(--color-bg-1);border-radius:8px;border:1px solid var(--color-border)}.soc-list-empty-icon{width:40px;height:40px;margin:0 auto 12px;color:var(--color-text-3)}.soc-list-empty-title{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--color-text-1)}.soc-list-empty-text{font-size:14px;color:var(--color-text-2)}.compare-label{position:absolute;top:10px;right:10px;z-index:10;width:32px;height:32px;border-radius:50%;background:var(--color-bg-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;border:2px solid var(--color-border)}.compare-label .check-icon{position:absolute;width:18px;height:18px;color:#fff}.compare-label .plus-icon{position:absolute;width:18px;height:18px;color:var(--color-primary)}.post-card-link{background:var(--color-bg-1);border-radius:8px;padding:16px;transition:border-color .2s ease;display:block;border:1px solid var(--color-border)}.post-card-title-wrapper{margin-bottom:12px}.post-card-spec-item{display:flex;align-items:center;gap:8px}.post-card-spec-icon-blue{background-color:#dbeafe}.post-card-spec-icon-blue svg{color:#1d4ed8}.post-card-spec-icon-purple{background-color:#f3e8ff}.post-card-spec-icon-purple svg{color:#7c3aed}.post-card-spec-icon-emerald{background-color:#d1fae5}.post-card-spec-icon-emerald svg{color:#047857}.cpu-list-page{background:var(--color-bg-2);min-height:100vh}.cpu-list-container{max-width:900px;margin:0 auto;padding:24px 16px}@media(min-width:640px){.cpu-list-container{padding:24px}}@media(min-width:1024px){.cpu-list-container{padding:32px 24px}}.cpu-list-header{margin-bottom:24px;text-align:center}.cpu-list-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--color-text-1);line-height:1.3}@media(min-width:640px){.cpu-list-title{font-size:28px}}@media(min-width:1024px){.cpu-list-title{font-size:32px}}.cpu-list-description{font-size:14px;color:var(--color-text-2);line-height:1.5;max-width:600px;margin:0 auto}@media(min-width:640px){.cpu-list-description{font-size:15px}}.error-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#00000080}.error-modal-content{background:var(--color-bg-1);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;padding:28px}.error-modal-body{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.error-modal-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#dbeafe}.error-modal-icon svg{width:18px;height:18px;color:var(--color-primary)}.error-modal-text{font-size:14px;color:var(--color-text-1)}.error-modal-button{width:100%;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;transition:background-color .2s ease;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer}.error-modal-button:hover{background-color:#1247b8}.cpu-list-section-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--color-text-1)}@media(min-width:640px){.cpu-list-section-title{font-size:20px}}.cpu-posts-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}@media(min-width:768px){.cpu-posts-grid{grid-template-columns:repeat(2,1fr)}}.compare-checkbox{position:absolute;opacity:0;pointer-events:none}.compare-checkbox:checked+.compare-label{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.check-icon{opacity:0;transition:opacity .2s ease}.plus-icon{opacity:1;transition:opacity .2s ease}.load-more-container{margin-top:24px;text-align:center}.load-more-button{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-weight:600;font-size:15px;border-radius:8px;transition:background-color .2s ease;background:var(--color-primary);color:#fff;border:none;cursor:pointer}.load-more-button:hover{background-color:#1247b8}.load-more-button:disabled{cursor:not-allowed;opacity:.7}.load-more-icon{width:20px;height:20px}.loading-icon{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-icon circle{opacity:.25}.loading-icon path{opacity:.75}.cpu-list-empty{text-align:center;padding:48px 16px;background:var(--color-bg-1);border-radius:8px;border:1px solid var(--color-border)}.cpu-list-empty-icon{width:40px;height:40px;margin:0 auto 12px;color:var(--color-text-3)}.cpu-list-empty-title{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--color-text-1)}.cpu-list-empty-text{font-size:14px;color:var(--color-text-2)}.floating-compare-container{position:fixed;bottom:24px;right:24px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.floating-compare-container.hidden{display:none}.selected-names{padding:8px 14px;background:var(--color-bg-1);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;font-size:12px;text-align:center;line-height:1.4;max-width:300px;color:var(--color-text-1);border:1px solid var(--color-border)}.selected-names.hidden{display:none}.compare-submit-button{padding:12px 28px;font-weight:600;font-size:15px;border-radius:8px;transition:background-color .2s ease;display:flex;align-items:center;gap:10px;background:var(--color-primary);color:#fff;border:none;cursor:pointer}.compare-submit-button:hover{background-color:#1247b8}.compare-submit-button:disabled{opacity:.8;cursor:not-allowed}.compare-submit-button svg{width:18px;height:18px}.compare-submit-text{font-size:14px}.hidden{display:none}.post-card{position:relative}.compare-checkbox{display:none}.compare-label{position:absolute;top:10px;right:10px;z-index:10;width:32px;height:32px;border-radius:50%;background-color:var(--color-bg-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;border:2px solid var(--color-border)}.compare-checkbox:checked+.compare-label{background:var(--color-primary);border-color:var(--color-primary)}.compare-checkbox:checked+.compare-label .check-icon{opacity:1}.compare-checkbox:checked+.compare-label .plus-icon{opacity:0}.check-icon{position:absolute;width:18px;height:18px;color:#fff;opacity:0;transition:opacity .2s ease}.plus-icon{position:absolute;width:18px;height:18px;color:var(--color-primary);opacity:1;transition:opacity .2s ease}.post-card-link{display:block;background:var(--color-bg-1);border-radius:8px;padding:16px;transition:border-color .2s ease;border:1px solid var(--color-border)}.post-card-link:hover{border-color:var(--color-primary)}.post-card-content{display:flex;flex-direction:column;height:100%}.post-card-header{margin-bottom:12px}.post-card-title{font-size:15px;font-weight:600;transition:color .2s ease;color:var(--color-text-1);line-height:1.4}.post-card-link:hover .post-card-title{color:var(--color-primary)}.post-card-specs{display:flex;flex-direction:column;gap:8px;font-size:13px}.post-card-link:hover .post-card-title{color:#3b82f6}.post-card-specs{display:flex;flex-direction:column;gap:10px;font-size:14px}.post-card-spec{display:flex;align-items:center;gap:10px}.post-card-spec-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.post-card-spec-icon svg{width:14px;height:14px}.post-card-spec-icon-blue{background-color:#dbeafe;color:#1d4ed8}.post-card-spec-icon-purple{background-color:#e9d5ff;color:#7c3aed}.post-card-spec-icon-emerald{background-color:#d1fae5;color:#047857}.post-card-spec-icon-amber{background-color:#fef3c7;color:#b45309}.post-card-spec-text{color:var(--color-text-2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}