.ccl-app,.ccl-single-page,.ccl-archive-page{--ccl-ink:#1d2832;--ccl-muted:#657382;--ccl-line:#e5e9ed;--ccl-soft:#f5f7f9;--ccl-primary:#167d8d;--ccl-primary-dark:#0f5965;--ccl-accent:#e9783d;--ccl-white:#fff;color:var(--ccl-ink);font-family:inherit;font-size:16px;line-height:1.5}.ccl-app *,.ccl-single-page *,.ccl-archive-page *{box-sizing:border-box}.ccl-app{max-width:1180px;margin:24px auto 48px;padding:0 18px}.ccl-hero{position:relative;display:flex;justify-content:space-between;gap:28px;align-items:center;overflow:hidden;padding:clamp(28px,5vw,54px);border-radius:20px;background:linear-gradient(125deg,#123c50 0%,#175d69 58%,#27898a 100%);color:#fff}.ccl-hero:after{content:"";position:absolute;width:300px;height:300px;right:8%;top:-190px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.035),0 0 0 60px rgba(255,255,255,.025)}.ccl-hero-copy,.ccl-hero-count{position:relative;z-index:1}.ccl-eyebrow{margin:0 0 8px;color:#2595a1;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ccl-hero .ccl-eyebrow{color:#a1e3dc}.ccl-hero h2{max-width:690px;margin:0 0 10px;color:#fff;font-size:clamp(1.75rem,4vw,2.65rem);font-weight:800;letter-spacing:-.035em;line-height:1.12}.ccl-hero-copy>p:last-child{max-width:620px;margin:0;color:rgba(255,255,255,.82);font-size:1rem}.ccl-hero-count{min-width:156px;padding:18px 20px;border:1px solid rgba(255,255,255,.24);border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(4px)}.ccl-hero-count strong,.ccl-hero-count span{display:block}.ccl-hero-count strong{font-size:1.65rem;letter-spacing:.06em}.ccl-hero-count span{margin-top:5px;color:rgba(255,255,255,.78);font-size:.8rem}.ccl-selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.ccl-selector{position:relative;min-width:0;padding:17px;border:1px solid var(--ccl-line);border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(18,38,52,.04)}.ccl-selector>label{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:.9rem;font-weight:750}.ccl-slot-number{display:inline-grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#e8f5f3;color:var(--ccl-primary-dark);font-size:.73rem;font-weight:800}.ccl-search-wrap{position:relative}.ccl-search-wrap input{width:100%;min-height:47px;padding:11px 42px 11px 14px;border:1px solid #dce2e7;border-radius:10px;background:#fbfcfd;color:var(--ccl-ink);font:inherit;font-size:.9rem;outline:none;transition:border .18s,box-shadow .18s}.ccl-search-wrap input:focus{border-color:var(--ccl-primary);box-shadow:0 0 0 3px rgba(22,125,141,.13)}.ccl-search-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#71808c;font-size:1.55rem;pointer-events:none}.ccl-results{position:absolute;z-index:25;top:calc(100% + 7px);left:0;right:0;max-height:330px;overflow:auto;padding:5px;border:1px solid var(--ccl-line);border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(22,41,53,.17)}.ccl-result{display:flex;width:100%;align-items:center;gap:11px;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--ccl-ink);text-align:left;cursor:pointer}.ccl-result:hover,.ccl-result:focus{background:#eef6f6;outline:none}.ccl-result-photo{width:44px;height:44px;flex:0 0 44px;object-fit:contain;border-radius:8px;background:#fff}.ccl-result-copy{display:grid;gap:1px}.ccl-result-copy small,.ccl-card-brand{color:var(--ccl-muted);font-size:.74rem;font-weight:650}.ccl-result-copy strong{font-size:.88rem}.ccl-no-results{padding:14px;color:var(--ccl-muted);font-size:.86rem}.ccl-selected{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--ccl-line)}.ccl-selected-photo{width:48px;height:48px;flex:0 0 48px;object-fit:contain}.ccl-no-photo{display:grid;place-items:center;background:var(--ccl-soft);color:var(--ccl-muted)}.ccl-selected-copy{display:grid;min-width:0;gap:2px;flex:1}.ccl-selected-name{overflow:hidden;color:var(--ccl-ink);font-size:.83rem;font-weight:760;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.ccl-selected-name:hover{color:var(--ccl-primary-dark)}.ccl-remove{padding:4px 7px;border:0;background:transparent;color:#a34439;font:inherit;font-size:.74rem;cursor:pointer}.ccl-remove:hover{text-decoration:underline}.ccl-filters{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 15px}.ccl-filter-title{display:grid;gap:2px}.ccl-filter-title strong{font-size:1.05rem}.ccl-filter-title span{color:var(--ccl-muted);font-size:.83rem}.ccl-chip-list{display:flex;flex-wrap:wrap;gap:8px}.ccl-chip{padding:8px 13px;border:1px solid #dfe5e8;border-radius:999px;background:#fff;color:#485764;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .16s}.ccl-chip:hover{border-color:var(--ccl-primary);color:var(--ccl-primary-dark)}.ccl-chip.is-active{border-color:#cce8e5;background:#eaf6f4;color:#155c67}.ccl-comparison{min-height:210px}.ccl-empty-state{display:grid;min-height:230px;place-content:center;justify-items:center;padding:30px;border:1px dashed #cdd6dc;border-radius:16px;background:linear-gradient(180deg,#fff,#fafbfc);text-align:center}.ccl-empty-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#e8f5f3;color:var(--ccl-primary);font-size:1.7rem}.ccl-empty-state h3{margin:12px 0 4px;font-size:1.05rem}.ccl-empty-state p{margin:0;color:var(--ccl-muted);font-size:.87rem}.ccl-comparison-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}.ccl-comparison-count{color:var(--ccl-muted);font-size:.82rem;font-weight:650}.ccl-share{padding:8px 12px;border:1px solid #dce3e6;border-radius:9px;background:#fff;color:var(--ccl-primary-dark);font:inherit;font-size:.79rem;font-weight:720;cursor:pointer}.ccl-share:hover{background:#f0f8f7}.ccl-table-wrap{overflow:auto;border:1px solid var(--ccl-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(18,38,52,.045)}.ccl-table{width:100%;min-width:670px;border-collapse:separate;border-spacing:0;font-size:.87rem}.ccl-table th,.ccl-table td{padding:13px 16px;border-bottom:1px solid #edf0f2;text-align:left;vertical-align:middle}.ccl-table thead th{min-width:175px;background:#fff}.ccl-table thead th:first-child{position:sticky;left:0;z-index:3;min-width:165px;background:#fff}.ccl-table .ccl-spec-heading{color:#71808c;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.ccl-phone-heading{height:168px;text-align:center!important}.ccl-compare-photo{display:block;width:78px;height:78px;margin:0 auto 6px;object-fit:contain}.ccl-compare-name{display:block;margin-top:3px;color:var(--ccl-ink);font-size:.88rem;font-weight:800;text-decoration:none}.ccl-compare-name:hover{color:var(--ccl-primary-dark)}.ccl-section-row th{padding:10px 16px;background:#eff6f5;color:#125a65;font-size:.78rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.ccl-spec-row:nth-child(odd){background:#fcfdfd}.ccl-spec-row th.ccl-spec-label{position:sticky;left:0;z-index:2;width:165px;background:inherit;color:#465663;font-size:.82rem;font-weight:680}.ccl-spec-value{max-width:360px;color:#3f4c57;line-height:1.5;overflow-wrap:anywhere}.ccl-spec-value.is-different{color:#172a35;font-weight:750}.ccl-no-specs{padding:22px!important;color:var(--ccl-muted);text-align:center!important}.ccl-disclaimer,.ccl-source-note{margin:12px 1px 0;color:#76838d;font-size:.75rem;line-height:1.55}.ccl-single-page,.ccl-archive-page{max-width:1180px;margin:35px auto 60px;padding:0 18px}.ccl-single-wrap{max-width:940px;margin:0 auto}.ccl-breadcrumb{display:flex;gap:9px;margin:0 0 18px;color:#76838d;font-size:.8rem}.ccl-breadcrumb a{color:var(--ccl-primary-dark);text-decoration:none}.ccl-phone-header{display:flex;align-items:center;gap:28px;margin:0 0 26px;padding:30px;border:1px solid var(--ccl-line);border-radius:18px;background:linear-gradient(135deg,#f7fafb,#fff)}.ccl-phone-photo{width:160px;height:160px;flex:0 0 160px;object-fit:contain;border-radius:15px;background:#fff}.ccl-phone-header h1{margin:0 0 7px;font-size:clamp(1.6rem,4vw,2.45rem);line-height:1.15;letter-spacing:-.025em}.ccl-phone-header>div>p:last-child{margin:0;color:var(--ccl-muted)}.ccl-detail-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ccl-detail-group{padding:19px;border:1px solid var(--ccl-line);border-radius:14px;background:#fff}.ccl-detail-group h2{margin:0 0 8px;color:var(--ccl-primary-dark);font-size:1rem}.ccl-detail-group dl{margin:0}.ccl-detail-group dl>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:14px;padding:10px 0;border-top:1px solid #eef1f2}.ccl-detail-group dt{color:var(--ccl-muted);font-size:.82rem}.ccl-detail-group dd{margin:0;color:var(--ccl-ink);font-size:.85rem;font-weight:650;overflow-wrap:anywhere}.ccl-compare-cta{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:12px 16px;border-radius:9px;background:var(--ccl-primary-dark);color:#fff;font-weight:750;text-decoration:none}.ccl-compare-cta:hover{background:#0a4550;color:#fff}.ccl-archive-header{margin:0 0 24px;padding:34px;border-radius:18px;background:#f2f7f7}.ccl-archive-header h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.5rem)}.ccl-archive-header>p:not(.ccl-eyebrow){margin:0;color:var(--ccl-muted)}.ccl-archive-header .ccl-compare-cta{margin-top:17px}.ccl-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ccl-phone-card{display:flex;min-height:245px;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--ccl-line);border-radius:14px;background:#fff;color:var(--ccl-ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.ccl-phone-card:hover{transform:translateY(-2px);border-color:#bfdedb;box-shadow:0 12px 26px rgba(18,38,52,.08)}.ccl-phone-card img{align-self:center;width:105px;height:105px;margin:0 auto 9px;object-fit:contain}.ccl-phone-card strong{margin:2px 0 5px;font-size:.96rem}.ccl-phone-card>span:not(.ccl-card-brand){color:var(--ccl-muted);font-size:.77rem}.ccl-phone-card .ccl-card-link{margin-top:auto;padding-top:12px;color:var(--ccl-primary-dark)!important;font-weight:750}.ccl-pagination{margin:25px 0}.ccl-pagination ul{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;list-style:none;padding:0}.ccl-pagination a,.ccl-pagination span{display:grid;min-width:38px;height:38px;place-items:center;padding:0 9px;border:1px solid var(--ccl-line);border-radius:8px;text-decoration:none}.ccl-pagination .current{background:var(--ccl-primary-dark);color:#fff}.ccl-single-editor-content:empty{display:none}
@media(max-width:900px){.ccl-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ccl-filters{align-items:flex-start;flex-direction:column}.ccl-detail-groups{gap:11px}.ccl-phone-heading{min-width:150px!important}}
@media(max-width:650px){.ccl-app{padding:0 12px;margin-top:12px}.ccl-hero{align-items:flex-start;flex-direction:column;padding:27px 22px;border-radius:15px}.ccl-hero-count{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 12px}.ccl-hero-count strong{font-size:1.1rem}.ccl-hero-count span{margin:0}.ccl-selector-grid{grid-template-columns:1fr;gap:11px;margin:16px 0}.ccl-selector{padding:14px}.ccl-chip-list{gap:6px}.ccl-chip{padding:7px 10px;font-size:.74rem}.ccl-comparison-toolbar{align-items:flex-start;flex-direction:column}.ccl-table{min-width:570px;font-size:.8rem}.ccl-table th,.ccl-table td{padding:11px 12px}.ccl-table thead th:first-child,.ccl-spec-row th.ccl-spec-label{min-width:132px;width:132px}.ccl-table thead th{min-width:143px}.ccl-phone-heading{height:145px}.ccl-compare-photo{width:64px;height:64px}.ccl-single-page,.ccl-archive-page{margin-top:20px;padding:0 13px}.ccl-phone-header{align-items:flex-start;gap:15px;padding:19px}.ccl-phone-photo{width:94px;height:94px;flex-basis:94px}.ccl-phone-header h1{font-size:1.55rem}.ccl-detail-groups{grid-template-columns:1fr}.ccl-detail-group{padding:15px}.ccl-detail-group dl>div{grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);gap:8px}.ccl-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ccl-phone-card{min-height:222px;padding:12px}.ccl-archive-header{padding:24px 19px}.ccl-card-brand{font-size:.68rem}}

.ccl-selected[hidden],.ccl-results[hidden]{display:none!important}