:root {
  color-scheme: light;
  --paper:#f6f7f2; --card:#fff; --ink:#233e33; --muted:#6d786f;
  --line:#e1e7dd; --green:#214f40; --tint:#edf3ed; --orange:#b97a3a;
  --primary:#214f40; --primary-hover:#183d30; --on-primary:#fff;
  --control-border:#ccd7ca; --surface-muted:#f3f5ef;
  --summary-bg:#f1f3e9; --summary-ink:#776344;
  --injection-bg:#fbf4eb; --injection-border:#e6cfb7; --injection-ink:#8a572a;
  --note-bg:#f2f4ef; --note-border:#d7dfd2; --note-ink:#5c6e57;
  --danger:#8e352d; --danger-bg:#fff1ed; --danger-border:#f0cfc6;
  --success-bg:#edf4e7; --success-border:#d1dfc8;
  --chart-line:#2c715a; --chart-label:#747e76; --chart-grid:#e8ece5;
  --radius:18px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper:#111a16; --card:#1a2721; --ink:#e7eee8; --muted:#a8b7ad;
  --line:#34463b; --green:#acdfbd; --tint:#263b2f; --orange:#e4b47b;
  --primary:#34674f; --primary-hover:#427f62; --on-primary:#fff;
  --control-border:#506355; --surface-muted:#202f27;
  --summary-bg:#2b3023; --summary-ink:#e0c89a;
  --injection-bg:#382e22; --injection-border:#8c6c45; --injection-ink:#efc38b;
  --note-bg:#27372c; --note-border:#53664d; --note-ink:#c3d5b9;
  --danger:#ffb4a6; --danger-bg:#3b2421; --danger-border:#8d5047;
  --success-bg:#263c2b; --success-border:#52795a;
  --chart-line:#9bd9b5; --chart-label:#a8b7ad; --chart-grid:#35483c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  color-scheme: dark;
  --paper:#111a16; --card:#1a2721; --ink:#e7eee8; --muted:#a8b7ad;
  --line:#34463b; --green:#acdfbd; --tint:#263b2f; --orange:#e4b47b;
  --primary:#34674f; --primary-hover:#427f62; --on-primary:#fff;
  --control-border:#506355; --surface-muted:#202f27;
  --summary-bg:#2b3023; --summary-ink:#e0c89a;
  --injection-bg:#382e22; --injection-border:#8c6c45; --injection-ink:#efc38b;
  --note-bg:#27372c; --note-border:#53664d; --note-ink:#c3d5b9;
  --danger:#ffb4a6; --danger-bg:#3b2421; --danger-border:#8d5047;
  --success-bg:#263c2b; --success-border:#52795a;
  --chart-line:#9bd9b5; --chart-label:#a8b7ad; --chart-grid:#35483c;
  }
}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--green);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button,input[type=submit]{cursor:pointer}a.button{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;min-height:46px;border-radius:9px;font-size:14px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background .15s}.primary{background:var(--primary);color:var(--on-primary)}.primary:hover{background:var(--primary-hover)}.secondary{border-color:var(--control-border);background:var(--card);color:var(--green)}.secondary:hover{background:var(--tint)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled,input:disabled{opacity:.5;cursor:default}.site-header{max-width:1320px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:29px;letter-spacing:-1.4px;font-weight:650}.brand-mark{display:block;width:36px;height:36px;flex-shrink:0}.brand-name{white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.site-header nav a{text-decoration:none;color:var(--muted);padding:10px 0}.site-header nav a.active{color:var(--green);box-shadow:0 2px var(--green);font-weight:650}.site-header nav form{margin:0}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:12px 0}.shell{max-width:1320px;margin:0 auto;padding:42px 48px 28px;min-height:75vh}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:40px;letter-spacing:-1.25px;line-height:1.18;margin:10px 0 11px}h2{font-weight:550;font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:6px 0 11px}h3{font-size:16px;font-weight:600;margin:7px 0}p{margin:9px 0 14px}.muted{color:var(--muted)}.small,.field-hint{font-size:12px;line-height:1.6}.field-hint{color:var(--muted);margin:7px 0 0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--muted)}.quick-actions{display:flex;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 10px #2e453004}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.summary{padding:22px 26px}.stat{font-size:36px;letter-spacing:-1.5px;line-height:1.5;font-weight:500}.stat span{font-size:15px;letter-spacing:0;font-weight:400;margin-left:7px;color:var(--muted)}.injection-summary{background:var(--summary-bg)}.injection-summary .stat{color:var(--summary-ink)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.timeline-card{padding:27px 28px 18px;overflow:hidden}.section-heading h2{font-size:24px;margin:7px 0 0}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:21px 0 17px}.range-tabs{display:flex;padding:4px;background:var(--surface-muted);border-radius:9px;gap:2px}.range-tabs a{padding:6px 14px;font-size:12px;border-radius:6px;text-decoration:none;color:var(--muted);white-space:nowrap}.range-tabs .selected{background:var(--card);box-shadow:0 1px 4px #183d3012;color:var(--green);font-weight:650}.select-inline{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.select-inline select{width:auto;padding:8px 28px 8px 11px;font-size:12px}.chart-legend{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:17px 0 5px;font-size:12px}.chart-legend label{display:flex;align-items:center;gap:7px;margin:0;font-weight:400}.chart-legend input{width:15px;height:15px;margin:0;accent-color:var(--green)}.dot{height:7px;width:7px;border-radius:50%;display:inline-block}.green{background:var(--chart-line)}.orange{background:var(--orange)}.gray{background:var(--note-ink)}.zoom-buttons{margin-left:auto;display:flex;gap:3px}.zoom-buttons button{min-height:33px;min-width:33px;background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:5px;font-size:12px}.chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}.chart-content{position:relative}.canvas-wrap{height:265px;position:relative}.event-track{position:relative;border-top:1px solid var(--line);margin:0 0 3px}.event-track[hidden]{display:none}.track-title{position:absolute;top:19px;left:0;z-index:2;background:var(--card);padding:3px 6px 3px 0;color:var(--muted);font-size:8px;letter-spacing:.9px}.event-lanes{position:relative;min-height:56px}.event-marker{position:absolute;transform:translateX(-50%);font-size:10px;line-height:1.25;border-radius:5px;border:1px solid var(--injection-border);color:var(--injection-ink);background:var(--injection-bg);min-height:32px;width:76px;padding:5px 4px;white-space:nowrap;z-index:1}.event-marker.journal{width:62px;background:var(--note-bg);border-color:var(--note-border);color:var(--note-ink)}.event-stem{position:absolute;top:0;width:1px;background:var(--injection-border)}.event-stem.journal{background:var(--note-border)}.empty-row{position:absolute;top:19px;left:100px;color:var(--muted);font-size:11px}.chart-foot{border-top:1px solid var(--line);padding-top:10px;margin-top:7px}.chart-foot p{margin:0 0 4px}.empty-chart{text-align:center;background:var(--surface-muted);border-radius:10px;padding:17px;color:var(--muted)}.empty-chart p{margin:4px 0;font-size:13px}.below-chart{display:flex;justify-content:space-between;align-items:center;padding:29px 4px;gap:20px}.below-chart h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}.below-chart p{font-size:13px;margin:4px 0}.range-table summary{padding:20px 25px;cursor:pointer;font-weight:600;font-size:14px}.range-table summary span{font-size:12px;font-weight:400}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:500;color:var(--muted);background:var(--surface-muted);font-size:11px}td,th{padding:14px 24px;border-top:1px solid var(--line);vertical-align:top}td{min-width:110px}td:first-child{white-space:nowrap}.type-pill{display:inline-block;font-size:10px;padding:2px 8px;border-radius:5px;background:var(--tint);color:var(--green);white-space:nowrap}.type-pill.injection{background:var(--injection-bg);color:var(--injection-ink)}.type-pill.daynote{background:var(--note-bg);color:var(--note-ink)}.site-footer{max-width:1320px;margin:auto;padding:18px 48px 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.stack{display:flex;flex-direction:column;gap:18px}.stack p{margin:0}.stack h3{margin:0}label{display:block;font-size:13px;font-weight:500;margin-bottom:7px}input:not([type=checkbox],[type=submit],[type=hidden]),select,textarea{width:100%;border:1px solid var(--control-border);background:var(--card);color:var(--ink);border-radius:8px;padding:11px 12px;min-height:45px;max-width:100%}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}fieldset{padding:0;border:0;margin:0}legend{font-size:14px;font-weight:600}.check-label{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:400;margin:11px 0}.two-columns,.weight-input{display:grid;grid-template-columns:1fr 1fr;gap:16px}.weight-input{grid-template-columns:1fr 100px;align-items:end}.weight-input input{font-size:38px;letter-spacing:-1px;min-height:74px}.weight-input select{min-height:74px;font-size:18px}.form-page{max-width:550px;margin:0 auto}.back-link{display:inline-block;text-decoration:none;font-size:13px;color:var(--muted);margin-bottom:20px}.form-card{padding:30px}.form-card h1{font-size:36px}.form-card>.muted{margin-bottom:23px}.form-card>h2{margin-top:0}.full-width{width:100%}.save-status{font-size:12px;color:var(--muted);padding:9px 11px;background:var(--surface-muted);border-radius:7px}.previous-site{background:var(--injection-bg);border-radius:10px;padding:13px 15px;font-size:12px;color:var(--injection-ink)}.previous-site p{margin:5px 0 0!important}.danger-link{border:0;background:none;color:var(--danger);font-size:12px;text-decoration:underline;padding:20px 0 0}.errors,.flash.alert{color:var(--danger);background:var(--danger-bg);padding:12px;border-radius:7px;font-size:13px;border:1px solid var(--danger-border);overflow-wrap:anywhere}.errors p{margin:3px 0}.flash{padding:14px 20px;border:1px solid var(--success-border);background:var(--success-bg);border-radius:10px;margin-bottom:24px;font-size:13px}.journal-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.day-navigation{display:flex;gap:8px;align-items:center}.day-navigation input{width:160px!important}.day-entries{padding:30px;align-self:start}.day-event{border-top:1px solid var(--line);padding:20px 0}.day-event h3{font-size:25px;margin:7px 0}.day-event a{font-size:12px}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin:18px 0}.settings-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:25px;align-items:start}.export-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.export-links .button{font-size:12px}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.import-report{margin-top:24px}.import-counts{display:flex;flex-wrap:wrap;gap:25px;margin:20px 0;font-size:13px}.import-counts strong{font-size:25px;font-weight:500;margin-right:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-muted);border-radius:8px;padding:14px;font-size:11px}code{font-size:11px}.reminder{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;margin-bottom:25px;border-radius:10px;background:var(--injection-bg);color:var(--injection-ink);font-size:12px}.custom-range{display:flex;align-items:end;gap:14px;padding:15px 0}.custom-range label{font-size:11px}.login{max-width:440px;padding:36px;margin:6vh auto 12vh}.login h1{font-size:37px}.login form{margin:25px 0}.login>p.small{margin-top:22px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{display:block;padding:15px;background:var(--card)}
@media(min-width:1450px){.shell{padding-top:53px}.canvas-wrap{height:310px}}@media(max-width:1000px){.shell{padding:30px}.site-header{padding:20px 30px}.page-intro{align-items:flex-start}.quick-actions{flex-direction:column}.summary{padding:19px}.summary .small{font-size:11px}.chart-toolbar{align-items:flex-start}.range-tabs a{padding:6px 10px}.select-inline{flex-direction:column;align-items:flex-start;gap:3px}.settings-grid{grid-template-columns:1fr 1fr}.day-navigation{flex-wrap:wrap;max-width:300px}}@media(max-width:700px){body{font-size:14px}.site-header{padding:16px 18px;flex-wrap:wrap;gap:10px}.brand{font-size:24px;letter-spacing:-.8px}.brand-mark{width:32px;height:32px}.site-header nav{gap:20px;font-size:12px}.site-header nav .text-button{font-size:10px}.shell{padding:27px 17px 22px}.page-intro{flex-direction:column;gap:18px;margin-bottom:22px}.page-intro h1{font-size:33px}.page-intro p{margin-bottom:0;font-size:13px}.quick-actions{flex-direction:row;width:100%;gap:9px}.quick-actions .button{flex:1;padding:13px 10px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.summary{padding:16px}.summary .eyebrow{font-size:8px;letter-spacing:1px;min-height:25px}.stat{font-size:32px}.stat span{font-size:12px}.summary .small{font-size:10px}.injection-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:0 12px}.injection-summary .eyebrow{min-height:0;align-self:end}.injection-summary .stat{grid-column:2;grid-row:1/3;align-self:center}.timeline-card{padding:20px 15px 13px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.section-heading h2{font-size:22px}.section-heading>.small{font-size:10px}.chart-toolbar{padding-top:16px;flex-direction:column;gap:12px}.range-tabs{width:100%;justify-content:space-between;gap:0}.range-tabs a{font-size:11px;padding:6px 10px}.select-inline{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.chart-legend{gap:10px;font-size:10px;align-items:center}.chart-legend label{gap:4px}.chart-legend input{width:13px;height:13px}.dot{width:5px;height:5px}.zoom-buttons{width:100%;justify-content:flex-end;margin-top:0}.zoom-buttons button{min-width:36px;min-height:34px}.canvas-wrap{height:240px}.chart-foot .small{font-size:10px}.timeline-card>p.small{font-size:10px}.below-chart{padding:23px 2px;align-items:flex-start;flex-direction:column;gap:12px}.below-chart h2{font-size:24px}.below-chart .button{width:100%}.range-table summary{font-size:12px;padding:18px}.range-table summary span{font-size:10px}.site-footer{padding:20px 18px;flex-direction:column;gap:7px;font-size:10px}td,th{padding:12px 16px}.form-card{padding:24px 20px}.journal-grid,.settings-grid{grid-template-columns:1fr;gap:20px}.day-navigation{max-width:none;display:grid;grid-template-columns:1fr 1.2fr 1fr;width:100%}.day-navigation .button{font-size:11px;padding:10px}.day-navigation input{width:100%!important;font-size:11px;padding:10px}.mapping-grid{grid-template-columns:1fr}.custom-range{flex-wrap:wrap;gap:10px}.custom-range>div{flex:1;min-width:120px}.custom-range>.button{width:100%}.reminder{flex-direction:column;gap:5px}.two-columns{gap:10px}.login{padding:26px 22px;margin:4vh auto}.login h1{font-size:34px}}


/* Keep appearance controls available on the sign-in screen and every app page. */
.site-header nav { margin-left: auto; }
.theme-picker { display:flex; align-items:center; gap:8px; margin:0 0 0 10px; font-size:12px; color:var(--muted); }
.theme-picker { position:relative; }
.theme-icon-button { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--line); border-radius:50%; background:var(--card); color:var(--ink); padding:0; }
.theme-icon-button svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; display:none; }
html[data-theme-preference="system"] [data-theme-icon="system"],html[data-theme-preference="light"] [data-theme-icon="light"],html[data-theme-preference="dark"] [data-theme-icon="dark"] { display:block; }
.theme-menu { position:absolute; top:calc(100% + 8px); right:0; z-index:70; width:155px; padding:6px; border:1px solid var(--line); border-radius:11px; background:var(--card); box-shadow:0 12px 35px #0003; }
.theme-menu[hidden] { display:none; }
.theme-menu button { display:flex; justify-content:space-between; width:100%; border:0; border-radius:6px; padding:11px 12px; background:transparent; color:var(--ink); text-align:left; font-size:13px; min-height:42px; }
.theme-menu button:hover,.theme-menu button[aria-checked="true"] { background:var(--tint); color:var(--green); }
.theme-check { visibility:hidden; }
.theme-menu button[aria-checked="true"] .theme-check { visibility:visible; }
@media (max-width:700px) {
  .site-header nav { order:3; width:100%; justify-content:space-between; margin-left:0; }
  .theme-picker { margin-left:auto; font-size:11px; }
}

/* A complete local month, independent of the chart's selected date range. */
#month-calendar { display:block; scroll-margin-top:24px; margin-top:28px; }
#month-calendar[aria-busy="true"] { opacity:.65; }
.month-calendar { padding:27px 28px 14px; overflow:hidden; }
.calendar-heading h2 { font-family:Georgia,"Times New Roman",serif; font-size:30px; font-weight:400; margin:7px 0; }
.calendar-heading p { margin:0; }
.calendar-navigation { display:flex; gap:8px; align-items:center; }
.calendar-navigation .button { min-width:44px; }
.calendar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; padding:20px 0; }
.calendar-totals { display:flex; flex-wrap:wrap; gap:8px; }
.calendar-total { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:7px; font-size:12px; }
.calendar-weight { color:var(--green); background:var(--tint); }
.calendar-injection { color:var(--injection-ink); background:var(--injection-bg); }
.calendar-journal { color:var(--note-ink); background:var(--note-bg); }
.calendar-month-picker { display:flex; align-items:center; gap:8px; }
.calendar-month-picker label { margin:0; font-size:11px; color:var(--muted); }
.calendar-month-picker input[type="month"] { width:166px; min-height:40px; padding:8px; font-size:12px; }
.calendar-month-picker .button { min-height:40px; padding:8px 12px; }
.calendar-empty { margin:0 0 16px; font-size:13px; }
.month-grid { table-layout:fixed; border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.month-grid th, .month-grid td { min-width:0; padding:0; border:0; white-space:normal; }
.month-grid th { padding:12px 4px; text-align:center; font-size:11px; }
.month-grid th abbr { text-decoration:none; }
.month-grid td { border-top:1px solid var(--line); border-right:1px solid var(--line); vertical-align:top; }
.month-grid td:last-child { border-right:0; }
.calendar-day { display:flex; flex-direction:column; gap:8px; min-height:150px; height:100%; padding:10px; text-decoration:none; color:var(--ink); }
.calendar-day:hover { background:var(--surface-muted); }
.calendar-day:focus-visible { outline-offset:-3px; position:relative; z-index:1; }
.calendar-day-number { display:inline-flex; align-self:flex-start; align-items:center; justify-content:center; min-width:27px; height:27px; border-radius:50%; font-size:13px; font-weight:600; }
.calendar-day[aria-current="date"] .calendar-day-number { background:var(--primary); color:var(--on-primary); }
.calendar-events { display:flex; flex-direction:column; gap:5px; }
.calendar-event { display:flex; align-items:center; gap:4px; padding:3px 6px; border-radius:5px; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
.calendar-event-count { font-weight:650; }
.calendar-note-preview { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--muted); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.calendar-padding { background:var(--surface-muted); }
.calendar-foot { margin:13px 0 0; }
@media (max-width:1000px) {
  .calendar-day { min-height:136px; padding:7px; }
  .calendar-event { font-size:9px; padding:3px 4px; gap:3px; }
}
@media (max-width:700px) {
  #month-calendar { margin-top:20px; }
  .month-calendar { padding:20px 12px 14px; }
  .calendar-heading { flex-direction:row; flex-wrap:wrap; align-items:center; gap:16px; }
  .calendar-heading h2 { font-size:27px; }
  .calendar-heading p { font-size:11px; }
  .calendar-navigation { gap:6px; }
  .calendar-navigation .button { min-width:40px; min-height:40px; padding:8px 12px; font-size:12px; }
  .calendar-toolbar { padding:16px 0; gap:13px; }
  .calendar-totals { gap:5px; }
  .calendar-total { padding:5px 7px; gap:4px; font-size:10px; }
  .calendar-month-picker { width:100%; }
  .calendar-month-picker input[type="month"] { width:auto; flex:1; min-width:0; }
  .month-grid th { font-size:10px; padding:10px 2px; }
  .calendar-day { min-height:117px; padding:6px 3px; gap:5px; }
  .calendar-day-number { min-width:24px; height:24px; font-size:12px; }
  .calendar-event { justify-content:center; font-size:10px; padding:3px 1px; gap:3px; }
  .calendar-event-label, .calendar-note-preview { display:none; }
  .calendar-foot { font-size:10px; }
}

.calendar-page #month-calendar { margin-top:0; }
.below-chart-actions { display:flex; flex-wrap:wrap; gap:10px; }
.renpho-details { background:var(--surface-muted); padding:16px; border-radius:10px; margin:14px 0 20px; }
@media (max-width:700px) { .below-chart-actions { width:100%; flex-direction:column; } }

.injection-overlay { position:absolute; inset:0; pointer-events:none; }
.injection-overlay[hidden] { display:none; }
.injection-guide { position:absolute; border-left:2px dashed var(--injection-border); opacity:.8; }
.injection-overlay button { pointer-events:auto; }
.injection-dose { box-shadow:0 1px 4px #00000015; }
.injection-on-line { position:absolute; width:26px; height:26px; padding:0; border:0; background:transparent; transform:translate(-50%,-50%); }
.injection-on-line::after { content:""; position:absolute; width:10px; height:10px; left:7px; top:7px; background:var(--injection-ink); border:2px solid var(--card); transform:rotate(45deg); }

/* Injection insights: measured windows, location history and traceable shot cards. */
:root { --site-arm:#7761a2; }
:root[data-theme="dark"] { --site-arm:#c3ade9; }
.injection-filters { padding:20px 24px; margin-bottom:22px; }
.injection-filters form { display:flex; align-items:end; gap:12px; flex-wrap:wrap; }
.injection-filters form>div { flex:1 1 130px; }
.injection-filters label { font-size:11px; color:var(--muted); }
.injection-filters select,.injection-filters input[type="date"] { font-size:12px; min-height:42px; padding:9px; }
.injection-filters .button { min-height:42px; padding:10px 15px; }
.injection-filters>p { margin:12px 0 0; }
.injection-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin-bottom:25px; }
.insight-stat { padding:21px; }
.insight-stat .eyebrow { font-size:9px; letter-spacing:1.2px; min-height:30px; }
.insight-stat .stat { font-size:29px; white-space:nowrap; }
.insight-stat .stat span { font-size:12px; }
.insight-stat p { margin:7px 0 0; }
.change-down { color:var(--green); }
.change-up { color:var(--injection-ink); }
.change-neutral { color:var(--muted); }
.insights-empty { padding:34px; text-align:center; margin-bottom:24px; }
.insights-hero-grid { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr); gap:22px; margin-bottom:22px; align-items:stretch; }
.location-panel,.insights-chart-panel { padding:26px; min-width:0; }
.injection-body-map { margin:15px auto 18px; text-align:center; }
.injection-body-map svg { width:100%; max-width:265px; height:auto; }
.injection-body-map figcaption { font-size:10px; }
.body-silhouette { fill:var(--surface-muted); stroke:var(--control-border); stroke-width:1.5; stroke-linejoin:round; }
.body-centerline { stroke:var(--line); stroke-width:1; stroke-dasharray:3 4; }
.site-abdomen { --location-color:var(--chart-line); }
.site-thigh { --location-color:var(--injection-ink); }
.site-arm { --location-color:var(--site-arm); }
.site-unknown { --location-color:var(--muted); }
.body-location circle { fill:var(--card); stroke:var(--line); stroke-width:2; }
.body-location.has-shots circle { fill:var(--tint); stroke:var(--location-color); stroke-width:2.5; }
.body-location text { fill:var(--muted); font:600 12px -apple-system,sans-serif; }
.body-location.has-shots text { fill:var(--ink); }
.body-side-label { fill:var(--muted); font:11px -apple-system,sans-serif; }
.location-legend { display:grid; gap:12px; }
.location-legend-item { display:flex; gap:10px; align-items:start; font-size:12px; }
.location-legend-item>div { display:flex; flex-direction:column; gap:2px; }
.location-legend-item strong { font-weight:550; }
.location-swatch { display:inline-block; flex-shrink:0; width:8px; height:8px; border-radius:50%; background:var(--location-color,var(--muted)); margin-top:5px; }
.insights-chart-wrap { position:relative; height:280px; min-width:0; }
.trajectory-wrap { height:390px; margin-top:22px; }
.insights-chart-caption { margin:15px 0 10px; }
.insights-location-key { display:flex; flex-wrap:wrap; gap:10px 18px; font-size:11px; color:var(--muted); }
.insights-location-key span { display:inline-flex; align-items:center; gap:6px; }
.insights-location-key i { width:8px; height:8px; border-radius:50%; background:var(--location-color); }
.insights-chart-empty { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:25px; border:1px dashed var(--line); border-radius:10px; background:var(--surface-muted); font-size:13px; line-height:1.7; }
.shot-chart-panel { margin-bottom:22px; }
.insights-comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.comparison-details { margin-top:18px; overflow-x:auto; }
.comparison-details table { table-layout:fixed; font-size:11px; }
.comparison-details th,.comparison-details td { min-width:0; padding:10px 6px; white-space:normal; overflow-wrap:anywhere; }
.comparison-details th:first-child { width:47%; }
.comparison-details th[scope="row"] { color:var(--ink); background:none; font-weight:500; }
.comparison-span { display:block; font-size:10px; font-weight:400; margin-top:4px; }
.insights-context { padding:7px 3px; margin:15px 0 24px; }
.insights-method { margin:22px 0 30px; }
.insights-method>summary { padding:19px 24px; font-size:13px; font-weight:550; cursor:pointer; }
.insights-method>div { padding:0 24px 14px; font-size:13px; }
.insights-method p { margin:0 0 12px; }
.shot-history>.section-heading { margin:0 3px 18px; }
.shot-card { margin-bottom:12px; overflow:hidden; }
.shot-card>summary { display:grid; grid-template-columns:40px minmax(130px,1fr) minmax(130px,1fr) minmax(130px,.85fr) 20px; align-items:center; gap:18px; padding:20px 24px; cursor:pointer; list-style:none; }
.shot-card>summary::-webkit-details-marker { display:none; }
.shot-number { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--tint); color:var(--green); font-size:12px; font-weight:650; }
.shot-identity,.shot-location,.shot-result { display:flex; flex-direction:column; gap:4px; }
.shot-identity strong { font-size:15px; font-weight:550; }
.shot-location { position:relative; padding-left:17px; font-size:13px; }
.shot-location .location-swatch { position:absolute; left:0; top:1px; }
.shot-result { text-align:right; }
.shot-result strong { font-size:23px; font-weight:500; letter-spacing:-.7px; }
.shot-expand { font-size:17px; color:var(--muted); text-align:right; }
.shot-card[open] .shot-expand { transform:rotate(45deg); }
.shot-card-body { padding:0 25px 23px; border-top:1px solid var(--line); }
.shot-measurements { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:23px 0; }
.shot-measurements>div { background:var(--surface-muted); padding:17px; border-radius:10px; display:flex; flex-direction:column; gap:5px; }
.shot-measurements strong { font-size:25px; font-weight:500; }
.shot-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 24px; margin:18px 0; font-size:12px; }
.shot-facts>div { display:flex; flex-direction:column; gap:4px; }
.shot-facts dt { color:var(--muted); font-size:11px; }
.shot-facts dd { margin:0; }
.shot-context,.shot-notes { padding:12px; border-radius:8px; background:var(--surface-muted); }
.shot-links { display:flex; flex-wrap:wrap; gap:15px 25px; margin-top:20px; font-size:12px; }
@media (max-width:1050px) {
  .site-header { flex-wrap:wrap; }
  .site-header nav { order:3; width:100%; margin-left:0; justify-content:flex-start; gap:24px; overflow-x:auto; white-space:nowrap; }
  .site-header nav>* { flex-shrink:0; }
  .theme-picker { margin-left:auto; }
  .injection-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .insights-hero-grid { grid-template-columns:minmax(240px,.75fr) minmax(0,1fr); }
}
@media (max-width:700px) {
  .site-header nav { gap:18px; padding-bottom:3px; }
  .injection-filters { padding:18px 15px; }
  .injection-filters form { gap:12px 10px; }
  .injection-filters form>div { flex-basis:calc(50% - 6px); min-width:0; }
  .injection-filters input[type="date"],.injection-filters select { font-size:12px; min-width:0; width:100%; }
  .injection-summary-grid { gap:10px; }
  .insight-stat { padding:16px; }
  .insight-stat .stat { font-size:25px; }
  .insight-stat .stat span { display:block; margin:0; font-size:11px; }
  .insight-stat .eyebrow { font-size:8px; min-height:32px; }
  .insight-stat p { font-size:10px; }
  .insights-hero-grid,.insights-comparison-grid { grid-template-columns:1fr; gap:18px; }
  .location-panel,.insights-chart-panel { padding:22px 15px; }
  .injection-body-map svg { max-width:235px; }
  .location-legend { grid-template-columns:1fr 1fr; gap:15px 10px; }
  .location-legend-item { font-size:11px; }
  .location-legend-item .small { font-size:10px; }
  .trajectory-wrap { height:290px; }
  .insights-chart-panel h2 { font-size:20px; }
  .insights-chart-panel>p.small { font-size:11px; }
  .shot-card>summary { grid-template-columns:30px minmax(0,1fr) minmax(0,.85fr) 14px; gap:12px 10px; padding:17px 14px; }
  .shot-number { width:28px; height:28px; font-size:11px; }
  .shot-identity { grid-column:2; grid-row:1; }
  .shot-identity strong { font-size:13px; }
  .shot-identity .small { font-size:10px; }
  .shot-result { grid-column:3; grid-row:1 / 3; }
  .shot-result strong { font-size:21px; }
  .shot-result .small { font-size:10px; }
  .shot-location { grid-column:2; grid-row:2; font-size:11px; }
  .shot-location .small { font-size:10px; }
  .shot-expand { grid-column:4; grid-row:1 / 3; }
  .shot-card-body { padding:0 14px 18px; }
  .shot-measurements { gap:10px; margin:17px 0; }
  .shot-measurements>div { padding:12px; }
  .shot-measurements strong { font-size:21px; }
  .shot-measurements .eyebrow { font-size:8px; letter-spacing:1px; }
  .shot-measurements .small { font-size:10px; }
  .shot-facts { gap:13px; }
  .insights-method>summary { padding:18px; }
  .insights-method>div { padding:0 18px 10px; font-size:12px; }
}
.insights-coverage-notice { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:15px 18px; border:1px solid var(--line); background:var(--surface-muted); border-radius:10px; margin:0 0 22px; font-size:12px; }

/* Reviews, goals, and reports share the journal's quiet, readable surfaces. */
.feature-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin:0 0 24px; }
.feature-toolbar .button { font-size:12px; }
.week-picker { display:flex; flex-wrap:wrap; align-items:end; gap:9px; margin-left:auto; }
.week-picker label { margin:0 0 12px; font-size:11px; }
.week-picker input[type="date"] { width:160px; }
.feature-card { padding:28px; margin-bottom:24px; min-width:0; }
.feature-card>h2:first-child { margin-top:0; }
.feature-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.feature-columns .feature-card { width:100%; }
.review-entry { padding:15px 0; border-top:1px solid var(--line); overflow-wrap:anywhere; }
.review-entry p { margin:6px 0; }
.review-entry a { font-size:12px; }
.review-metric { display:grid; grid-template-columns:1fr auto; gap:5px 14px; padding:14px 0; border-top:1px solid var(--line); font-size:13px; }
.review-metric small { grid-column:1/-1; }
.weight-figure { margin:16px 0; }
.weight-figure svg { display:block; width:100%; height:auto; }
.plot-grid { stroke:var(--chart-grid); stroke-width:1; fill:none; }
.plot-label { fill:var(--chart-label); font-size:10px; }
.plot-line { fill:none; stroke:var(--chart-line); stroke-width:2.5; stroke-linejoin:round; }
.plot-point { fill:var(--chart-line); }
.plot-shot { stroke:var(--injection-ink); stroke-width:1.5; stroke-dasharray:4 5; }
.plot-shot-label-box { fill:var(--injection-bg); stroke:var(--injection-border); stroke-width:1; }
.plot-shot-dose { fill:var(--injection-ink); font-size:12px; font-weight:700; }
.plot-shot-site { fill:var(--injection-ink); font-size:11px; }
.plot-shot-time { fill:var(--injection-ink); font-size:10px; }
.weekly-shot-label:focus .plot-shot-label-box,.weekly-shot-label:hover .plot-shot-label-box { stroke:var(--injection-ink); stroke-width:2; }
.trend-key { width:14px; border-top:2px dashed var(--injection-ink); }
.goal-target { font-family:Georgia,serif; font-size:42px; color:var(--green); margin:20px 0; }
.goal-progress progress { width:100%; height:15px; accent-color:var(--green); border:0; border-radius:8px; overflow:hidden; background:var(--surface-muted); }
.goal-progress progress::-webkit-progress-bar { background:var(--surface-muted); border-radius:8px; }
.goal-progress progress::-webkit-progress-value { background:var(--green); border-radius:8px; }
.goal-progress progress::-moz-progress-bar { background:var(--green); }
.milestone-list { list-style:none; padding:0; margin:25px 0; }
.milestone-list li { display:flex; gap:13px; padding:16px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.milestone-list .reached { color:var(--green); }
.milestone-list p { margin:5px 0 0; }
.milestone-check { width:28px; height:28px; border-radius:50%; background:var(--surface-muted); display:grid; place-items:center; flex-shrink:0; }
.reached .milestone-check { background:var(--tint); }
[data-goal-form-target][hidden] { display:none; }
.report-summary { display:flex; flex-wrap:wrap; gap:12px 30px; }
.report-summary p { margin:10px 0; }
.report-options .feature-toolbar { margin-bottom:12px; }
.report-options .feature-toolbar>div { flex:1; min-width:130px; }
.report-options .check-label { flex-basis:100%; margin:2px 0; }
.report-preview details { border-top:1px solid var(--line); padding-top:15px; }
.report-preview summary { cursor:pointer; font-weight:600; }
.backup-status { padding:16px; margin:15px 0; background:var(--surface-muted); border:1px solid var(--line); border-radius:10px; overflow-wrap:anywhere; }
.backup-status p { margin:8px 0 0; }
.backup-failure { color:var(--danger); font-size:12px; }
.injection-dose { width:110px; min-height:56px; padding:5px 4px; display:flex; flex-direction:column; justify-content:center; gap:2px; }
.shot-label-dose { font-weight:700; font-size:11px; }
.shot-label-date { font-size:10px; }
.shot-label-time { font-size:9px; }
.injection-calendar-markers { position:absolute; inset:0; pointer-events:none; }
.injection-calendar-marker { position:absolute; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:center; gap:2px; width:108px; min-height:54px; padding:5px 3px; pointer-events:auto; background:var(--injection-bg); color:var(--injection-ink); border:1px solid var(--injection-border); border-radius:6px; font-size:9px; line-height:1.2; }
.injection-calendar-marker span:first-child { font-size:11px; font-weight:700; }
.injection-calendar-marker span { overflow-wrap:anywhere; }
.goal-edit-button { display:inline-flex; gap:9px; align-items:center; }
.goal-stats .stat { font-size:32px; }
.range-percent { color:var(--green); font-size:16px; font-weight:650; margin:6px 0 10px; }
.weekly-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.weekly-percent { font-size:29px; }
.weight-gradient-top { stop-color:var(--chart-line); stop-opacity:.38; }
.weight-gradient-mid { stop-color:var(--chart-line); stop-opacity:.12; }
.weight-gradient-bottom { stop-color:var(--chart-line); stop-opacity:0; }
.plot-area { stroke:none; }
.modal-open { overflow:hidden; }
.goal-dialog { width:min(540px,calc(100% - 28px)); max-height:90vh; max-height:90dvh; padding:28px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--card); box-shadow:0 20px 80px #0005; }
.goal-dialog::backdrop { background:#081b14aa; backdrop-filter:blur(3px); }
.dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:22px; }
.dialog-heading h2 { margin:0; font-size:24px; }
.dialog-close { border:1px solid var(--line); background:var(--surface-muted); color:var(--ink); border-radius:50%; min-width:40px; min-height:40px; font-size:24px; line-height:1; }
.dialog-actions { display:flex; gap:12px; justify-content:flex-end; margin-top:8px; }
.dialog-actions .button { flex:1; }
.chart-filter-button { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; }
.saved-filter-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-bottom:12px; }
.active-filter-summary { display:flex; flex-wrap:wrap; gap:7px; color:var(--muted); font-size:12px; }
.active-filter-summary span { background:var(--surface-muted); border:1px solid var(--line); border-radius:7px; padding:5px 9px; }
.chart-preference-status { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:10px 0 18px; font-size:11px; color:var(--muted); min-height:18px; }
.chart-preference-status .text-button[hidden] { display:none; }
.filter-defaults { border-top:1px solid var(--line); margin-top:22px; padding-top:18px; display:flex; flex-direction:column; gap:8px; }
.filter-defaults p { margin:0; }
.filter-dialog>p { margin-top:0; margin-bottom:20px; }
.filter-dialog .button:disabled { opacity:.6; cursor:wait; }
.injection-history-panel { container:injection-history / inline-size; }
.injection-chart-heading { display:grid; gap:6px; margin-bottom:18px; }
.injection-chart-heading h2 { margin:0; font-size:24px; line-height:1.3; text-wrap:balance; }
.injection-chart-toolbar { padding:14px; background:var(--surface-muted); border:1px solid var(--line); border-radius:11px; }
.injection-chart-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }
.injection-chart-controls--filters-only { grid-template-columns:auto; justify-content:start; }
.injection-view-field { display:grid; gap:6px; min-width:0; margin:0; color:var(--muted); font-size:11px; font-weight:500; }
.injection-view-field select { width:100%; min-width:0; height:44px; min-height:44px; padding:9px 32px 9px 12px; font-size:13px; }
.injection-chart-controls .chart-filter-button { min-height:44px; height:44px; margin:0; padding:9px 14px; font-size:12px; }
.injection-active-filters { align-items:center; gap:6px; border-top:1px solid var(--line); margin-top:13px; padding-top:12px; font-size:11px; }
.injection-active-filters>span { padding:4px 8px; background:var(--card); }
.injection-active-filters .injection-filter-dates { display:flex; flex-wrap:wrap; align-items:center; gap:5px; border:0; padding:0; background:none; margin-right:auto; }
.injection-filter-dates>span { border:0; padding:0; background:none; }
.injection-filter-status { margin:8px 1px 15px; font-size:10px; }
@container injection-history (max-width:480px) {
  .injection-chart-controls { grid-template-columns:minmax(0,1fr); gap:12px; }
  .injection-chart-controls .chart-filter-button { width:100%; }
  .injection-active-filters .injection-filter-dates { flex-basis:100%; margin-bottom:2px; }
}
@media(max-width:700px) {
  .injection-chart-heading { margin-bottom:16px; }
  .injection-chart-heading h2 { font-size:21px; }
  .injection-chart-toolbar { padding:12px; }
  .injection-view-field select { font-size:16px; }
  .injection-chart-controls { grid-template-columns:minmax(0,1fr); }
  .injection-chart-controls .chart-filter-button { width:100%; }
}
.compact-injection-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:15px 0 24px; }
.compact-injection-stat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:12px 18px; min-width:0; text-align:center; }
.compact-stat-label { display:block; font-size:11px; color:var(--muted); }
.compact-shot-count { font-size:27px; font-weight:550; line-height:32px; }
.compact-change-value { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:10px; min-height:32px; }
.compact-change-value strong { font-size:24px; font-weight:550; letter-spacing:-.7px; line-height:32px; }
.compact-change-value span { font-size:12px; }
.compact-change-dates { font-size:11px; }
@media(max-width:700px) {
  .compact-injection-summary { gap:9px; }
  .compact-injection-stat { min-width:0; padding:11px; gap:3px; }
  .compact-change-stat { align-items:center; }
  .compact-change-value { gap:2px 8px; }
  .compact-change-value strong { font-size:23px; }
}
.weight-figure-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
.weight-figure--days svg { min-width:600px; }
.plot-day-guide { stroke:var(--chart-grid); stroke-width:1; stroke-dasharray:3 4; }
.plot-weekday { fill:var(--ink); font-size:15px; font-weight:600; }
.plot-day-date { fill:var(--chart-label); font-size:12px; }
.weight-figure a:focus .plot-point,.weight-figure a:hover .plot-point { r:6; stroke:var(--card); stroke-width:2; }
.weekly-days-section { margin:0 0 28px; }
.weekly-day-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; margin-top:16px; }
.weekly-day { padding:16px 12px; overflow-wrap:anywhere; font-size:12px; }
.weekly-day-heading { display:flex; flex-direction:column; gap:2px; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:11px; }
.weekly-day-heading time { color:var(--muted); font-size:11px; }
.weekly-day ul { list-style:none; margin:12px 0; padding:0; }
.weekly-day li { display:flex; flex-direction:column; gap:2px; margin:9px 0; }
.weekly-day li span { font-size:10px; }
.weekly-day-shot { padding:9px; border-radius:7px; background:var(--injection-bg); color:var(--injection-ink); }
.weekly-day-shot span { display:block; font-size:10px; margin-top:3px; }
@media(max-width:1000px) { .weekly-day-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1250px) {
  .site-header { flex-wrap:wrap; }
  .site-header nav { order:3; flex-basis:100%; margin:4px 0 0; justify-content:space-between; overflow-x:auto; }
  .site-header .theme-picker { margin-left:auto; }
}
@media(max-width:700px) {
  .feature-card { padding:22px 17px; margin-bottom:18px; }
  .feature-columns { grid-template-columns:1fr; gap:0; }
  .feature-toolbar { gap:8px; }
  .feature-toolbar>.button { flex:1; font-size:11px; padding:10px; white-space:nowrap; }
  .week-picker { width:100%; margin-top:5px; }
  .week-picker label { width:100%; margin:0; }
  .week-picker input[type="date"] { flex:1; min-width:0; }
  .feature-card h2 { font-size:22px; }
  .goal-target { font-size:36px; }
  .review-metric { font-size:12px; }
  .report-summary { gap:3px 18px; font-size:12px; }
  .weekly-day-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .goal-dialog { padding:22px 18px; }
  .goal-dialog input,.goal-dialog select { font-size:16px; }
  .goal-stats .stat { font-size:25px; }
  .weekly-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .weekly-percent { font-size:23px; }
}

/* Compact, evenly sized overview summaries. */
.summary-grid { gap:14px; margin-bottom:18px; }
.summary { padding:14px 18px; }
.summary .stat { font-size:33px; line-height:1.2; margin:5px 0; }
.summary .stat span { font-size:13px; }
.summary .small { font-size:11px; line-height:1.45; }
.summary .eyebrow { font-size:9px; letter-spacing:1.2px; }
.summary-value-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 10px; }
.summary-value-row .range-percent { margin:0; font-size:12px; }
@media(max-width:700px) {
  .summary-grid { gap:10px; }
  .summary { padding:12px; }
  .summary .stat { font-size:29px; }
  .summary .small { font-size:10px; }
  .summary .eyebrow { font-size:8px; letter-spacing:1px; min-height:0; }
  .summary-value-row { gap:0 6px; }
  .summary-value-row .range-percent { font-size:11px; }
  .insights-hero-grid>.insights-chart-panel { order:-1; }
}