.pcg-tool{--pcg-ink:#17243a;--pcg-rule:#d3d9de;--pcg-paper:#faf9f4;width:min(1020px,calc(100% - 80px));margin:0 auto;padding:30px 0 80px;color:var(--pcg-ink)}
.pcg-tool [hidden]{display:none!important}
.pcg-tool .pcg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pcg-crumb{display:flex;align-items:center;gap:.75em;font-size:.79rem;color:#5e6672}
.pcg-crumb a,.pcg-sources a{color:inherit;text-underline-offset:.2em}
.pcg-title{margin:37px 0 27px}
.pcg-title h1{margin:0 0 9px;font-size:clamp(2.6rem,6vw,4.75rem);line-height:1.03;letter-spacing:-.065em;color:var(--pcg-ink)}
.pcg-title p{margin:0;font-size:clamp(.96rem,1.5vw,1.12rem);color:#465064;line-height:1.5}
.pcg-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pcg-phone{margin:0;min-width:0;position:relative;display:flex;flex-direction:column;background:#eef1f0;border:1px solid var(--pcg-rule);overflow:hidden}
.pcg-phone:nth-child(2){background:#f0f0e5}
.pcg-photo{display:grid;place-items:center;padding:20px 20px 7px;height:clamp(155px,22vw,239px);box-sizing:border-box}
.pcg-photo img{height:100%;width:100%;max-height:208px;max-width:80%;object-position:center;object-fit:contain;mix-blend-mode:multiply}
.pcg-model{padding:14px 23px 18px;min-width:0;background:rgba(255,255,255,.44);border-top:1px solid rgba(30,45,56,.12)}
.pcg-brand{display:block;text-transform:uppercase;letter-spacing:.11em;font-weight:650;font-size:.68rem;line-height:1.5;color:#4d5563}
.pcg-model h2,.pcg-picker select{font-family:inherit;color:var(--pcg-ink);font-weight:650;font-size:clamp(1.1rem,2.7vw,2rem);line-height:1.22;letter-spacing:-.045em}
.pcg-model h2{margin:3px 0 0}
.pcg-picker{display:block;position:relative}
.pcg-picker:after{content:"";display:block;pointer-events:none;position:absolute;right:5px;top:47%;width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:translateY(-50%) rotate(45deg)}
.pcg-picker select{border:0;min-height:36px;padding:2px 24px 2px 0;width:100%;background:transparent;appearance:none;cursor:pointer}
.pcg-picker select option{font-family:system-ui,sans-serif;font-size:1rem;color:#17243a;background:white}
.pcg-tool :focus-visible{outline:3px solid #3a62ae;outline-offset:3px}
.pcg-spec-heading{margin:40px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pcg-spec-heading h2,.pcg-sources h2{margin:0;font-size:clamp(1.42rem,2.6vw,2.1rem);line-height:1.14;letter-spacing:-.05em}
#pcg-copy{line-height:1.2;font-family:inherit;font-size:.85rem;font-weight:650;color:#17243a;background:#e2ef80;border:1px solid #aabc53;padding:9px 12px;cursor:pointer}
#pcg-copy span{margin-left:5px}
#pcg-manual{display:block;padding:10px 0;font-size:.85rem}
#pcg-manual input{width:100%;padding:8px;margin-top:4px;border:1px solid var(--pcg-rule);box-sizing:border-box}
.pcg-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;font-size:clamp(.86rem,1.7vw,1rem);line-height:1.45}
.pcg-label-col{width:24%}
.pcg-table th,.pcg-table td{text-align:left;border-bottom:1px solid var(--pcg-rule);padding:13px 16px;vertical-align:top;overflow-wrap:anywhere}
.pcg-table thead th{color:white;background:#182842;font-size:.86em;letter-spacing:.012em}
.pcg-table tbody th{font-weight:650;background:#edf0ed}
.pcg-table td{background:#fbfaf6}
.pcg-table tr:nth-child(even) td{background:#f3f4ef}
.pcg-battery-note{margin:12px 0 0;color:#535f6b;font-size:.87rem;line-height:1.5}
.pcg-sources{margin:38px 0 0;padding-top:20px;border-top:2px solid var(--pcg-ink)}
.pcg-sources ul{display:flex;flex-wrap:wrap;gap:5px 26px;margin:12px 0;padding:0;list-style:none}
.pcg-sources a{text-decoration:underline}
.pcg-sources p{max-width:75ch;margin:10px 0 0;font-size:.9rem;line-height:1.55;color:#535f6b}
@media(max-width:650px){
  .pcg-tool{width:calc(100% - 32px);padding:19px 0 55px}
  .pcg-title{margin:25px 0 19px}
  .pcg-pair{gap:8px}.pcg-photo{height:150px;padding:11px 8px 4px}.pcg-photo img{max-width:100%;max-height:135px}
  .pcg-model{padding:8px 10px 10px}
  .pcg-picker select{font-size:clamp(.88rem,3.8vw,1.26rem);letter-spacing:-.035em;padding-right:16px}
  .pcg-picker:after{right:1px;width:6px;height:6px}
  .pcg-spec-heading{margin-top:27px}.pcg-table th,.pcg-table td{padding:9px 7px}
  .pcg-table thead th{line-height:1.3}.pcg-label-col{width:27%}
  .pcg-sources{margin-top:27px}
}