.coaching-page { display: grid; gap: 24px; }
.coaching-hero { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.coaching-status { min-height: 44px; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text-soft); background: var(--surface); }
.coaching-status[data-kind="success"] { border-color: rgba(114, 227, 180, .32); color: var(--success); }
.coaching-status[data-kind="warning"] { border-color: rgba(244, 195, 106, .32); color: var(--warning); }
.coaching-status[data-kind="error"] { border-color: rgba(255, 141, 145, .34); color: var(--error); }
.coaching-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.coach-panel, .coach-result { padding: clamp(18px, 3vw, 28px); border: 1px solid var(--border); border-radius: var(--radius-lg); background: rgba(18, 21, 27, .92); box-shadow: var(--shadow-panel); }
.coach-panel h2, .coach-result h2 { margin-bottom: 16px; font-family: var(--font-serif); font-size: clamp(22px, 3vw, 30px); line-height: 1.2; }
.coach-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.coach-form label, .studio-step > label, .inline-action label { display: grid; gap: 7px; color: var(--text-soft); font-size: 13px; font-weight: 700; }
.coach-form input, .coach-form select, .coach-form textarea, .studio-step input, .studio-step textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); color: var(--text); background: var(--input); }
.coach-form textarea, .studio-step textarea { min-height: 112px; resize: vertical; }
.coach-form input:focus, .coach-form select:focus, .coach-form textarea:focus, .studio-step input:focus, .studio-step textarea:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
.field-wide { grid-column: 1 / -1; }
.primary-action { min-height: 46px; padding: 10px 16px; border-radius: var(--radius-md); color: #100b17; background: var(--accent-strong); font-weight: 800; }
.primary-action:disabled, .secondary-button:disabled { opacity: .46; }
.form-note, .factual-caution, .result-meta { color: var(--muted); font-size: 12px; }
.coach-result { display: grid; gap: 14px; }
.coach-result h3 { margin-top: 8px; font-size: 14px; }
.coach-result ol { display: grid; gap: 8px; padding-left: 22px; list-style: decimal; color: var(--text-soft); }
.next-focus { padding: 12px 14px; border-left: 3px solid var(--accent); background: var(--accent-soft); }
.hook-grid { display: grid; gap: 8px; }
.hook-option { padding: 12px 14px; text-align: left; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--input); }
.hook-option[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); }
.studio-step { display: grid; gap: 16px; }
.step-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.script-editor { min-height: 320px !important; line-height: 1.75; }
.inline-action { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; }
.nested-result { box-shadow: none; }
@media (max-width: 760px) {
  .coaching-hero, .step-heading { align-items: stretch; flex-direction: column; }
  .coaching-layout, .coach-form { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .inline-action { grid-template-columns: 1fr; }
}
