/* Consultation stays brief on the home page; cost details live on the service page. */
.story-site .hero-consult-note{font-size:16px;line-height:1.8;margin-top:12px;color:var(--muted)}
.home-consult .consult-label{display:inline-block;border:1px solid #a8beb3;border-radius:5px;padding:5px 15px;margin:0 0 20px;font-size:18px;font-weight:700}
.consult-takeaways{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;padding:0;margin:22px 0 0;font-size:18px}
.consult-takeaways li{padding:7px 0;border-bottom:1px solid #718b85}
.story-detail .free-next-note{font-size:17px;line-height:1.85;margin:16px 0 0;color:var(--muted)}
.story-detail .consultation-cost h3{font-size:28px;line-height:1.65;margin:12px 0 24px}
.story-detail .consultation-cost .cost-kicker{font-size:17px;font-weight:700}
.fee-stages{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin:0 0 24px}
.fee-stages>div{border-top:2px solid #8ba496;padding-top:16px;min-width:0}
.fee-stages span{display:block;font-size:17px;line-height:1.8}
.story-detail .fee-stages strong{display:block;font-size:24px;line-height:1.65;margin:7px 0 10px}
.story-detail .fee-stages p{font-size:17px;margin:0}
.value-example{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}
.value-example summary{cursor:pointer;font-size:18px;font-weight:700;padding:16px 0;line-height:1.8;min-height:52px}
.value-example>div{padding:0 0 20px;max-width:44em}
.story-detail .value-example .value-example-label{font-size:16px;margin:0 0 12px}
.story-detail .value-example .value-equation{font-size:20px;line-height:2;margin:0 0 16px}
.story-detail .value-example .value-equation strong{font-size:26px}
.story-detail .value-example p{font-size:17px;line-height:1.9;margin:12px 0 0}
.consult-outcomes{padding-left:1.4em;font-size:19px;line-height:1.9;margin:0 0 24px}
.consult-outcomes li{margin:8px 0}
.story-detail .consult-form-title{font-size:24px;line-height:1.65;margin:0 0 10px}
.story-detail .consult-form-intro{font-size:17px;line-height:1.85;margin:0 0 24px}
.consult-optional{margin:18px 0 22px;border-block:1px solid var(--line)}
.consult-optional summary{font-size:17px;line-height:1.8;min-height:52px;padding:14px 0;cursor:pointer}
.consult-optional>div{padding:0 0 18px}
.consult-optional label{margin-top:16px}
.story-detail .contact-button{font-size:18px;line-height:1.7;text-align:center;white-space:normal}
.story-detail .form-help{font-size:16px;line-height:1.9;margin-top:16px}
.story-detail .contact-form-panel :is(input,select,textarea){max-width:100%;min-width:0;font-size:16px}
.consultation-cost summary:focus-visible,.consult-optional summary:focus-visible{outline:3px solid #52699b;outline-offset:4px}
@media(max-width:620px){
 .consult-takeaways{justify-content:flex-start;gap:6px 20px;margin-top:16px;font-size:18px}
 .story-site .hero-consult-note{font-size:16px;margin-top:12px}
 .home-consult .consult-label{font-size:17px;margin-bottom:18px}
 .fee-stages{grid-template-columns:1fr;gap:20px}
 .story-detail .consultation-cost h3{font-size:25px}
 .story-detail .fee-stages strong{font-size:23px}
 .story-detail .free-next-note{text-align:left;font-size:17px}
 .story-detail .contact-button{font-size:17px;padding-inline:12px;width:100%}
 .consult-outcomes{font-size:18px}
 .story-detail .consult-form-title{font-size:23px}
}
/* The live consultation form uses the same visual language as the rest of the site. */
#consult-form[hidden] { display:none; }
#consult-result { margin:0; }
#consult-result:not(:empty) { padding:16px; margin-top:16px; background:#f2f5f1; color:#233c45; }
#consult-result[data-state="error"] { color:#792b25; background:#fff2ee; }
.consult-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.consult-privacy { padding-block:28px; font-size:16px; }
.consult-privacy summary { cursor:pointer; }
.consult-privacy p { max-width:44em; }
.story-site .line-preview-summary { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:28px; align-items:center; padding-block:30px; margin-block:18px; border-block:1px solid var(--line); }
.line-preview-summary h2 { font-size:clamp(25px,3vw,34px); margin:4px 0 12px; }
.line-preview-summary img { max-width:290px; margin-inline:auto; }
.line-preview-summary .story-link { margin-top:14px; }
.line-preview-summary figcaption { font-size:15px; color:var(--muted); text-align:center; }
.fax-detail { margin-block:32px 56px; }
.fax-detail h3 { font-size:clamp(27px,4vw,42px); }
@media(max-width:620px) {
  .story-site .line-preview-summary { grid-template-columns:1fr; gap:16px; }
  .line-preview-summary img { max-width:220px; }
}