/* =====================================================================
   PRODUCT INTELLIGENCE — product page
   Highlights, full specifications, "What can this PC run?", fit.
   Uses the site's theme tokens only (--navy-*, --white-*, --sky), so the
   light theme works with no overrides. Accordions are native <details>:
   no JavaScript, keyboard- and screen-reader-friendly, and they collapse
   long spec lists on a phone.
   ===================================================================== */

.pdi-highlights{
  list-style:none;margin:0 0 22px;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;
}
.pdi-highlights li{
  display:flex;align-items:flex-start;gap:8px;
  font-size:14px;line-height:1.45;color:var(--white);
}
.pdi-highlights svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--sky);}

.pdi{margin-top:36px;display:flex;flex-direction:column;gap:34px;}
.pdi-block{min-width:0;}
.pdi-h2{
  font-family:'Archivo',sans-serif;font-weight:800;
  font-size:clamp(20px,2.4vw,24px);letter-spacing:-0.01em;margin:0 0 14px;
}
.pdi-h3{
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:0.06em;color:var(--sky-light);
  margin:18px 0 6px;
}
.pdi-lead{font-size:16px;line-height:1.75;color:var(--white);margin:0;max-width:720px;}
.pdi-p{font-size:15px;line-height:1.75;color:var(--white-72);margin:0;max-width:720px;}
.pdi-sub{font-size:14px;line-height:1.65;color:var(--white-72);margin:-4px 0 16px;max-width:720px;}
.pdi-source{
  font-size:12.5px;line-height:1.6;color:var(--white-50);margin:18px 0 10px;
}

/* ---------- accordions ---------- */
.pdi-acc{
  border:1px solid var(--white-14);border-radius:var(--radius);
  background:var(--navy-800);margin-bottom:8px;overflow:hidden;
}
.pdi-acc > summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:52px;padding:0 16px;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;
}
.pdi-acc > summary::-webkit-details-marker{display:none;}
.pdi-acc > summary::after{
  content:"";width:9px;height:9px;flex-shrink:0;margin-left:4px;
  border-right:2px solid var(--white-50);border-bottom:2px solid var(--white-50);
  transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease-premium);
}
.pdi-acc[open] > summary::after{transform:rotate(-135deg) translateY(-2px);}
.pdi-acc > summary:focus-visible{outline:2px solid var(--sky);outline-offset:-2px;}
.pdi-acc > summary > span:first-child{flex:1;}
.pdi-acc-count{
  font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--white-50);
}
.pdi-acc-tag{
  font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.05em;
  color:var(--sky-light);border:1px solid var(--sky);background:rgba(14,165,233,0.12);
  border-radius:20px;padding:3px 9px;
}
.pdi-acc-config{border-color:rgba(14,165,233,0.45);}
.pdi-acc-note{font-size:13px;line-height:1.6;color:var(--white-72);margin:0 16px 10px;}

.pdi-dl{margin:0;padding:0 16px 10px;}
.pdi-dl > div{
  display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:16px;
  padding:11px 0;border-top:1px solid var(--white-08);
}
.pdi-dl dt{font-size:13.5px;color:var(--white-50);}
.pdi-dl dd{margin:0;font-size:14px;color:var(--white);line-height:1.5;overflow-wrap:anywhere;}

/* ---------- capability ---------- */
.pdi-caps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-items:start;}
.pdi-cap{
  border:1px solid var(--white-14);border-radius:var(--radius);background:var(--navy-800);
}
.pdi-cap > summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:56px;padding:10px 14px;
}
.pdi-cap > summary::-webkit-details-marker{display:none;}
.pdi-cap > summary:focus-visible{outline:2px solid var(--sky);outline-offset:-2px;border-radius:var(--radius);}
.pdi-cap-title{font-family:'Archivo',sans-serif;font-weight:700;font-size:14.5px;}
.pdi-cap[open]{grid-column:1 / -1;}
.pdi-cap-why{font-size:14px;line-height:1.65;color:var(--white-72);margin:0 14px 10px;}
.pdi-cap-items{list-style:none;margin:0;padding:0 14px 12px;}
.pdi-cap-items li{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:10px 0;border-top:1px solid var(--white-08);
}
.pdi-cap-item{font-size:13.5px;line-height:1.5;color:var(--white);}
.pdi-cap-item small{display:block;font-size:12px;color:var(--white-50);margin-top:2px;}

.pdi-rating{
  flex-shrink:0;white-space:nowrap;
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:0.04em;
  padding:5px 10px;border-radius:20px;border:1px solid currentColor;
}
.pdi-rating-sm{font-size:10px;padding:3px 8px;}
.pdi-rating.is-excellent{color:var(--green-light);background:rgba(16,185,129,0.12);}
.pdi-rating.is-good{color:var(--sky-light);background:rgba(14,165,233,0.12);}
.pdi-rating.is-moderate{color:#FBBF24;background:rgba(251,191,36,0.10);}
.pdi-rating.is-limited{color:#FB923C;background:rgba(251,146,60,0.10);}
.pdi-rating.is-no{color:var(--red-light);background:rgba(225,29,60,0.10);}
[data-theme="light"] .pdi-rating.is-excellent{color:#047857;}
[data-theme="light"] .pdi-rating.is-good{color:#0369A1;}
[data-theme="light"] .pdi-rating.is-moderate{color:#92400E;}
[data-theme="light"] .pdi-rating.is-limited{color:#9A3412;}
[data-theme="light"] .pdi-rating.is-no{color:#B91C1C;}

.pdi-notes{margin:14px 0 0;padding-left:18px;}
.pdi-notes li{font-size:12.5px;line-height:1.6;color:var(--white-50);margin-bottom:4px;}

/* ---------- fit ---------- */
.pdi-fit{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.pdi-fit:empty{display:none;}
.pdi-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.pdi-chip{
  font-size:13.5px;line-height:1.3;padding:8px 12px;border-radius:20px;
  border:1px solid var(--white-14);background:var(--white-08);color:var(--white);
}
.pdi-chip.is-yes{border-color:rgba(16,185,129,0.45);}
.pdi-chip.is-no{border-color:rgba(251,146,60,0.45);color:var(--white-72);}

/* ---------- phones ---------- */
@media (max-width:720px){
  .pdi{margin-top:28px;gap:28px;}
  .pdi-highlights{grid-template-columns:1fr;}
  .pdi-fit{grid-template-columns:1fr;gap:24px;}
  .pdi-caps{grid-template-columns:1fr;}
  .pdi-dl > div{grid-template-columns:1fr;gap:2px;padding:10px 0;}
  .pdi-dl dt{font-size:12.5px;}
  .pdi-cap-item{min-width:0;}
}
@media (prefers-reduced-motion:reduce){
  .pdi-acc > summary::after{transition:none;}
}