/* The Growth Diagnostic framed beside Sadie's panel; on narrow screens the panel slides over the report. */
body.diag{padding:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:#F3F5F0}
@media (min-width:901px){body.diag:has(>.gwside){flex-direction:row}body.diag>.gwside{height:100vh;overflow-y:auto}}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;flex:1 1 auto;min-height:0}
.report{width:100%;height:100%;border:0;background:#fff;min-width:0}
/* Sadie's panel stays dark beside the light page (Matt, Oct 24) */
.panel{display:flex;flex-direction:column;gap:14px;padding:18px 16px;border-left:1px solid #1F2B23;background:linear-gradient(180deg,#0F1E16 0%,#0B0B0C 100%);
  overflow-y:auto;min-width:0;color:#EEF1EC;font-family:Figtree,system-ui,sans-serif;color-scheme:dark}
.panel .fetch{background:#101A14;border:2px solid transparent;background:linear-gradient(#101A14,#101A14) padding-box,linear-gradient(120deg,#2E5A40 0%,#0C9A6C 100%) border-box;
  box-shadow:0 0 22px rgba(12,154,108,.25)}
.panel .fetch textarea{color:#F4F6F2}
.panel .fetch button{background:#9BF26B;color:#0B0B0C}
.panel .chip{background:#18241D;border-color:#2C3B31;color:#DDE5DF;font-weight:500}
.phead{display:flex;align-items:center;gap:10px}
.phead img{border-radius:50%;border:2px solid var(--lime)}
.phead b{display:block;font-size:17px}
.phead span{display:block;font-size:13px;color:var(--muted)}
.phead .close{display:none;margin-left:auto;background:none;border:0;color:var(--text);font-size:26px;cursor:pointer}
.panel .fetch textarea{font-size:15px}
.panel .chip{font-size:13px}
.panel .q{max-width:100%}
.askfab{display:none}
@media (max-width:900px){
  .layout{grid-template-columns:1fr}
  .panel{position:fixed;inset:auto 0 0 0;height:78vh;border-left:0;border-top:1px solid var(--line-2);border-radius:18px 18px 0 0;
    transform:translateY(105%);transition:transform .25s ease;z-index:5;box-shadow:0 -20px 60px rgba(0,0,0,.5)}
  .panel.open{transform:none}
  .phead .close{display:block}
  .askfab{display:block;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:4;border:0;border-radius:999px;
    background:var(--lime);color:var(--ink);font:800 15px var(--body);padding:12px 18px;box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer}
}
@media (prefers-reduced-motion:reduce){.panel{transition:none}}