/* AI-Native Readiness Diagnostic styles
   All rules scoped under .diagnostic-shell to avoid collisions with site.css */

:root{
  --orange:#F45D22;
  --graphite:#1F2328;
  --white:#F9FAFB;
  --blue:#2F80ED;
  --gray:#D9D9D9;
  --ink:#1F2328;
  --muted:#5b6470;
}

html{-webkit-print-color-adjust:exact;print-color-adjust:exact;}

.diagnostic-shell{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:#eceef1;
  line-height:1.55;
}

.diagnostic-shell *{box-sizing:border-box;}

.diagnostic-shell .page{
  max-width:820px;
  margin:32px auto;
  background:var(--white);
  padding:56px 60px 64px;
  box-shadow:0 8px 40px rgba(31,35,40,.12);
}

/* Header */
.diagnostic-shell .eyebrow{
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--orange);margin:0 0 14px;
}
.diagnostic-shell h1{
  font-family:'Space Grotesk','Inter',sans-serif;
  font-size:34px;line-height:1.15;font-weight:700;margin:0 0 14px;color:var(--graphite);
}
.diagnostic-shell .deck{font-size:16px;color:var(--muted);margin:0 0 18px;max-width:62ch;}
.diagnostic-shell .byline{font-size:13px;color:var(--muted);font-weight:500;border-top:1px solid var(--gray);padding-top:16px;margin-top:4px;}
.diagnostic-shell .byline b{color:var(--graphite);}

.diagnostic-shell h2{
  font-family:'Space Grotesk','Inter',sans-serif;
  font-size:20px;font-weight:700;color:var(--graphite);margin:0 0 4px;
}
.diagnostic-shell .section-lead{font-size:15px;color:var(--muted);margin:0 0 14px;}

.diagnostic-shell .intro{margin:30px 0;padding:22px 24px;background:#fbfbfc;border-left:4px solid var(--orange);}
.diagnostic-shell .intro p{margin:0 0 10px;font-size:15px;}
.diagnostic-shell .intro p:last-child{margin-bottom:0;}

.diagnostic-shell .how{font-size:14.5px;color:var(--muted);margin:24px 0 8px;}

/* Dimension cards */
.diagnostic-shell .dim{
  border:1px solid var(--gray);border-radius:10px;padding:22px 24px;margin:18px 0;
  break-inside:avoid;page-break-inside:avoid;
}
.diagnostic-shell .dim-head{display:flex;align-items:baseline;gap:12px;margin-bottom:2px;}
.diagnostic-shell .dim-num{
  font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--orange);
  font-size:15px;min-width:24px;
}
.diagnostic-shell .items{list-style:none;margin:14px 0 0;padding:0;}
.diagnostic-shell .items li{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-size:15px;}
.diagnostic-shell .items li + li{border-top:1px solid #eef0f2;}
.diagnostic-shell .items input[type=checkbox]{
  appearance:none;-webkit-appearance:none;
  width:20px;height:20px;min-width:20px;margin-top:1px;
  border:2px solid var(--gray);border-radius:5px;background:#fff;cursor:pointer;
  position:relative;transition:all .12s ease;
}
.diagnostic-shell .items input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange);}
.diagnostic-shell .items input[type=checkbox]:checked::after{
  content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
  border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);
}
.diagnostic-shell .subscore{
  margin-top:14px;font-size:13px;font-weight:600;color:var(--muted);
  display:flex;justify-content:flex-end;gap:6px;
}
.diagnostic-shell .subscore b{color:var(--graphite);}

/* Results */
.diagnostic-shell .results{margin-top:40px;}
.diagnostic-shell .total-bar{
  background:var(--graphite);color:#fff;border-radius:12px;
  padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.diagnostic-shell .total-bar .label{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#b9c0c9;font-weight:600;}
.diagnostic-shell .total-bar .num{font-family:'Space Grotesk',sans-serif;font-size:46px;font-weight:700;line-height:1;}
.diagnostic-shell .total-bar .num span{font-size:22px;color:#8b94a0;}
.diagnostic-shell .total-bar .bandnow{font-size:15px;font-weight:600;}
.diagnostic-shell .total-bar .bandnow .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--orange);margin-right:8px;vertical-align:middle;}

.diagnostic-shell .bands{margin-top:22px;display:grid;gap:14px;}
.diagnostic-shell .band{border:1px solid var(--gray);border-radius:10px;padding:18px 22px;break-inside:avoid;}
.diagnostic-shell .band h3{margin:0 0 6px;font-size:16px;font-family:'Space Grotesk',sans-serif;color:var(--graphite);}
.diagnostic-shell .band .range{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);}
.diagnostic-shell .band p{margin:8px 0 0;font-size:14.5px;color:var(--muted);}
.diagnostic-shell .band.active{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange) inset;background:#fff7f3;}
.diagnostic-shell .band.active p{color:var(--ink);}

.diagnostic-shell .underneath{margin-top:36px;padding:24px 26px;background:var(--graphite);border-radius:12px;color:#fff;break-inside:avoid;}
.diagnostic-shell .underneath .q{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;margin:0 0 12px;line-height:1.35;}
.diagnostic-shell .underneath .q::before{content:"\201C";color:var(--orange);}
.diagnostic-shell .underneath .q::after{content:"\201D";color:var(--orange);}
.diagnostic-shell .underneath p{margin:0;font-size:14.5px;color:#cdd3da;}

.diagnostic-shell .next{margin-top:30px;}
.diagnostic-shell .next h2{margin-bottom:10px;}
.diagnostic-shell .next ul{margin:0;padding-left:0;list-style:none;}
.diagnostic-shell .next li{padding:10px 0;font-size:15px;border-top:1px solid #eef0f2;}
.diagnostic-shell .next li:first-child{border-top:none;}
.diagnostic-shell .next b{color:var(--graphite);}
.diagnostic-shell .cta-row{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;}
.diagnostic-shell .btn{
  font-family:'Inter';font-size:14px;font-weight:600;border-radius:8px;padding:12px 20px;
  cursor:pointer;border:2px solid var(--orange);text-decoration:none;display:inline-block;
}
.diagnostic-shell .btn-primary{background:var(--orange);color:#fff;}
.diagnostic-shell .btn-ghost{background:transparent;color:var(--graphite);border-color:var(--gray);}

.diagnostic-shell .forwarded{margin-top:18px;background:var(--soft,#FBF7F4);border-left:4px solid var(--orange);padding:14px 18px;font-size:14.5px;color:var(--ink);border-radius:0 6px 6px 0;}
.diagnostic-shell footer{margin-top:40px;border-top:1px solid var(--gray);padding-top:16px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* Floating live chip (screen only) */
.diagnostic-shell .chip{
  position:fixed;bottom:18px;right:18px;background:var(--graphite);color:#fff;
  border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;
  box-shadow:0 6px 20px rgba(31,35,40,.3);z-index:50;font-family:'Space Grotesk',sans-serif;
}
.diagnostic-shell .chip span{color:var(--orange);}

.diagnostic-shell .toolbar{margin:26px 0 0;display:flex;gap:10px;}
.diagnostic-shell .toolbar button{
  font-family:'Inter';font-size:13px;font-weight:600;border-radius:8px;padding:9px 16px;cursor:pointer;
  border:1px solid var(--gray);background:#fff;color:var(--graphite);
}

@media print{
  html{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .diagnostic-shell .page{box-shadow:none;margin:0;max-width:none;padding:28px 32px;}
  .diagnostic-shell .chip,.diagnostic-shell .toolbar,.diagnostic-shell .cta-row{display:none !important;}
  .diagnostic-shell .dim,.diagnostic-shell .band,.diagnostic-shell .underneath{break-inside:avoid;}
  .diagnostic-shell h1{font-size:28px;}
}
@media (max-width:640px){
  .diagnostic-shell .page{padding:32px 22px;}
  .diagnostic-shell h1{font-size:26px;}
}