/* Laptop Finder: 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)}

.lap-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);width:min(860px,100%);text-align:left}
.lap-f{display:grid;gap:8px;min-width:0;align-content:start}
.lap-f>span:first-child{font:500 var(--t-cap) var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.lap-f .seg{justify-self:start;max-width:100%;flex-wrap:wrap}
.lap-money{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-md,10px);background:var(--surface-2);font-family:var(--font-serif);font-size:1.3rem;color:var(--ink-2)}
.lap-money:focus-within{outline:2px solid var(--cta);outline-offset:1px}
.lap-money input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;outline:0}

.lap-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}
.lap-main .sc-line{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.lap-main:hover{transform:none}
.lap-main .sd-d{font-size:clamp(2.5rem,5vw,3.75rem)}
.lap-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s4)}
.lap-specs div{display:grid;gap:2px}
.lap-specs span{font-size:var(--t-small);color:var(--ink-3)}
.lap-specs b{font-weight:500;font-variant-numeric:tabular-nums}

.lap-sort .seg{flex-wrap:wrap}
.lap-table-wrap{overflow-x:auto;padding:0}
.lap-table{width:100%;border-collapse:collapse;font-size:var(--t-body)}
.lap-table th,.lap-table td{padding:12px var(--s4);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.lap-table thead th{font:500 var(--t-cap) var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.lap-table tbody th{font-weight:500}
.lap-table td{font-variant-numeric:tabular-nums;color:var(--ink-2)}
.lap-table tr:last-child>*{border-bottom:0}
.lap-table .sub{display:block;font-weight:400;font-size:var(--t-small);color:var(--ink-3)}
.lap-empty{padding:var(--s5);color:var(--ink-2)}

@media(max-width:639px){
  .lap-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)}
  .lap-specs{grid-template-columns:1fr 1fr}
  .hdr-tools .btn{display:none}
  .lap-table th,.lap-table td{padding:10px var(--s3)}
}
