/* Journal 83: shared roles derived from the supplied reference exports.
   These are implementation tokens, not claimed original Figma text styles.
   Charts/calendar cells retain their deliberately compact data typography. */
:root {
  --type-caption: 12px;
  --type-body: 14px;
  --type-section: 16px;
  --type-question: 20px;
  --type-page: 24px;
  --type-display: 28px;
  --line-caption: 18px;
  --line-body: 20px;
  --line-section: 24px;
  --line-reading: 26px;
  --line-page: 30px;
}
body :is(.j13-composer, .j33-note-reader) {font-family:Mona,Arial,sans-serif}
body :is(.j13-composer,.j33-note-reader) :is(textarea,input,button) {font-family:inherit}
body .j13-composer .j13-compose-done,
body .j22-composer .j22-composer-header>.j13-compose-done {
  font-size:var(--type-body);line-height:var(--line-body);font-weight:500;
}
body .j13-composer .j13-compose-body h2,
body .j33-note-reader .j33-read-body h2 {
  font-size:var(--type-question);line-height:28px;font-weight:600;letter-spacing:-.4px;
}
body .j13-composer .j13-compose-body textarea[data-j14-note],
body .j33-note-reader .j33-read-text {
  font-size:var(--type-section);line-height:var(--line-reading);font-weight:400;letter-spacing:0;
}
body .j13-composer .j24-paragraph,
body .j33-note-reader .j24-paragraph {font-size:var(--type-section);line-height:30px}
body .j13-composer .j17-label-trigger,
body .j13-composer .j17-label-trigger span,
body .j13-composer .j13-property-bar button,
body .j13-composer .j16-inline-labels>div button,
body .j13-composer .j17-manage-labels {font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500}
body .j13-composer header>span {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
body .j13-composer header small {font-size:var(--type-caption);line-height:var(--line-caption);font-weight:400}
body .j13-composer .j13-compose-feedback,
body .j13-composer .j13-compose-count {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j13-composer .j23-inline-token,
body .j33-note-reader .j23-inline-token {font-size:var(--type-caption);line-height:var(--line-caption);min-height:26px}
body .j33-note-reader .j33-read-tags>span {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j82-day-composer .j74-rating-anchors,
body .j82-day-composer .j74-rating-state,
body .j82-day-composer .j74-rating-editor h3 {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j82-day-composer .j74-rating-scale button>span {font-size:var(--type-body);font-weight:500}
body .j82-day-composer .j74-rating-scale button[aria-checked=true]>span {font-weight:600}
body .j15-trade-record .j30-chip,
body .j82-day-note .j30-chip,
body .j82-day-composer .j30-chip,
body .j56-stage-group .j56-stage-pill {
  font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500;
  min-height:30px;padding:5px 7px;white-space:normal;text-align:left;
}
body .j56-stage-group .j56-stage-pill {white-space:nowrap}
body .j56-stage-group .j30-recap-chips {min-width:0}
body .j82-day-note .j82-note-text {font-size:var(--type-body);line-height:22px}
body .j82-day-note .j82-saved-rating {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j15-trade-record .j42-instrument-name,
body .j15-trade-record .j15-trade-facts {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j15-trade-record .j54-view-notes,
body .j67-note-button,
body .j7-text-button {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
body .j15-journal .j8-chart-tabs button {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
body .j15-journal .j8-chart-help,
body .j8-chart-about p,
body .j35-bottom-dock .j53-chart-explanation,
body .j35-bottom-dock .j27-chart-fills {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j39-reward.j44-reward h2 {font-size:var(--type-display);line-height:34px;font-weight:600;letter-spacing:-.6px}
body .j44-reward :is(.j39-kicker,.j78-earned-note,.j44-replay>span) {font-size:var(--type-caption);line-height:var(--line-caption)}
body .j44-reward .j39-reward-copy {font-size:var(--type-body);line-height:22px}
@media(max-width:768px) {
  body.j7 .mobilehead h1,
  body.j9.overview:not(.j7-detail) .mobilehead h1,
  body.accounts.j70 .mobilehead h1,
  body.j7 .wf-review h1 {
    font-size:var(--type-page)!important;line-height:var(--line-page);font-weight:600;letter-spacing:-.6px;
  }
  body.j7 .calendarhead h2,
  body.j9.overview:not(.j7-detail) .calendarhead h2,
  body.j9.overview:not(.j7-detail) .tradepanel h2,
  body.j7 .tradepanel h2,
  body.j7 .wf-review .panel h2,
  body.j7 .j15-trade-records h2,
  body.j7 .j15-day-note h2,
  body.j7 .j82-day-note h2,
  body.j7 .j7-settings .panel h2 {
    font-size:var(--type-section);line-height:var(--line-section);font-weight:600;letter-spacing:-.2px;
  }
  body.j7 .stat .label {font-size:var(--type-caption);line-height:var(--line-caption)}
  body.j7 .stat .value {font-size:var(--type-section);line-height:22px;font-weight:600}
  body.j7 .stat .value>span {font-size:inherit;line-height:inherit}
  body.j7 .j63-week-range strong {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
  body.j7 .j63-calendar-zoom button {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
  body.j70.j67 .j66-day-blocks {grid-template-rows:none!important;grid-auto-rows:auto;gap:12px}
  body.j70.j67 .j67-summary-card {height:auto;min-height:250px;padding:16px!important;overflow:visible}
  body.j70.j67 .j67-summary-card .j66-day-block {height:auto;flex:1;gap:10px}
  body.j70.j67 .j67-summary-date {font-size:var(--type-body);line-height:var(--line-body);font-weight:600}
  body.j70.j67 .j66-pnl-row {height:auto;min-height:48px}
  body.j70.j67 .j66-pnl-row small {font-size:var(--type-caption);line-height:var(--line-caption)}
  body.j70.j67 .j66-pnl-row strong {font-size:var(--type-page);line-height:28px;font-weight:600;letter-spacing:-.5px}
  body.j70.j67 .j67-summary-card .j66-metrics {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
  body.j70.j67 .j67-summary-card .j66-metrics small {font-size:var(--type-caption);line-height:var(--line-caption);letter-spacing:0;white-space:normal}
  body.j70.j67 .j67-summary-card .j66-metrics b {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
  body.j70.j67 .j66-block-footer {font-size:var(--type-caption);line-height:var(--line-caption);margin-top:12px!important;gap:10px;flex-wrap:wrap}
  body.j70.j67 .j66-block-footer .j67-compact {font-size:var(--type-body);line-height:var(--line-body);min-height:36px;font-weight:500}
  body.j70.j67 .j68-label-preview {flex-wrap:wrap;overflow:visible;gap:6px}
  body.j70.j67 .j68-label-preview>span {font-size:var(--type-caption);line-height:var(--line-caption);max-width:100%;white-space:normal;overflow:visible}
  body.j70.j67 .j68-label-preview small {font-size:var(--type-caption);line-height:var(--line-caption)}
  body.j7 .j7-settings :is(.j7-switch-row strong,.j7-settings-account) {font-size:var(--type-body);line-height:var(--line-body);font-weight:500}
  body.j7 .j7-settings :is(.j7-switch-row small,.j7-settings-account>span) {font-size:var(--type-caption);line-height:var(--line-caption)}
}