
:root{--bg:#f6f7f9;--panel:#fff;--ink:#15171a;--muted:#6f747c;--line:#e7e9ed;--soft:#f0f2f5;--dark:#17191c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#111315;color:#fff;padding:26px 18px;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:38px}.mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#111;font-size:12px}
nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#aeb3bb;text-align:left;padding:11px 12px;border-radius:8px;font-weight:600;cursor:pointer}.nav:hover,.nav.active{background:#24272b;color:#fff}
.side-note{position:absolute;bottom:24px;font-size:12px;color:#ddd;line-height:1.5}.side-note span{color:#7f858d}
main{padding:30px 42px 60px;max-width:1400px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:2px 0 0;font-size:30px;letter-spacing:-.04em}h2{letter-spacing:-.025em}
.eyebrow{font-size:11px;letter-spacing:.14em;color:#8a9099;font-weight:800}.primary{background:#17191c;color:#fff;border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.full{width:100%;margin-top:8px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.empty{text-align:center;padding:80px 20px}.empty-icon{font-size:38px}.empty p{color:var(--muted);max-width:560px;margin:0 auto 24px}
.summary-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.hero,.metric{padding:22px}.hero h2{font-size:24px;margin:22px 0 6px}.hero p,.muted{color:var(--muted)}.metric{display:flex;flex-direction:column;justify-content:center}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:30px;margin:6px 0}.metric small{color:#8b9097}
.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.badge{font-size:11px;padding:6px 9px;border-radius:999px;background:#eef1f3;text-transform:uppercase;font-weight:800}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 12px}.section-title h2{margin:0}.section-title span{color:var(--muted);font-size:13px}
.priority-list{display:grid;gap:12px}.priority-card{padding:20px;display:grid;grid-template-columns:46px 1fr auto;gap:15px;align-items:start}.rank{width:38px;height:38px;border-radius:10px;background:#f0f1f3;display:grid;place-items:center;font-weight:800}.priority-card h3{margin:0 0 6px;font-size:17px}.priority-card p{margin:0;color:#555c65;line-height:1.5}.action{margin-top:10px!important;color:#15171a!important;font-weight:600}.meta{display:grid;gap:6px;justify-items:end}.pill{font-size:11px;border:1px solid var(--line);padding:5px 8px;border-radius:999px;color:#626872}
.healthy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.healthy{padding:16px}.healthy b{display:block;margin:9px 0 5px}.check{font-size:18px}.healthy small{color:var(--muted)}
.group{margin-bottom:18px}.group-head{padding:20px;cursor:pointer}.group-head h3{margin:0}.group-detail{border-top:1px solid var(--line);padding:18px 20px}.group-detail p{line-height:1.55}.label{font-size:11px;font-weight:800;color:#89909a;text-transform:uppercase;letter-spacing:.08em}
.tech-row{padding:15px 17px;display:grid;grid-template-columns:90px 120px 120px 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.tech-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tech-row:last-child{border-bottom:0}.status{font-size:12px;font-weight:800;text-transform:uppercase}.healthy-status{color:#327a4c}.review-status{color:#9a681e}.issue-status{color:#a9463e}
.history-card{overflow:hidden}.history-item{padding:16px 18px;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}
.modal{position:fixed;inset:0;background:rgba(16,18,20,.58);display:grid;place-items:center;padding:20px}.modal-card{width:min(600px,100%);background:#fff;border-radius:16px;padding:26px}.hidden{display:none!important}.icon-btn{border:0;background:var(--soft);width:34px;height:34px;border-radius:8px;font-size:22px;cursor:pointer}
form{display:grid;gap:13px;margin-top:20px}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#555c65}input,select{width:100%;border:1px solid #dfe2e6;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.center{text-align:center}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(4,1fr)}.side-note{display:none}main{padding:24px 18px}.summary-grid,.healthy-grid{grid-template-columns:1fr}.priority-card{grid-template-columns:40px 1fr}.meta{display:none}.tech-row{grid-template-columns:70px 90px 1fr}.tech-row .confidence{display:none}}

.tech-row{grid-template-columns:44px 220px 1fr}.review-status{color:#9a681e}.issue-status{color:#a9463e}.pass-status{color:#327a4c}.unavailable-status{color:#7f858d}.not_applicable-status{color:#7f858d}


/* v0.18.1 — dedicated free health-check experience */
.free-hero{padding:28px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.free-hero h2{font-size:28px;margin:8px 0 8px}.free-hero p{margin:0;color:var(--muted);max-width:720px;line-height:1.55}
.free-score{min-width:150px;padding:18px 22px;border-left:1px solid var(--line);display:grid}
.free-score strong{font-size:38px;line-height:1}.free-score span{color:var(--muted);font-size:13px;margin-top:6px}
.free-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.free-check{padding:17px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.free-check-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--soft)}
.free-check-icon.pass{color:#327a4c}.free-check-icon.review{color:#9a681e}.free-check-icon.issue{color:#a9463e}.free-check-icon.unavailable,.free-check-icon.not_applicable{color:#7f858d}
.free-check h3{margin:2px 0 5px;font-size:15px}.free-check p{margin:0;color:var(--muted);line-height:1.45;font-size:13px}
.free-cta{margin-top:30px;padding:28px;display:flex;justify-content:space-between;gap:28px;align-items:center;background:#17191c;color:#fff}
.free-cta h2{margin:7px 0 7px}.free-cta p{margin:0;color:#c9cdd2;max-width:760px;line-height:1.55}
.free-cta .eyebrow{color:#949aa3}.free-cta .primary{background:#fff;color:#17191c;white-space:nowrap}
.implementation-card{margin-top:14px;padding:22px}.implementation-card h3{margin:6px 0}.implementation-card p{margin:0;color:var(--muted);line-height:1.5}

/* Keep the complete audit form reachable on every viewport. */
.modal{overflow-y:auto;align-items:start;padding:24px 20px}
.modal-card{margin:auto;max-height:calc(100vh - 48px);overflow-y:auto}
.modal-card form{padding-bottom:2px}

@media(max-width:900px){
  .free-hero{grid-template-columns:1fr}.free-score{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .free-check-grid{grid-template-columns:1fr}
  .free-cta{align-items:flex-start;flex-direction:column}
  .modal{padding:12px}.modal-card{max-height:calc(100vh - 24px);padding:20px}
}

/* v0.19 performance highlights */
.highlight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.highlight-card{padding:20px}
.highlight-card h3{font-size:17px;line-height:1.35;margin:0 0 8px}
.highlight-card p{margin:0;color:#555c65;line-height:1.55}
.empty.compact{padding:28px}
@media(max-width:900px){.highlight-list{grid-template-columns:1fr}}

/* v0.20 human-facing overview */
.summary-grid{grid-template-columns:2fr 1fr}
.highlight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.highlight-card{padding:22px}
.highlight-card.highlight-lead{grid-column:1/-1;padding:26px}
.highlight-section{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#8a9099;margin-bottom:8px}
.highlight-card.highlight-lead h3{font-size:22px;max-width:900px}
.highlight-card.highlight-lead p{font-size:15px;max-width:980px}
@media(max-width:900px){.summary-grid{grid-template-columns:1fr}.highlight-card.highlight-lead{grid-column:auto}}


/* v0.20.1 — stronger check-state hierarchy */
.tech-row{
  grid-template-columns:64px 220px 1fr;
  min-height:72px;
  padding:14px 18px;
  gap:16px;
}
.tech-row .status{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:24px;
  line-height:1;
  font-weight:900;
  background:#f0f2f5;
  text-transform:none;
}
.tech-row .pass-status{background:#edf7f0;color:#287447}
.tech-row .review-status{background:#fff5df;color:#9a681e}
.tech-row .issue-status{background:#fbeceb;color:#a9463e}
.tech-row .unavailable-status,.tech-row .not_applicable-status{background:#f0f2f5;color:#707780}
.tech-row strong{font-size:15px}
.tech-row span:last-child{color:#555c65;line-height:1.45}
@media(max-width:900px){
  .tech-row{grid-template-columns:56px 150px 1fr}
  .tech-row .status{width:40px;height:40px;font-size:22px}
}


/* v0.21 — visual hierarchy and lightweight analytics visuals */
.business-identity{
  display:flex;align-items:center;gap:13px;padding:12px 16px;margin:-12px 0 24px;
  border-radius:12px;box-shadow:none;background:#fbfbfc
}
.business-logo-wrap{
  width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;
  display:grid;place-items:center;overflow:hidden;font-size:13px;font-weight:850;letter-spacing:.04em
}
.business-logo-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.business-meta{display:grid;gap:3px}.business-meta strong{font-size:14px}.business-meta span{font-size:12px;color:var(--muted)}

.overview-zone{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid #dde1e6}
.overview-zone:last-child{border-bottom:0;margin-bottom:0}
.zone-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 14px}
.zone-heading h2{margin:3px 0 0;font-size:22px}
.zone-heading>span{font-size:13px;color:var(--muted)}
.secondary-link{border:0;background:transparent;padding:5px 0;color:#555c65;font-weight:700;cursor:pointer}
.secondary-link:hover{color:#111}

.audit-strip{display:grid;grid-template-columns:minmax(0,1.8fr) 150px minmax(280px,1fr);gap:20px;align-items:center;padding:20px 22px}
.audit-copy h3{font-size:19px;margin:10px 0 5px}.audit-copy p{margin:0;color:var(--muted)}
.audit-status-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:900}
.audit-status-icon.pass{background:#edf7f0;color:#287447}.audit-status-icon.review{background:#fff5df;color:#9a681e}
.audit-count{display:grid;justify-items:center;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:8px 18px}
.audit-count strong{font-size:34px;line-height:1}.audit-count span{font-size:12px;color:var(--muted);margin-top:6px}
.audit-check-pills{display:flex;flex-wrap:wrap;gap:7px}
.check-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer;color:#555c65}
.check-pill span{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;margin-right:5px}
.check-pill.pass span{background:#edf7f0;color:#287447}.check-pill.review span{background:#fff5df;color:#9a681e}.check-pill.issue span{background:#fbeceb;color:#a9463e}

.highlights-zone{padding-top:2px}
.highlight-list{gap:14px}
.highlight-card{overflow:hidden}
.highlight-card h3{font-size:18px}
.highlight-card p{margin-top:16px}
.highlight-card.highlight-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);column-gap:30px;align-items:start}
.highlight-card.highlight-lead .highlight-section,.highlight-card.highlight-lead h3,.highlight-card.highlight-lead p{grid-column:1}
.highlight-card.highlight-lead .visual{grid-column:2;grid-row:1/4;align-self:stretch}
.visual{margin:18px 0 2px;padding-top:15px;border-top:1px solid var(--line)}
.highlight-card.highlight-lead .visual{margin:0;padding:6px 0 0;border-top:0;border-left:1px solid var(--line);padding-left:24px}

.visual-trend{display:grid;gap:15px}.trend-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}.trend-label{font-size:11px;font-weight:800;color:#626872}.trend-chart{height:72px;color:#343a40}.sparkline{width:100%;height:100%}
.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:4px 10px}.bar-label{display:flex;justify-content:space-between;font-size:12px;grid-column:1}.bar-label b{font-size:11px}.bar-track{height:7px;background:#eef0f2;border-radius:999px;overflow:hidden;grid-column:1}.bar-track span{display:block;height:100%;background:#454b53;border-radius:999px}.bar-change{grid-column:2;grid-row:1/3;align-self:center;text-align:right;font-size:12px;font-weight:800}
.up{color:#287447!important}.down{color:#a9463e!important}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-kpi{padding:12px;border:1px solid var(--line);border-radius:10px;display:grid;gap:4px;background:#fafbfc}.mini-kpi span{font-size:11px;color:var(--muted)}.mini-kpi strong{font-size:19px}.mini-kpi small{font-size:11px;font-weight:800}
.journey{display:grid;gap:10px}.journey-row{display:grid;grid-template-columns:120px 1fr 55px;gap:10px;align-items:center;font-size:11px}.journey-row>div{height:8px;background:#eef0f2;border-radius:999px;overflow:hidden}.journey-row i{display:block;height:100%;background:#454b53;border-radius:999px}.journey-row b{text-align:right}
.mix-list{display:flex;gap:10px;flex-wrap:wrap}.mix-item{min-width:90px;padding:12px;border:1px solid var(--line);border-radius:10px}.mix-value{font-size:22px;font-weight:800;margin-bottom:3px}

.actions-zone{padding-top:2px}
.action-card{grid-template-columns:52px 1fr!important}
.action-state{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff5df;color:#9a681e;font-size:22px;font-weight:900}
.action-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#8a9099;margin-bottom:5px}

.tech-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent;border:0;border-radius:0;overflow:visible}
.tech-row.check-card{grid-template-columns:60px 1fr;min-height:96px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:18px;gap:14px}
.tech-row.check-card:last-child{border-bottom:1px solid var(--line)}
.check-card .status{width:50px;height:50px;font-size:28px;align-self:start}
.check-copy{display:grid;gap:5px}.check-copy strong{font-size:15px}.check-copy span{font-size:13px;color:#656b73;line-height:1.45}

@media(max-width:1100px){
  .audit-strip{grid-template-columns:1fr 130px}.audit-check-pills{grid-column:1/-1}
  .highlight-card.highlight-lead{grid-template-columns:1fr}.highlight-card.highlight-lead .visual{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:15px;margin-top:16px}
}
@media(max-width:760px){
  .audit-strip{grid-template-columns:1fr}.audit-count{justify-items:start;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
  .zone-heading{align-items:start;flex-direction:column;gap:7px}
  .tech-list{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:1fr}
  .business-identity{margin-top:-8px}
}


/* v0.21.1 — calmer attention states, readable mini charts, visual findings */
.audit-status-icon.review{background:#f2f3f5;color:#676d75;font-size:26px}
.check-pill.review span{background:#f2f3f5;color:#676d75;font-size:18px}
.action-state{background:#f2f3f5;color:#676d75;font-size:28px}

.spark-wrap{position:relative}
.sparkline{width:100%;height:112px;overflow:visible}
.axis-line{stroke:#d7dbe0;stroke-width:1}
.grid-line{stroke:#eceef1;stroke-width:1;stroke-dasharray:3 4}
.axis-text{font-size:10px;fill:#8a9099}
.spark-summary{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;margin-top:-4px}
.spark-summary span{font-size:10px;color:#8a9099;text-transform:uppercase;letter-spacing:.07em}
.spark-summary strong{font-size:14px}
.trend-row{grid-template-columns:92px 1fr}
.trend-label{font-size:12px}

#findingGroups{display:grid;gap:14px}
.finding-card{display:grid;grid-template-columns:64px 1fr;overflow:hidden}
.finding-side{background:#f6f7f9;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:20px 8px;gap:12px}
.finding-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#676d75;border:1px solid var(--line);font-size:26px;line-height:1}
.finding-number{font-size:11px;font-weight:800;color:#9aa0a8;letter-spacing:.08em}
.finding-main{padding:22px}
.finding-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#737982;margin-bottom:5px}
.finding-main h3{font-size:19px;margin:0 0 7px}
.finding-observation{margin:0;color:#555c65;line-height:1.55;max-width:920px}
.evidence-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.evidence-chips>span{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fafbfc}
.evidence-chips small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8a9099}
.evidence-chips b{font-size:12px;font-weight:750}
.finding-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.finding-panel{padding:15px 16px;border-radius:10px;background:#f7f8fa}
.finding-panel p{margin:6px 0 0;line-height:1.5;font-size:13px;color:#555c65}
.action-panel{background:#f2f5f3;border-left:3px solid #7d9485}
.action-panel p{color:#313a34;font-weight:600}

@media(max-width:760px){
  .finding-card{grid-template-columns:50px 1fr}
  .finding-main{padding:18px 15px}
  .finding-two{grid-template-columns:1fr}
}


/* v0.21.2 — calm review styling + clearer measurement/performance grouping */
.audit-status-icon.review{
  background:#f7f4ea;
  color:#9b824d;
  font-size:18px;
  border:1px solid #ece4d2;
}
.check-pill.review span{
  background:#f7f4ea;
  color:#9b824d;
  font-size:12px;
  border:1px solid #ece4d2;
}
.action-state{
  background:#f7f4ea;
  color:#9b824d;
  font-size:18px;
  border:1px solid #ece4d2;
}
.finding-icon{
  background:#faf8f2;
  color:#9b824d;
  border-color:#ece4d2;
  font-size:17px;
}
.review-status{
  background:#f7f4ea!important;
  color:#9b824d!important;
}
.check-group-title{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin:8px 0 0;
  padding:7px 2px 2px;
}
.check-group-title span{font-size:16px;font-weight:800}
.check-group-title small{font-size:12px;color:var(--muted)}
.check-group-title.performance-title{
  margin-top:20px;
  padding-top:22px;
  border-top:1px solid #dde1e6;
}


/* v0.22 — first Professional Audit depth */
.depth-zone{padding-top:2px}
.executive-narrative{padding:22px 24px;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;background:#17191c;color:#fff}
.executive-mark{width:38px;height:38px;border-radius:10px;background:#fff;color:#17191c;display:grid;place-items:center;font-size:11px;font-weight:900}
.executive-narrative .eyebrow{color:#aeb4bc}.executive-narrative p{margin:5px 0 0;line-height:1.65;font-size:16px;max-width:1080px}
.standout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.standout-card{padding:17px 18px;min-height:116px}
.standout-label{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:#787e86;margin-bottom:8px}
.standout-card p{margin:0;line-height:1.48;font-size:13px;color:#4e555d}
.standout-card.positive{border-top:3px solid #85a58e}.standout-card.concern{border-top:3px solid #c1a16b}.standout-card.interesting{border-top:3px solid #8999af}
.depth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.depth-card{padding:20px;min-height:250px}
.depth-card-head{display:flex;gap:11px;align-items:center;margin-bottom:14px}.depth-card-head h3{margin:2px 0 0;font-size:17px}
.depth-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f0f2f5;font-size:17px;font-weight:800}
.depth-summary{font-size:13px;line-height:1.5;color:#565d65;margin:0 0 16px}
.depth-empty{color:var(--muted);font-size:13px;line-height:1.5;padding:12px 0}
.historical-list{display:grid;gap:16px}.historical-row{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:center}
.historical-row>div:first-child{display:grid;gap:4px}.historical-row b{font-size:13px}.historical-row span{font-size:11px;color:var(--muted);line-height:1.35}
.range-values{display:flex;justify-content:space-between;align-items:baseline}.range-values small{font-size:9px;color:#8d939a}.range-values strong{font-size:13px}
.range-track{height:5px;border-radius:999px;background:#e9ebee;position:relative;margin:6px 0}.range-track i{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#333a42;transform:translate(-50%,-50%)}
.range-caption{text-align:center;font-size:9px;color:#9a9fa6}
.contribution-list{display:grid;gap:11px}.contribution-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:4px}.contribution-label span{color:var(--muted)}
.contribution-track{height:8px;background:#eef0f2;border-radius:999px;overflow:hidden}.contribution-track i{display:block;height:100%;border-radius:999px}.contribution-track .gain{background:#849e8b}.contribution-track .loss{background:#b99b75}
.efficiency-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.efficiency-row{display:grid;grid-template-columns:minmax(110px,1.4fr) repeat(3,1fr);gap:8px;background:#fff;padding:10px 11px;align-items:center}
.efficiency-row>div:not(.eff-channel){display:grid;gap:2px}.efficiency-row small{font-size:9px;color:#8a9099}.efficiency-row b{font-size:12px}.eff-channel{font-size:12px;font-weight:700}
.baseline-card{grid-column:1/-1;min-height:auto}
.baseline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.baseline-metric{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;display:grid;gap:4px}
.baseline-metric span{font-size:10px;color:var(--muted);line-height:1.3}.baseline-metric strong{font-size:17px}

@media(max-width:1050px){
  .standout-grid{grid-template-columns:1fr}
  .depth-grid{grid-template-columns:1fr}
  .baseline-card{grid-column:auto}
  .baseline-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .baseline-grid{grid-template-columns:1fr 1fr}
  .historical-row{grid-template-columns:1fr}
  .efficiency-row{grid-template-columns:1fr 1fr}
}


/* v0.23 — baseline lenses */
.depth-subtitle{margin:28px 0 12px}.depth-subtitle h3{margin:0;font-size:18px}
.lens-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:12px}
.lens-card{padding:20px;min-height:260px}
.wide-lens{grid-column:2}
#deviceMixCard{grid-row:1/3}
.lens-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}
.lens-head h3{margin:3px 0 0;font-size:17px}.lens-head>span{font-size:11px;color:var(--muted)}

.device-layout{display:grid;place-items:center;gap:22px;padding-top:8px}
.donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;position:relative}
.donut::after{content:"";position:absolute;width:106px;height:106px;border-radius:50%;background:#fff}
.donut>div{position:relative;z-index:1;display:grid;text-align:center;gap:2px}
.donut strong{font-size:22px}.donut span{font-size:10px;color:var(--muted)}
.device-legend{display:grid;gap:8px;width:100%}
.device-legend>div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:12px}
.device-legend i{width:8px;height:8px;border-radius:50%}.device-legend b{font-size:12px}

.rank-table{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.rank-row{display:grid;grid-template-columns:28px minmax(150px,1.45fr) minmax(90px,1fr) 74px 74px;gap:10px;align-items:center;background:#fff;padding:9px 10px;min-height:48px}
.rank-no{font-size:10px;font-weight:800;color:#9aa0a8;text-align:center}
.rank-name{min-width:0;display:grid;gap:2px}.rank-name b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-name span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-bar{height:6px;border-radius:999px;background:#eef0f2;overflow:hidden}.rank-bar i{height:100%;display:block;border-radius:999px;background:#59616a}
.rank-metric{display:grid;gap:1px;text-align:right}.rank-metric b{font-size:11px}.rank-metric span{font-size:8px;color:#969ca3;text-transform:uppercase;letter-spacing:.04em}

@media(max-width:1050px){
  .lens-grid{grid-template-columns:1fr}
  .wide-lens{grid-column:auto}
  #deviceMixCard{grid-row:auto}
}
@media(max-width:720px){
  .rank-row{grid-template-columns:24px minmax(120px,1fr) 64px 64px}
  .rank-bar{display:none}
}


/* v0.24 — recurring intelligence */
.recurring-zone{padding-top:2px}
.recurring-hero{padding:20px 22px;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;background:#f9fafb}
.recurring-hero-mark{width:36px;height:36px;border-radius:10px;background:#17191c;color:#fff;display:grid;place-items:center;font-size:18px}
.recurring-hero h3{margin:4px 0 6px;font-size:20px}.recurring-hero p{margin:0;color:var(--muted);font-size:12px}
.recurring-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.change-card{padding:16px}.change-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#858b93}
.change-card p{font-size:13px;line-height:1.45;color:#505760;margin:7px 0 13px}
.change-comparisons{display:flex;gap:8px;flex-wrap:wrap}.change-comparisons span{display:grid;gap:2px;padding:7px 9px;border-radius:8px;background:#f5f6f8}
.change-comparisons small{font-size:8px;color:#8e949b;text-transform:uppercase}.change-comparisons b{font-size:11px}
.recurring-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.recurring-column{overflow:hidden}.recurring-column-head{display:flex;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}
.recurring-column-head b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f2f5;font-size:11px}
.new-head{border-top:3px solid #8999af}.persistent-head{border-top:3px solid #c1a16b}.resolved-head{border-top:3px solid #85a58e}
.recurring-item{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line)}
.recurring-item:last-child{border-bottom:0}.recurring-item-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}
.recurring-item-icon.new{background:#eef2f6;color:#5f7187}.recurring-item-icon.persistent{background:#f7f4ea;color:#9b824d}.recurring-item-icon.resolved{background:#edf7f0;color:#287447}
.recurring-item b{font-size:12px}.recurring-item p{font-size:11px;line-height:1.4;color:#656b73;margin:4px 0}.recurring-item small{font-size:10px;color:#454b52}
.recurring-empty{padding:18px 14px;font-size:11px;color:var(--muted)}
@media(max-width:900px){.recurring-metrics,.recurring-grid{grid-template-columns:1fr}}

/* v0.25 — Monitor depth + readability reset */
body{font-size:16px;line-height:1.5}
main{max-width:1480px;padding-bottom:84px}
.zone-heading h2{font-size:25px}.zone-heading>span,.section-title span{font-size:14px}
.recurring-zone{padding-top:8px}
.recurring-hero{padding:26px 4px 22px;border:0;box-shadow:none;background:transparent;grid-template-columns:48px 1fr;gap:16px;border-bottom:1px solid var(--line);border-radius:0}
.recurring-hero-mark{width:42px;height:42px;border-radius:12px;font-size:21px}
.recurring-hero h3{font-size:25px;line-height:1.25;margin:3px 0 8px}.recurring-hero p{font-size:14px;line-height:1.55;max-width:980px}
.recurring-scope{padding:13px 0 15px;color:#777d85;font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.recurring-scope b{color:#25292e;font-size:14px}.recurring-scope span{color:#c0c4c9}
.monitor-highlight-list{border-top:1px solid var(--line);margin-bottom:24px}
.monitor-highlight{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;padding:22px 4px;border-bottom:1px solid var(--line);align-items:center}
.monitor-highlight-rank{font-size:12px;font-weight:850;letter-spacing:.08em;color:#a0a5ac}
.monitor-highlight-copy{min-width:0}.monitor-highlight-meta{display:flex;gap:9px;align-items:center;margin-bottom:5px}.monitor-highlight-meta span{font-size:10px;letter-spacing:.1em;font-weight:850;color:#858b93}.monitor-highlight-meta b{font-size:12px;color:#545b64}
.monitor-highlight h3{font-size:19px;margin:0 0 5px;letter-spacing:-.015em}.monitor-highlight p{font-size:14px;line-height:1.55;margin:0;color:#555c65;max-width:900px}
.change-comparisons{display:flex;gap:8px;align-items:stretch;justify-content:flex-end}.change-comparisons span{min-width:78px;padding:9px 10px;border-left:1px solid var(--line);display:grid;gap:2px}.change-comparisons small{font-size:10px;color:#8e949b;text-transform:uppercase;letter-spacing:.06em}.change-comparisons b{font-size:14px}
.recurring-grid{grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;margin-top:8px}.recurring-column{border-right:1px solid var(--line);min-width:0}.recurring-column:last-child{border-right:0}
.recurring-column-head{padding:16px 18px;font-size:14px}.recurring-column-head b{width:28px;height:28px;font-size:12px}
.recurring-item{grid-template-columns:32px 1fr;gap:11px;padding:16px 18px}.recurring-item-icon{width:28px;height:28px;font-size:14px}.recurring-item b{font-size:14px}.recurring-item p{font-size:13px;line-height:1.5;margin:5px 0}.recurring-item small{font-size:12px;line-height:1.45}.recurring-empty{font-size:13px;padding:20px 18px}
/* Findings keep their useful state coloring, but text should be comfortably readable. */
.finding-kicker{font-size:11px}.finding-main h3{font-size:21px}.finding-observation{font-size:15px;line-height:1.65}.finding-panel p{font-size:14px;line-height:1.6}.evidence-chips small{font-size:10px}.evidence-chips b{font-size:13px}.finding-main{padding:26px}
.check-copy strong{font-size:16px}.check-copy span{font-size:14px;line-height:1.55}
@media(max-width:900px){.monitor-highlight{grid-template-columns:34px 1fr}.monitor-highlight .change-comparisons{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.change-comparisons span{border-left:0;border-right:1px solid var(--line);padding-left:0}.recurring-grid{grid-template-columns:1fr}.recurring-column{border-right:0;border-bottom:1px solid var(--line)}.recurring-column:last-child{border-bottom:0}}

/* v0.25 — Monitor depth + readability reset */
body{font-size:16px;line-height:1.5}
main{max-width:1480px;padding-bottom:84px}
.zone-heading h2{font-size:25px}.zone-heading>span,.section-title span{font-size:14px}
.recurring-zone{padding-top:8px}
.recurring-hero{padding:26px 4px 22px;border:0;box-shadow:none;background:transparent;grid-template-columns:48px 1fr;gap:16px;border-bottom:1px solid var(--line);border-radius:0}
.recurring-hero-mark{width:42px;height:42px;border-radius:12px;font-size:21px}
.recurring-hero h3{font-size:25px;line-height:1.25;margin:3px 0 8px}.recurring-hero p{font-size:14px;line-height:1.55;max-width:980px}
.recurring-scope{padding:13px 0 15px;color:#777d85;font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.recurring-scope b{color:#25292e;font-size:14px}.recurring-scope span{color:#c0c4c9}
.monitor-highlight-list{border-top:1px solid var(--line);margin-bottom:24px}
.monitor-highlight{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;padding:22px 4px;border-bottom:1px solid var(--line);align-items:center}
.monitor-highlight-rank{font-size:12px;font-weight:850;letter-spacing:.08em;color:#a0a5ac}
.monitor-highlight-copy{min-width:0}.monitor-highlight-meta{display:flex;gap:9px;align-items:center;margin-bottom:5px}.monitor-highlight-meta span{font-size:10px;letter-spacing:.1em;font-weight:850;color:#858b93}.monitor-highlight-meta b{font-size:12px;color:#545b64}
.monitor-highlight h3{font-size:19px;margin:0 0 5px;letter-spacing:-.015em}.monitor-highlight p{font-size:14px;line-height:1.55;margin:0;color:#555c65;max-width:900px}
.change-comparisons{display:flex;gap:8px;align-items:stretch;justify-content:flex-end}.change-comparisons span{min-width:78px;padding:9px 10px;border-left:1px solid var(--line);display:grid;gap:2px}.change-comparisons small{font-size:10px;color:#8e949b;text-transform:uppercase;letter-spacing:.06em}.change-comparisons b{font-size:14px}
.recurring-grid{grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;margin-top:8px}.recurring-column{border-right:1px solid var(--line);min-width:0}.recurring-column:last-child{border-right:0}
.recurring-column-head{padding:16px 18px;font-size:14px}.recurring-column-head b{width:28px;height:28px;font-size:12px}
.recurring-item{grid-template-columns:32px 1fr;gap:11px;padding:16px 18px}.recurring-item-icon{width:28px;height:28px;font-size:14px}.recurring-item b{font-size:14px}.recurring-item p{font-size:13px;line-height:1.5;margin:5px 0}.recurring-item small{font-size:12px;line-height:1.45}.recurring-empty{font-size:13px;padding:20px 18px}
/* Findings keep their useful state coloring, but text should be comfortably readable. */
.finding-kicker{font-size:11px}.finding-main h3{font-size:21px}.finding-observation{font-size:15px;line-height:1.65}.finding-panel p{font-size:14px;line-height:1.6}.evidence-chips small{font-size:10px}.evidence-chips b{font-size:13px}.finding-main{padding:26px}
.check-copy strong{font-size:16px}.check-copy span{font-size:14px;line-height:1.55}
@media(max-width:900px){.monitor-highlight{grid-template-columns:34px 1fr}.monitor-highlight .change-comparisons{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.change-comparisons span{border-left:0;border-right:1px solid var(--line);padding-left:0}.recurring-grid{grid-template-columns:1fr}.recurring-column{border-right:0;border-bottom:1px solid var(--line)}.recurring-column:last-child{border-bottom:0}}

/* v0.26 — Monitor summary vs exploration */
.monitor-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:2px 0 26px;background:#fff}
.monitor-kpi{padding:20px 22px;border-right:1px solid var(--line);display:grid;gap:5px;min-height:112px;align-content:center}
.monitor-kpi:last-child{border-right:0}.monitor-kpi>span{font-size:13px;color:#686f77;font-weight:700}.monitor-kpi>strong{font-size:27px;letter-spacing:-.03em}.monitor-kpi>small{font-size:12px;color:#858b93;line-height:1.45}
.monitor-statement-list{border-top:1px solid var(--line);margin:18px 0 10px}
.monitor-statement{display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;padding:20px 4px;border-bottom:1px solid var(--line);align-items:start}
.monitor-statement>span{font-size:11px;font-weight:850;letter-spacing:.08em;color:#a0a5ac;padding-top:4px}.monitor-statement p{margin:0;font-size:17px;line-height:1.6;color:#333941;max-width:1050px}
.monitor-explore-link{margin-top:10px;font-size:14px}

.kpi-page-overall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:34px}
.kpi-page-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:5px}.kpi-page-card span{font-size:13px;color:#666d75}.kpi-page-card strong{font-size:26px;letter-spacing:-.025em}.kpi-page-card small{font-size:12px;color:#858b93}
.kpi-breakdown-section{margin:42px 0}.kpi-table{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.kpi-table-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(130px,1fr) 120px 90px 100px 90px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px}.kpi-table-row:last-child{border-bottom:0}.kpi-table-row b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-table-row strong{font-size:14px}.kpi-table-head{background:#f7f8fa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#767d85;position:sticky;top:0;z-index:1}.up{color:#287447}.down{color:#a9463e}

@media(max-width:1000px){.monitor-kpi-strip{grid-template-columns:repeat(2,1fr)}.monitor-kpi:nth-child(2){border-right:0}.monitor-kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}.kpi-page-overall{grid-template-columns:repeat(2,1fr)}.kpi-table{overflow-x:auto}.kpi-table-row{min-width:820px}}
@media(max-width:650px){.monitor-kpi-strip,.kpi-page-overall{grid-template-columns:1fr}.monitor-kpi{border-right:0;border-bottom:1px solid var(--line)}.monitor-kpi:last-child{border-bottom:0}.monitor-statement{grid-template-columns:32px 1fr}.monitor-statement p{font-size:16px}}

/* v0.27 — cadence-aware Monitor + pivot KPI explorer */
.field-help{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:#7c838b;font-weight:500}
.kpi-pivot-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.kpi-pivot{min-width:1320px}
.kpi-pivot-row{display:grid;grid-template-columns:minmax(210px,1.6fr) repeat(var(--metric-columns),minmax(112px,1fr));align-items:stretch;border-bottom:1px solid var(--line)}
.kpi-pivot-row:last-child{border-bottom:0}
.kpi-pivot-row>b,.kpi-pivot-row>strong,.kpi-pivot-row>span,.kpi-pivot-row>.pivot-change{padding:13px 12px;border-right:1px solid #eef0f2;display:flex;align-items:center}
.kpi-pivot-row>*:last-child{border-right:0}
.kpi-pivot-row>b{position:sticky;left:0;background:#fff;z-index:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kpi-pivot-row>strong{font-size:14px;font-weight:750;justify-content:flex-end;text-align:right}
.kpi-pivot-head{position:sticky;top:0;z-index:3;background:#f7f8fa;color:#737a82;text-transform:uppercase;letter-spacing:.045em;font-size:10px;font-weight:850}
.kpi-pivot-head>span{justify-content:flex-start;background:#f7f8fa}
.kpi-pivot-head>span:nth-child(n+2){justify-content:flex-end;text-align:right}
.pivot-change{gap:8px;justify-content:flex-end;flex-direction:column;align-items:flex-end!important}
.pivot-change span{display:flex;gap:6px;align-items:baseline;justify-content:flex-end;width:100%;white-space:nowrap}
.pivot-change small{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#9399a0}.pivot-change b{font-size:12px}
@media(max-width:900px){.kpi-pivot{min-width:1220px}}

/* v0.28 — Monitor simulation, stronger KPI deltas, calmer detail navigation */
.monitor-kpi{position:relative;transition:background-color .15s ease,border-color .15s ease}
.monitor-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#c7cbd0}
.monitor-kpi.trend-up{background:#f5fbf7}.monitor-kpi.trend-up::before{background:#3f8b5e}
.monitor-kpi.trend-down{background:#fff7f6}.monitor-kpi.trend-down::before{background:#b85a50}
.monitor-kpi.trend-flat{background:#fff}.monitor-kpi.trend-flat::before{background:#c7cbd0}
.monitor-kpi .monitor-kpi-change{font-size:14px;line-height:1.45;font-weight:800;color:#4d545c;margin-top:3px}
.monitor-kpi.trend-up .monitor-kpi-change{color:#287447}.monitor-kpi.trend-down .monitor-kpi-change{color:#a9463e}
.simulation-option{border:1px dashed #c9ced4;border-radius:10px;padding:12px 13px;background:#fafbfc}
.simulation-option>span{display:flex;gap:9px;align-items:center;font-weight:750}.simulation-option input{width:auto;margin:0}


/* v0.29 — Monitor resilience, blue/red deltas, human narrative */
/* Positive change uses blue; negative change uses red. Neutral stays muted. */
.pivot-change .up,.comparison-badges .up{color:#2f6fed!important}
.pivot-change .down,.comparison-badges .down{color:#c3473f!important}
.pivot-change .flat,.comparison-badges .flat{color:#737a82!important}
.comparison-badges{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.comparison-badges>span{display:flex;gap:6px;align-items:baseline;white-space:nowrap}
.comparison-badges small{font-size:10px;letter-spacing:.055em;text-transform:uppercase;color:#8a9199;font-weight:800}
.comparison-badges b{font-size:14px;font-weight:850}
.comparison-empty{font-size:12px;color:#8a9199}
.kpi-page-change{margin-top:4px}
.kpi-page-card .comparison-badges b{font-size:15px}
.monitor-kpi.trend-up{background:#f5f8ff}
.monitor-kpi.trend-up::before{background:#2f6fed}
.monitor-kpi.trend-down{background:#fff7f6}
.monitor-kpi.trend-down::before{background:#c3473f}
.monitor-kpi .monitor-kpi-change{margin-top:5px}
.monitor-kpi .comparison-badges{gap:12px}
.monitor-kpi .comparison-badges b{font-size:15px}
.monitor-kpi.trend-up .monitor-kpi-change,.monitor-kpi.trend-down .monitor-kpi-change{color:inherit}
.monitor-statement p{font-size:17px;line-height:1.65;color:#30363d}

/* v0.30 — hidden-gem narrative, simulated findings, focused KPI explorer */
.source-medium-scroll{max-height:680px;overflow:auto}
.source-medium-scroll .kpi-pivot-head{top:0}
.simulation-findings-note{margin:0 0 18px;padding:12px 14px;border:1px dashed #c8cdd4;border-radius:10px;background:#fafbfc;color:#626a73;font-size:13px;line-height:1.5}
.monitor-exec-status{display:block;margin-top:10px;color:var(--muted);font-size:13px;font-weight:650}
.monitor-change-heading{padding:18px 4px 8px}
.monitor-change-heading h3{margin:3px 0 0;font-size:21px;line-height:1.3}


/* v0.34 — readability and persistent Monitor memory */
/* Professional Audit: favor comfortable reading over compact density. */
.executive-narrative{padding:28px 30px;grid-template-columns:48px 1fr;gap:18px}
.executive-narrative p{font-size:18px;line-height:1.72;max-width:1160px}
.executive-mark{width:42px;height:42px;font-size:12px}
.standout-card{padding:20px 21px;min-height:126px}.standout-label{font-size:11px}.standout-card p{font-size:15px;line-height:1.58}
.depth-card,.lens-card{padding:24px}.depth-card-head h3,.lens-head h3{font-size:19px}.depth-summary,.depth-empty{font-size:15px;line-height:1.6}
.historical-row b{font-size:14px}.historical-row span{font-size:13px;line-height:1.45}.range-values small{font-size:11px}.range-values strong{font-size:14px}.range-caption{font-size:11px}
.contribution-label{font-size:13px}.efficiency-row{padding:12px 13px}.efficiency-row small{font-size:11px}.efficiency-row b,.eff-channel{font-size:13px}
.baseline-metric{padding:14px}.baseline-metric span{font-size:12px}.baseline-metric strong{font-size:19px}
.lens-head>span{font-size:13px}.donut span{font-size:12px}.device-legend>div,.device-legend b{font-size:13px}
.rank-row{min-height:54px;padding:11px 12px}.rank-no{font-size:11px}.rank-name b{font-size:13px}.rank-name span{font-size:11px}.rank-metric b{font-size:13px}.rank-metric span{font-size:10px}

/* Monitor Executive Summary now shares the visual authority of Professional Audit. */
.recurring-hero{padding:28px 30px!important;border:1px solid #17191c!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;background:#17191c!important;color:#fff!important;grid-template-columns:48px 1fr!important;gap:18px!important}
.recurring-hero-mark{width:42px;height:42px;background:#fff!important;color:#17191c!important;font-size:12px!important;font-weight:900}
.recurring-hero .eyebrow{color:#aeb4bc}.recurring-hero h3{font-size:26px;line-height:1.3;margin:3px 0 9px}.recurring-hero p{font-size:18px!important;line-height:1.72!important;color:#f1f3f5!important;max-width:1160px!important}
.monitor-exec-status{font-size:14px!important;line-height:1.5;color:#bdc3ca!important;margin-top:14px!important}
.monitor-memory-note{display:grid;gap:5px;margin-top:16px;padding-top:14px;border-top:1px solid #34383d;font-size:14px;line-height:1.5;color:#d8dde2}
.monitor-memory-note b{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#aeb4bc}.monitor-memory-note span{display:block}

@media(max-width:700px){.executive-narrative,.recurring-hero{padding:22px!important;grid-template-columns:40px 1fr!important}.executive-narrative p,.recurring-hero p{font-size:16px!important}.depth-card,.lens-card{padding:20px}}

/* v0.34.1 — Parsora brand + Parse-first product direction */
:root{--bg:#F5F7FA;--panel:#fff;--ink:#0A1B3D;--muted:#66738A;--line:#DDE4EE;--soft:#EEF3FA;--dark:#0A1B3D;--parsora-blue:#2563FF;--parsora-lilac:#B39DFF}
body{font-size:16px;line-height:1.6;background:var(--bg);color:var(--ink)}
.shell{grid-template-columns:252px 1fr}.sidebar{background:#07142E;padding:24px 18px;color:#fff}.brand{display:block;margin:0 8px 34px}.brand img{width:178px;height:auto;filter:brightness(0) invert(1)}
.nav-group-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#70809E;font-weight:850;padding:0 12px 8px}.nav-group-label.secondary{margin-top:28px}.sidebar nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:10px;color:#AEB9CC;padding:11px 12px;border-radius:10px;font-size:14px}.nav:hover,.nav.active{background:#11264D;color:#fff}.nav.active{box-shadow:inset 3px 0 0 var(--parsora-blue)}.nav-icon{display:inline-grid;width:20px;place-items:center;color:#89A4DB}.side-note{color:#D5DEED}.side-note b{color:#fff}.side-note span{color:#8EA0BC}
main{padding:32px 46px 72px;max-width:1460px}header{margin-bottom:28px}h1{font-size:34px}h2{line-height:1.2}.eyebrow{color:var(--parsora-blue)}.primary{background:var(--parsora-blue);border-radius:10px;padding:12px 17px;box-shadow:0 8px 22px rgba(37,99,255,.18)}.primary:hover{background:#174FE0}.card{border-color:var(--line);border-radius:16px}.empty-brand-icon{width:92px;margin:0 auto 12px}.empty h2{font-size:30px}.empty p{font-size:16px;line-height:1.65}
.business-identity{background:#fff}.business-logo-wrap{border-color:#D5DEEA}.business-meta strong{font-size:15px}.business-meta span{font-size:13px}
.home-digest{margin:0 0 40px;padding:30px 32px 22px;border-radius:18px;background:linear-gradient(135deg,#0A1B3D,#102D67);color:#fff;box-shadow:0 18px 54px rgba(10,27,61,.14)}.home-digest-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.home-digest-top h2{font-size:30px;margin:5px 0 0}.home-digest-top img{width:58px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.12))}.home-digest .eyebrow{color:#8EACFF}.home-digest-items{margin-top:22px;display:grid}.home-digest-item{display:grid;grid-template-columns:38px 1fr 24px;gap:13px;text-align:left;background:transparent;border:0;border-top:1px solid #284269;padding:17px 0;color:#fff;cursor:pointer}.home-digest-item>span{font-size:11px;color:#8EA1C0;font-weight:850;padding-top:3px}.home-digest-item b{font-size:17px}.home-digest-item p{margin:4px 0 0;color:#CAD4E4;font-size:14px;line-height:1.5}.home-digest-item i{font-style:normal;color:#8CACFF;font-size:20px}.home-normal{margin:16px 0 0;color:#B9C6DA;font-size:14px;font-weight:650}
.overview-zone{padding-bottom:38px;margin-bottom:40px}.zone-heading h2{font-size:25px}.zone-heading>span{font-size:14px}.audit-strip{padding:24px 26px}.audit-copy h3{font-size:20px}.audit-copy p{font-size:15px;line-height:1.6}.secondary-link{color:#4E648B}.secondary-link:hover{color:var(--parsora-blue)}
.recurring-hero{background:linear-gradient(135deg,#0A1B3D,#102D67)!important;border-color:#0A1B3D!important}.recurring-hero-mark{overflow:hidden;padding:0!important;background:#fff!important}.recurring-hero-mark img{width:100%;height:100%;object-fit:contain}.recurring-hero .eyebrow{color:#9CB7FF}.monitor-kpi-strip{border-color:#D8E0EC}.monitor-kpi{min-height:122px}.monitor-kpi>span{font-size:14px}.monitor-kpi>strong{font-size:29px}.monitor-statement{grid-template-columns:42px 1fr}.monitor-statement p{font-size:18px}
.highlight-card{position:relative;padding:24px 26px;border-left:4px solid var(--parsora-blue)}.highlight-section{color:#63708A!important;font-size:10px!important;letter-spacing:.1em;text-transform:uppercase}.highlight-card h3{font-size:20px}.highlight-card p{font-size:15px;line-height:1.62;color:#4B5870}.action-card{border-left:4px solid var(--parsora-lilac)}
.parse-page-title{align-items:flex-start;margin-top:4px}.parse-page-title h2,.explore-title h2{font-size:29px;margin-top:4px}.parse-feed{display:grid;gap:16px}.product-parse{padding:26px 28px;border-left:4px solid var(--parsora-blue);display:grid;gap:16px}.product-parse.measurement-parse{border-left-color:var(--parsora-lilac)}.product-parse-head{display:flex;justify-content:space-between;align-items:center}.product-parse-head span,.product-parse-head b{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.product-parse-head span{color:#71809A}.product-parse-head b{color:var(--parsora-blue)}.product-parse h3{font-size:23px;margin:0;line-height:1.3}.parse-section{padding-top:14px;border-top:1px solid #E7ECF3}.parse-section small{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:850;color:#77849A}.parse-section p{margin:0;font-size:15px;line-height:1.62;color:#47546B}.parse-action{background:#F7F9FC;padding:14px 16px;border-radius:11px;border-top:0}.product-parse-footer{border-top:1px solid #E7ECF3;padding-top:10px}.evidence-chips{margin:2px 0}.evidence-chips>span{background:#F8FAFD}
.explore-title{margin-bottom:24px}.explore-links{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--line);margin-top:36px}.kpi-page-card{border-radius:14px}.kpi-breakdown-section>.section-title h2{font-size:23px}.kpi-pivot-wrap{box-shadow:0 1px 2px rgba(10,27,61,.02)}
.connection-hero{padding:34px;display:grid;grid-template-columns:82px 1fr;gap:24px;align-items:start}.connection-hero>img{width:76px}.connection-hero h2{font-size:29px;margin:5px 0 10px}.connection-hero p{max-width:860px;color:var(--muted);font-size:16px;line-height:1.65}.connection-hero .primary{margin-top:18px}.connection-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.connection-roadmap>div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;gap:4px}.connection-roadmap b{font-size:15px}.connection-roadmap span{font-size:12px;color:var(--muted)}
.free-hero{border-left:4px solid var(--parsora-blue)}.free-hero h2{font-size:30px}.free-hero p,.free-check p,.implementation-card p{font-size:14px}.free-cta{background:linear-gradient(135deg,#0A1B3D,#102D67)}
.modal{background:rgba(7,20,46,.62);backdrop-filter:blur(4px)}.modal-card{border-radius:18px}.modal-card h2{font-size:27px}input,select{border-color:#D6DFEC;border-radius:9px}label{font-size:13px;color:#4D5A70}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px}.brand{margin:0 8px 16px}.brand img{width:150px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.nav-group-label,.nav-group-label.secondary{display:none}.side-note{display:none}main{padding:24px 18px}.connection-roadmap{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.sidebar nav{grid-template-columns:1fr 1fr}.nav{font-size:13px}.home-digest{padding:24px 20px}.home-digest-top img{width:48px}.home-digest-item{grid-template-columns:30px 1fr}.home-digest-item i{display:none}.connection-hero{grid-template-columns:1fr}.connection-roadmap{grid-template-columns:1fr}.product-parse{padding:22px 20px}.parse-page-title,.explore-title{align-items:flex-start;flex-direction:column;gap:7px}}

/* v0.34.2 — Parse clarity, readable brand assets and richer Parse detail */
.brand img{width:178px;height:auto;filter:brightness(0) invert(1);object-fit:contain}
.home-digest-item p{display:none}.home-digest-item b{font-size:17px;line-height:1.42}.home-digest-items{gap:4px}
.business-parse{border-left-color:var(--parsora-blue);padding:28px 30px;gap:18px}.business-parse h3{font-size:24px;line-height:1.32;max-width:980px}.business-parse .parse-section p{font-size:16px;line-height:1.68}.business-parse .product-parse-head b{background:#EEF4FF;border-radius:999px;padding:6px 9px;letter-spacing:.08em}.business-parse .product-parse-head span{font-size:11px}.parse-evidence{padding-top:14px;border-top:1px solid #E7ECF3}.parse-evidence>small{display:block;margin-bottom:9px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:850;color:#77849A}.parse-evidence .evidence-chips{display:flex;flex-wrap:wrap;gap:8px}.parse-evidence .evidence-chips>span{min-width:120px;background:#F7F9FC;border:1px solid #E3E9F2;border-radius:10px;padding:9px 11px;display:grid;gap:2px}.parse-evidence .evidence-chips small{font-size:10px;color:#7A879B}.parse-evidence .evidence-chips b{font-size:13px}.parse-evidence .up{color:#2563FF}.parse-evidence .down{color:#C6494A}.parse-evidence .flat{color:#65728A}
.measurement-separation{margin-top:24px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:28px;background:#F7F8FC;border-style:dashed}.measurement-separation h3{margin:5px 0 7px;font-size:20px}.measurement-separation p{margin:0;color:#5E6B81;font-size:14px;line-height:1.6;max-width:820px}
.product-parse .highlight-visual{margin-top:2px}
@media(max-width:780px){.measurement-separation{align-items:flex-start;flex-direction:column}.business-parse{padding:22px 20px}.business-parse h3{font-size:21px}}
.parse-mini-chart{padding:14px 16px 16px;background:#FAFBFD;border:1px solid #E6EBF3;border-radius:12px;display:grid;gap:11px}.parse-mini-legend{display:flex;justify-content:flex-end;gap:18px;font-size:10px;color:#77849A}.parse-mini-legend b{color:#2563FF}.parse-compare-row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.parse-compare-row>small{font-size:11px;font-weight:800;color:#68758B}.parse-compare-bars{display:grid;gap:5px}.parse-compare-bars span{position:relative;height:24px;background:#F0F3F8;border-radius:6px;overflow:hidden}.parse-compare-bars i{position:absolute;left:0;top:0;bottom:0;background:#CAD4E5;border-radius:6px}.parse-compare-bars span.current i{background:#DCE7FF}.parse-compare-bars b{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:0 9px;font-size:11px;color:#4F5E76}.parse-compare-bars span.current b{color:#174FC7}
