.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}

/* Comparison release 1.3: two-phone overview and specification cards. */
.ccl-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ccl-model-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0 26px}
.ccl-model-card{display:flex;min-width:0;align-items:center;gap:16px;padding:18px;border:1px solid #dfe7e9;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#f6faf9 100%);box-shadow:0 8px 24px rgba(18,38,52,.055)}
.ccl-model-card .ccl-compare-photo{width:84px;height:84px;flex:0 0 84px;margin:0;object-fit:contain;border-radius:13px;background:#fff}
.ccl-model-card-copy{display:grid;min-width:0;gap:4px;flex:1}
.ccl-model-card .ccl-compare-name{font-size:1rem;line-height:1.3}
.ccl-affiliate-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:0;border-radius:10px;background:linear-gradient(135deg,#ee8a42,#df6336);box-shadow:0 4px 10px rgba(210,92,48,.18);color:#fff!important;font:inherit;font-size:.83rem;font-weight:800;line-height:1.2;text-align:center;text-decoration:none!important;white-space:nowrap;transition:transform .16s,box-shadow .16s,filter .16s}
.ccl-affiliate-button:hover,.ccl-affiliate-button:focus{transform:translateY(-1px);box-shadow:0 7px 16px rgba(210,92,48,.25);filter:saturate(1.08);color:#fff!important}
.ccl-affiliate-button:focus-visible{outline:3px solid rgba(22,125,141,.4);outline-offset:3px}
.ccl-spec-category{margin:0 0 19px;padding:20px;border:1px solid #e3e9eb;border-radius:18px;background:#f7f9fa}
.ccl-spec-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 13px}
.ccl-spec-category-heading h3{margin:0;color:#174d58;font-size:1.04rem;font-weight:820;letter-spacing:-.01em}
.ccl-spec-category-count{padding:4px 9px;border:1px solid #e1e8e9;border-radius:999px;background:#fff;color:#687985;font-size:.72rem;font-weight:700}
.ccl-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ccl-spec-card{min-width:0;padding:14px;border:1px solid #e7ecee;border-radius:13px;background:#fff;box-shadow:0 3px 11px rgba(24,46,58,.035)}
.ccl-spec-card h4{margin:0 0 10px;color:#526371;font-size:.77rem;font-weight:800;letter-spacing:.035em;line-height:1.35;text-transform:uppercase}
.ccl-spec-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ccl-spec-entry{display:grid;min-width:0;gap:5px;padding:9px 10px;border:1px solid #edf0f1;border-radius:9px;background:#f9fbfb}
.ccl-spec-entry.is-different{border-color:#bfe0dc;background:#eef8f6}
.ccl-spec-entry.is-missing{background:#fafafa}
.ccl-spec-model{overflow:hidden;color:#77858e;font-size:.68rem;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.ccl-spec-entry .ccl-spec-value{max-width:none;color:#273945;font-size:.87rem;font-weight:780;line-height:1.4}
.ccl-spec-entry.is-missing .ccl-spec-value{color:#89949b;font-size:.75rem;font-weight:600}
.ccl-no-specs{margin:0 0 18px;padding:18px;border:1px dashed #ccd6da;border-radius:12px;background:#fff;color:#62717b;text-align:center}
@media(max-width:760px){.ccl-model-overview{grid-template-columns:1fr}.ccl-model-card{align-items:flex-start;flex-wrap:wrap;gap:12px}.ccl-model-card-copy{min-width:calc(100% - 105px)}.ccl-model-card .ccl-affiliate-button{width:100%}.ccl-spec-category{padding:15px}.ccl-spec-grid{grid-template-columns:1fr}}
@media(max-width:520px){.ccl-selector-grid{grid-template-columns:1fr}.ccl-spec-values{gap:6px}.ccl-spec-entry{padding:8px}.ccl-spec-model{font-size:.64rem}.ccl-spec-entry .ccl-spec-value{font-size:.81rem}}

/* Comparison release 1.5: same specification rows stay aligned between phones. */
.ccl-comparison-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.ccl-phone-column{min-width:0;padding:16px;border:1px solid #dfe7e9;border-radius:18px;background:#f7f9fa;box-shadow:0 8px 24px rgba(18,38,52,.045)}
.ccl-phone-index{display:inline-flex;margin:0 0 11px;padding:4px 9px;border-radius:999px;background:#e5f2f1;color:#155c67;font-size:.68rem;font-weight:850;letter-spacing:.08em}
.ccl-phone-column-header{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:13px;margin:0 0 15px;padding:13px;border:1px solid #e2e9eb;border-radius:13px;background:#fff}
.ccl-phone-column-photo{width:86px;height:86px;object-fit:contain;border-radius:10px;background:#fff}
.ccl-phone-column-copy{display:grid;min-width:0;gap:4px}
.ccl-phone-column-name{color:#1d2832;font-size:1rem;font-weight:820;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
.ccl-phone-column-name:hover{color:#0f5965}
.ccl-phone-column-header .ccl-affiliate-button{grid-column:1/-1;width:100%}
.ccl-phone-spec-group{margin:0 0 13px;padding:13px;border:1px solid #e4eaec;border-radius:13px;background:#fff}
.ccl-phone-spec-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid #edf0f1}
.ccl-phone-spec-group-heading h3{margin:0;color:#174d58;font-size:.9rem;font-weight:820}
.ccl-phone-spec-group-count{display:grid;min-width:23px;height:23px;place-items:center;padding:0 6px;border-radius:999px;background:#f0f4f5;color:#61727c;font-size:.68rem;font-weight:750}
.ccl-phone-spec-list{display:grid;gap:7px}
.ccl-phone-spec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:10px;min-width:0;padding:9px 10px;border:1px solid #edf0f1;border-radius:9px;background:#fbfcfc}
.ccl-phone-spec.is-different{border-color:#bfe0dc;background:#f0f8f6}
.ccl-phone-spec-label{margin:0;color:#667680;font-size:.72rem;font-weight:720;line-height:1.35;overflow-wrap:anywhere}
.ccl-phone-spec-value{color:#243742;font-size:.83rem;font-weight:780;line-height:1.4;overflow-wrap:anywhere}
.ccl-phone-spec-difference{grid-column:1/-1;margin-top:-4px;color:#137267;font-size:.65rem;font-weight:750}
.ccl-phone-no-specs{padding:14px;border:1px dashed #cbd6d9;border-radius:10px;background:#fff;color:#6a7a82;font-size:.8rem;text-align:center}
@media(max-width:760px){.ccl-comparison-columns{grid-template-columns:1fr;gap:12px}.ccl-phone-column{padding:14px}.ccl-phone-spec-group{padding:11px}}

.ccl-phone-spec.is-missing{border-style:dashed;border-color:#d5dfe1;background:#f7f9f9}
.ccl-phone-spec.is-missing .ccl-phone-spec-value{color:#75848b;font-style:italic;font-weight:650}

/* Comparison release 1.6: contained search input and compact side-by-side mobile view. */
.ccl-app .ccl-selector-grid,.ccl-app .ccl-selector,.ccl-app .ccl-search-wrap,.ccl-app .ccl-search-wrap input[type=search]{box-sizing:border-box;min-width:0;width:100%;max-width:100%}
.ccl-app .ccl-search-wrap input[type=search]{display:block;box-sizing:border-box!important;margin:0}
.ccl-app .ccl-selector-grid>*{min-width:0;max-width:100%}
@media(max-width:760px){.ccl-app .ccl-comparison-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccl-app .ccl-phone-column{min-width:0;padding:7px;border-radius:12px}.ccl-app .ccl-phone-column-header{grid-template-columns:38px minmax(0,1fr);gap:6px;margin-bottom:8px;padding:6px}.ccl-app .ccl-phone-column-photo{width:38px;height:38px}.ccl-app .ccl-phone-column-name{font-size:.72rem;line-height:1.25}.ccl-app .ccl-phone-column-copy .ccl-card-brand{font-size:.61rem}.ccl-app .ccl-phone-index{margin-bottom:6px;padding:3px 6px;font-size:.56rem}.ccl-app .ccl-phone-spec-group{margin-bottom:8px;padding:7px;border-radius:9px}.ccl-app .ccl-phone-spec-group-heading{margin-bottom:5px;padding-bottom:5px}.ccl-app .ccl-phone-spec-group-heading h3{font-size:.72rem}.ccl-app .ccl-phone-spec-group-count{min-width:18px;height:18px;font-size:.59rem}.ccl-app .ccl-phone-spec-list{gap:5px}.ccl-app .ccl-phone-spec{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4px;padding:6px;border-radius:7px}.ccl-app .ccl-phone-spec-label{font-size:.62rem;line-height:1.25}.ccl-app .ccl-phone-spec-value{font-size:.66rem;line-height:1.25}.ccl-app .ccl-phone-spec-difference{font-size:.56rem}.ccl-app .ccl-phone-column-header .ccl-affiliate-button{min-height:32px;padding:6px 4px;font-size:.65rem;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:650px){.ccl-app{margin:8px auto 24px;padding:0 6px}.ccl-app .ccl-hero{padding:18px 15px;border-radius:12px}.ccl-app .ccl-selector-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin:11px 0}.ccl-app .ccl-selector{padding:10px;border-radius:11px}.ccl-app .ccl-search-wrap input[type=search]{min-height:42px;padding:9px 36px 9px 11px;font-size:.84rem}.ccl-app .ccl-search-icon{right:11px}.ccl-app .ccl-filters{gap:9px;margin:18px 0 10px}.ccl-app .ccl-chip-list{gap:5px}.ccl-app .ccl-chip{padding:6px 8px;font-size:.68rem}.ccl-app .ccl-comparison-toolbar{flex-direction:row;align-items:center;flex-wrap:wrap}.ccl-app .ccl-comparison-count{font-size:.7rem}.ccl-app .ccl-share{padding:7px 9px;font-size:.68rem}}
@media(max-width:380px){.ccl-app .ccl-comparison-columns{gap:5px}.ccl-app .ccl-phone-column{padding:5px}.ccl-app .ccl-phone-column-header{grid-template-columns:32px minmax(0,1fr);gap:4px;padding:5px}.ccl-app .ccl-phone-column-photo{width:32px;height:32px}.ccl-app .ccl-phone-spec-group{padding:5px}.ccl-app .ccl-phone-spec{grid-template-columns:minmax(0,1fr);gap:2px}.ccl-app .ccl-phone-spec-value{font-size:.7rem}.ccl-app .ccl-phone-column-header .ccl-affiliate-button{font-size:.6rem;padding:5px 3px}}


/* Comparison release 1.9: explainable technical recommendation. */
.ccl-recommendation{margin:22px 0 0;padding:20px 22px;border:1px solid #cce8e5;border-radius:16px;background:linear-gradient(135deg,#eef8f6,#fff);box-shadow:0 7px 22px rgba(18,38,52,.045)}
.ccl-recommendation-eyebrow{margin:0 0 4px;color:var(--ccl-primary-dark);font-size:.7rem;font-weight:850;letter-spacing:.12em}
.ccl-recommendation h3{margin:0 0 5px;font-size:1.05rem}
.ccl-recommendation-title{display:block;color:#123f49;font-size:1.2rem;line-height:1.3}
.ccl-recommendation-copy{margin:5px 0 0;color:#40535d;font-size:.86rem}
.ccl-recommendation-note{display:block;margin-top:11px;color:#71808a;font-size:.73rem;line-height:1.5}
@media(max-width:650px){.ccl-recommendation{padding:17px}.ccl-recommendation-title{font-size:1.05rem}}


/* Manufacturing year is intentionally shown before brand and model. */
.ccl-phone-year{display:block;margin:0 0 4px;color:var(--ccl-primary-dark);font-size:.76rem;font-weight:800;letter-spacing:.02em}
.ccl-phone-column-copy .ccl-phone-year{margin-bottom:5px}
.ccl-selected-copy .ccl-phone-year{font-size:.68rem}

.ccl-recommendation-subtitle{display:block;margin-top:13px;color:#174d58;font-size:.82rem}
.ccl-recommendation-criteria{display:grid;gap:5px;margin:6px 0 0;padding-left:19px;color:#40535d;font-size:.82rem}
.ccl-recommendation-criteria li{padding-left:2px}
.ccl-recommendation-criteria li strong{color:#263f49}
.ccl-recommendation-criteria li small{color:#71808a;font-size:.72rem}