/* Shared dimensions for the individual report and the public Faro bulletin. */
.result-page{
  --result-card-max:1020px;
  --result-card-radius:19px;
  --result-card-border:1.5px solid #d8cadd;
  --result-card-shadow:0 4px 0 #e8dce7;
}
.result-page .public-journey{
  width:min(94%,var(--result-card-max));
  max-width:var(--result-card-max);
  margin:26px auto 34px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:18px;
}
.result-page .public-journey > .public-insights{
  width:100%;max-width:none;min-width:0;margin:0;
}
.result-page .public-journey .insight-panel{
  width:100%;max-width:none;min-width:0;box-sizing:border-box;
  margin:0;
  border:var(--result-card-border);
  border-radius:var(--result-card-radius);
  box-shadow:var(--result-card-shadow);
}
@media(max-width:600px){
 .result-page .public-journey{width:100%}
}

/* Readable editorial follow-up below the thermal receipt; never inside the printer. */
.insight-stack{width:min(94%,var(--result-card-max));max-width:var(--result-card-max);margin:26px auto;display:grid;gap:18px}
.insight-panel{background:#fffefa;color:#302159;border:var(--result-card-border);border-radius:var(--result-card-radius);padding:clamp(18px,3.6vw,32px);box-shadow:var(--result-card-shadow)}
.insight-eyebrow{margin:0 0 9px!important;color:#754fad;font:900 11px/1.3 "Courier New",monospace!important;letter-spacing:.1em}
.insight-panel h2{margin:0 0 12px;font:900 clamp(25px,4vw,38px)/1.1 Arial,sans-serif;letter-spacing:-.04em}
.insight-panel>p:not(.insight-eyebrow){max-width:740px;color:#645873;font:15px/1.56 Georgia,serif}
.insight-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:24px 0 9px}
.insight-score-grid>div{padding:18px;background:#f8f3ff;border:1px solid #dbccea;border-radius:12px}
.insight-score-grid strong{display:block;font:900 clamp(28px,4vw,44px)/1 Arial,sans-serif;letter-spacing:-.045em}
.insight-score-grid span{display:block;margin-top:7px;color:#655579;font:800 11px/1.4 "Courier New",monospace}
.insight-clarifier{font:12px/1.5 Arial,sans-serif!important;color:#776d81!important;margin-bottom:0}
.insight-areas{margin-top:21px}
.insight-area-row{border-top:1px solid #e1d8e8;padding:14px 0 12px}
.insight-area-label{display:flex;justify-content:space-between;gap:8px;align-items:center}
.insight-area-label strong{font:900 14px/1.3 Arial,sans-serif}
.insight-area-label span{font:800 11px "Courier New",monospace;white-space:nowrap;color:#705e87}
.insight-area-bar{height:9px;border-radius:20px;background:#eee5f5;overflow:hidden;margin:12px 0 9px}
.insight-area-bar i{display:block;height:100%;background:#6941e9;border-radius:20px}
.insight-breakdown{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:12px/1.3 "Courier New",monospace;color:#5d536c}
.insight-breakdown b{color:#302159}
.faro-social{padding:26px clamp(18px,3vw,35px);border-top:2px dashed #b9b2a3}
.faro-social h3{margin:0 0 8px;font:900 clamp(21px,3.5vw,27px)/1.2 "Courier New",monospace}
.faro-social p{color:#645873;font:14px/1.55 Georgia,serif}
.faro-social .social-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}
.social-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:47px;border:2px solid #302159;border-radius:11px;padding:12px 17px;background:#fffdf5;color:#302159;text-decoration:none;font:900 12px/1.2 Arial,sans-serif;cursor:pointer}
.social-action.primary{background:#6941e9;color:#fff}
.social-action:disabled{opacity:.55;cursor:wait}
.social-case{padding:15px 0;border-top:1px dashed #d3c4d9;display:flex;align-items:center;justify-content:space-between;gap:12px}
.social-case strong{font:900 13px/1.4 Arial,sans-serif}
.social-case small{display:block;margin-bottom:5px;color:#75617e;font:900 10px "Courier New",monospace}
.social-case a{font-size:12px;min-width:125px}
.social-notice{font:12px/1.45 Arial,sans-serif;color:#675179;margin-top:12px}
@media(max-width:600px){.insight-stack{width:100%}.insight-panel{padding:18px}.social-case{align-items:flex-start;flex-direction:column}.social-case a{width:100%}}