/* underwriting.html — page-specific styles
   Prefix: underwriting-
   Score grid (dial + four-cell) and memo exhibit (doc + AI sidebar)
   need custom composition layouts. Everything else uses pg-* components. */

/* 03 · Score section: dial left, four-cell grid right */
.underwriting-score-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(32px, 5vw, 64px);
  align-items: start;
  margin-top: clamp(32px, 4vw, 56px);
}
.underwriting-score-grid .pg-dial { padding-top: 8px; }
.underwriting-score-name {
  display: block; font-size: var(--text-small); font-weight: 500;
  margin-top: 8px; text-align: center;
}
.underwriting-score-grid .pg-four { margin-top: 0; }
@media (max-width: 768px) {
  .underwriting-score-grid { grid-template-columns: 1fr; }
  .underwriting-score-grid .pg-dial { justify-self: center; }
}

/* 04 · Memo section: dark doc + AI sidebar, two-column */
.underwriting-memo-grid {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 1px;
  margin-top: clamp(32px, 4vw, 56px);
  background: var(--paper-line);
  border-radius: var(--radius);
  overflow: hidden;
}
/* Dark variant of .ex and .doc */
.underwriting-memo-doc { background: var(--ink-elevated); }
.underwriting-memo-doc .ex {
  background: var(--ink-elevated); border: 0; border-radius: 0; padding: 0;
}
.underwriting-memo-doc .ex-head {
  padding: 14px 20px; border-bottom: 1px solid var(--paper-line); margin-bottom: 0;
}
.underwriting-memo-doc .ex-head .label { color: var(--paper-2); }
.underwriting-memo-doc .doc {
  background: var(--ink-elevated); border: 0; border-radius: 0;
  box-shadow: none; padding: 0;
}
.underwriting-memo-doc .doc-head {
  padding: 16px 20px; border-bottom: 1px solid var(--paper-line);
}
.underwriting-memo-doc .doc-head .name { color: var(--paper); }
.underwriting-memo-doc .doc-head .sub { color: var(--paper-2); }
.underwriting-memo-body { padding: 16px 20px; }
.underwriting-memo-section-head {
  font-size: var(--text-small); color: var(--paper); margin-bottom: 8px;
}
.underwriting-memo-text {
  font-size: var(--text-small); color: var(--paper-2); line-height: 1.7;
}
.underwriting-memo-cite {
  display: flex; gap: 8px; align-items: baseline;
  padding: 10px 20px; border-top: 1px solid var(--paper-line);
  font-size: var(--text-label); color: var(--paper-2);
}
.underwriting-memo-cite .label { flex: none; }
/* AI sidebar */
.underwriting-memo-ai { background: var(--ink); }
.underwriting-memo-ai-inner { padding: 20px; }
.underwriting-memo-ai-inner .label { margin-bottom: 12px; }
.underwriting-memo-ai-inner p:not(.label) {
  font-size: var(--text-small); color: var(--paper-2); line-height: 1.55;
}
@media (max-width: 900px) {
  .underwriting-memo-grid { grid-template-columns: minmax(0, 1fr); }
  .underwriting-memo-grid > * { min-width: 0; }
}