.op-application {
 .op-kicker { font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:var(--op-clay); }
 .op-application-intro { max-inline-size:74rem; margin:auto; padding:clamp(3rem,6vw,5rem) 1.5rem 3rem; display:grid; gap:2.5rem; align-items:start;
  h1 { font-size:clamp(2.4rem,4.6vw,4rem); font-weight:400; line-height:1.15; margin:1rem 0 1.5rem; max-inline-size:20ch; }
  .op-application-lead { font-size:1.15rem; line-height:1.7; max-inline-size:50ch; }
  .op-button { display:inline-flex; flex-direction:column; align-items:start; gap:.25rem; white-space:normal; margin-block-start:.5rem; }
  .op-pdf-label { font-size:.65rem; letter-spacing:.03em; text-transform:none; }
 }
 .op-application-prep { background:#e9e2d1; padding:clamp(1.5rem,3vw,2.5rem); min-inline-size:0;
  h2 { font-size:1.3rem; text-transform:none; letter-spacing:normal; margin:0 0 1.25rem; }
  ul { margin:0; padding-inline-start:1.2rem; } li { line-height:1.7; margin-block-end:1rem; padding-inline-start:.3rem; &:last-child { margin-block-end:0; } }
 }
 .op-application-panel { max-inline-size:74rem; margin:auto; padding:0 1.5rem 5rem; }
 .op-application-panel-heading { h2 { font-size:1.75rem; letter-spacing:.07em; margin:0 0 1rem; } p { line-height:1.7; } }
 .op-application-live-note { background:#f0eade; border-inline-start:3px solid var(--op-clay); padding:1rem 1.25rem; line-height:1.7; font-size:.9rem; strong { display:block; margin-block-end:.25rem; } }
 .op-application-launch { background:white; border:1px solid #ded9ce; padding:clamp(1rem,3vw,2rem); }
 .op-application-placeholder { padding:clamp(1rem,3vw,2rem); text-align:center;
  h3 { font-size:1.8rem; font-weight:400; margin:1rem 0; } p { max-inline-size:50ch; margin:0 auto 1.5rem; line-height:1.7; }
  button { white-space:normal; }
 }
 .is-loaded .op-application-placeholder { padding:0; h3,p,.op-kicker { display:none; } button { background:#eee9df; color:#58534b; cursor:default; } }
 .op-application-status { font-size:.85rem; color:#666; line-height:1.65; margin-block:1rem; &:empty { display:none; } }
 .op-application-frame { min-inline-size:0; iframe { display:block; inline-size:100%; height:75svh; min-block-size:36rem; border:0; background:white; } }
 .op-application-fallback { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem 1.5rem; border-block-start:1px solid #e4ded2; padding-block-start:1.25rem; margin:1.5rem 0 0; font-size:.85rem; line-height:1.65; a { color:var(--op-clay); } span { color:#666; } }
 .op-application-privacy { font-size:.85rem; margin:1.5rem 0 0; a { color:var(--op-clay); } }
 @media (min-width:950px) { .op-application-intro { grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:4rem; } }
}