/* ============================================================
   Short sale guide opt-in pages (short-sale-guide.html and
   short-sale-guide-thanks.html). Loaded after styles.css and
   uses the same design tokens; nothing here changes other pages.
   ============================================================ */

.guide-preview{ display:grid; grid-template-columns:180px 1fr; gap:28px; align-items:start; }
.guide-cover{
  width:100%; height:auto; background:var(--white);
  border:1px solid var(--rule-light); border-top:3px solid var(--rust);
}
.guide-meta{ font-size:12.5px; color:var(--ink-soft); margin-top:18px; }

.lead-box .form-intro{ font-size:13.5px; color:var(--ink-soft); margin:-8px 0 18px; }
.lead-box label .opt{ color:var(--ink-soft); opacity:.75; }
.lead-box select.field{ padding:0 8px; color:var(--ink); }
.lead-box .consent{
  display:flex; gap:10px; align-items:flex-start;
  font-size:12.5px; line-height:1.5; color:var(--ink-soft); margin:2px 0 18px;
}
.lead-box .consent input{ margin-top:3px; flex:none; accent-color:var(--rust); }
.lead-box .form-fine{ font-size:12px; color:var(--ink-soft); margin-top:12px; text-align:center; }

.guide-author{ display:grid; grid-template-columns:96px 1fr; gap:24px; align-items:start; max-width:760px; }
.guide-author .author-photo{ width:96px; height:96px; }
.guide-author h2{ font-size:22px; margin-bottom:10px; }
.guide-author p{ font-size:14.5px; color:var(--ink-soft); }
.guide-author .guide-disclaimer{ font-size:12.5px; margin-top:12px; }

@media (max-width: 860px){
  .guide-preview{ grid-template-columns:120px 1fr; gap:18px; }
  .guide-author{ grid-template-columns:64px 1fr; gap:16px; }
  .guide-author .author-photo{ width:64px; height:64px; }
}
@media (max-width: 480px){
  .guide-preview{ grid-template-columns:1fr; }
  .guide-cover{ max-width:180px; }
}