/* PC Build Planner: page pieces on top of the shared Days Until system */
.modal[hidden]{display:none}
html{scroll-padding-top:calc(var(--header-h) + 16px)}
.hdr-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}

.pcb-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s4);width:min(980px,100%);text-align:left}
.pcb-f{display:grid;gap:6px;min-width:0}
.pcb-f>span{font:500 var(--t-cap) var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.pcb-f select,.pcb-f input{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-md,10px);background:var(--surface-2);color:var(--ink);font:400 var(--t-body) var(--font-ui)}
.pcb-f select:focus-visible,.pcb-f input:focus-visible{outline:2px solid var(--cta);outline-offset:1px}
#compare .pcb-form{width:100%;margin-bottom:var(--s4)}

.pcb-result{padding-bottom:var(--s6)}
.sc--h{flex-direction:row;min-height:220px}
.sc--h>.sc-slot{flex:0 0 auto;width:34%;aspect-ratio:auto;border-bottom:0;border-right:var(--card-rule)}
.sc--h .sc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5) var(--s6);justify-content:center}
.pcb-main .sc-line{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.pcb-main:hover{transform:none}
.pcb-main .sd-d{font-size:clamp(2.5rem,5vw,3.75rem)}
.pcb-issues{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pcb-issues li{display:flex;gap:10px;font-size:var(--t-body);line-height:1.45}
.pcb-issues li::before{flex:none;width:20px;text-align:center;font-weight:600}
.pcb-issues .bad::before{content:"✕";color:var(--cta)}
.pcb-issues .warn::before{content:"!";color:var(--cta)}
.pcb-issues .info::before{content:"i";color:var(--ink-3);font-style:italic;font-family:var(--font-serif)}
.pcb-issues .good::before{content:"✓";color:var(--ink)}

.pcb-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:start}
.pcb-cols>.panel{display:block}
.pcb-cols .t-h3{margin:var(--s1) 0 var(--s2)}
.pcb-li{display:flex;justify-content:space-between;gap:var(--s3);padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--t-body)}
.pcb-li:last-child{border-bottom:0}
.pcb-li b{font-weight:500;font-variant-numeric:tabular-nums;text-align:right}

.pcb-table-wrap{overflow-x:auto;padding:0}
.pcb-table{width:100%;border-collapse:collapse;font-size:var(--t-body)}
.pcb-table th,.pcb-table td{padding:12px var(--s4);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pcb-table thead th{font:500 var(--t-cap) var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.pcb-table tbody th{font-weight:400;color:var(--ink-2);width:28%}
.pcb-table td{font-variant-numeric:tabular-nums;width:36%}
.pcb-table tr:last-child>*{border-bottom:0}
.pcb-table .win{color:var(--cta);font-weight:500}

@media(max-width:899px){.pcb-form{grid-template-columns:1fr 1fr}.pcb-cols{grid-template-columns:1fr}}
@media(max-width:639px){
  .pcb-form{grid-template-columns:1fr}
  .sc--h{flex-direction:column}
  .sc--h>.sc-slot{width:auto;aspect-ratio:16/8;border-right:0;border-bottom:var(--card-rule)}
  .sc--h .sc-body{padding:var(--s4)}
  .hdr-tools .btn{display:none}
  .pcb-table th,.pcb-table td{padding:10px var(--s3)}
}