/* Shared reading rhythm and next actions; no pricing or content changes. */
:root{--flow-ink:#075653;--flow-accent:#c65b16;--flow-line:#d6e4df;--flow-paper:#f3f8f5}
body main :is(h1,h2,h3){word-break:normal;overflow-wrap:break-word;text-wrap:balance}
body[data-heading-scale] main h1:not(.sr-only){font-size:clamp(28px,3.6vw,48px)!important;line-height:1.45!important;overflow-wrap:break-word}
body[data-heading-scale] main h2{font-size:clamp(23px,2.4vw,30px)!important;line-height:1.5!important;overflow-wrap:break-word}
body main :is(h1,h2) br{display:none}
body main :is(h1,h2)>span{max-width:100%;white-space:normal}
body .content-guide{box-sizing:border-box;max-width:880px!important;margin:64px auto!important;padding:0 24px!important;line-height:1.9}
body .content-guide :is(p,li){line-height:1.9}
body .content-guide :is(h2,h3){margin-top:2em;margin-bottom:.8em}
body .content-guide a:not(.btn){color:var(--flow-ink);text-decoration:underline;text-underline-offset:4px}
body main :is(.page-toc,.section-nav,.city-section-nav){scroll-margin-top:100px}
body main [id]{scroll-margin-top:100px}
body main a:focus-visible,body main button:focus-visible,body main select:focus-visible{outline:3px solid #c65b16;outline-offset:4px}
.flow-start{max-width:1180px;margin:28px auto 48px;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.flow-start a{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;min-height:100px;padding:20px;background:#fff;border:1px solid var(--flow-line);border-radius:16px;color:var(--flow-ink);box-shadow:0 4px 16px #07565308;text-decoration:none;transition:box-shadow .2s,border-color .2s}
.flow-start a:hover{border-color:var(--flow-ink);box-shadow:0 6px 20px #07565315}
.flow-start .flow-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--flow-paper);font-size:22px}
.flow-start strong{display:block;font-size:20px;line-height:1.5}.flow-start small{display:block;font-size:13px;color:#526762;line-height:1.7;margin-top:4px}
.flow-card-actions{display:grid;gap:10px;margin-top:16px}.flow-card-actions .btn{width:100%;min-height:48px;justify-content:center;white-space:normal;text-align:center}.flow-card-actions .flow-price{color:var(--flow-ink);background:#fff;border:1px solid var(--flow-ink)}
.flow-hint{font-size:14px!important;line-height:1.7!important;margin:12px 0!important;color:#526762}
#consult-link[aria-disabled="true"]{opacity:.55;cursor:not-allowed}#consult-link[aria-disabled="false"]{opacity:1}
@media(max-width:767px){.flow-start{margin:20px auto 32px;padding:0 18px;gap:10px;grid-template-columns:1fr}.flow-start a{min-height:76px;padding:14px 16px}.flow-start strong{font-size:18px}.flow-start small{font-size:13px}body .content-guide{padding:0 20px!important;margin:40px auto!important}body main :is(h1,h2,h3){letter-spacing:0!important}.flow-card-actions .btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){.flow-start a{transition:none}}
body .wp-article{box-sizing:border-box;max-width:880px!important;margin:0 auto!important;padding:0 24px!important;font-size:16px!important;line-height:1.9!important;color:#283f3b}
body .wp-article p{margin:0 0 1.5em!important;line-height:1.9!important}body .wp-article :is(ul,ol){padding-left:1.5em!important;line-height:1.9!important}body .wp-article li{margin-bottom:.6em!important}
body .wp-article :is(h2,h3){margin:2em 0 .8em!important;line-height:1.5!important;color:var(--flow-ink)}body .wp-article a:not(.btn){color:var(--flow-ink)!important;text-decoration:underline!important;text-underline-offset:4px}
body .wp-article :is(img,iframe){max-width:100%!important}body .wp-article img{height:auto!important}body .wp-article table{display:block;max-width:100%;overflow-x:auto}body .wp-article .sgft-contact{margin:32px 0!important;padding:24px!important;background:var(--flow-paper)!important;border:1px solid var(--flow-line);border-radius:16px}
@media(max-width:767px){body .wp-article{padding:0 20px!important}body .wp-article .sgft-contact{padding:18px!important}}
/* Existing table-of-contents layouts keep their page-specific structure. */
body main :is(.prep-toc,.cp-nav,.ph-nav,.about-section-nav,.area-nav,.city-section-nav,.shared-tabs) a{min-height:44px;box-sizing:border-box;line-height:1.6;text-align:center;text-underline-offset:4px}
body main :is(.prep-toc,.cp-nav,.ph-nav,.about-section-nav,.area-nav) a{padding:12px 16px;border-radius:10px}
@media(max-width:767px){body main :is(.prep-toc,.cp-nav,.ph-nav,.about-section-nav,.area-nav){gap:8px}body main :is(.prep-toc,.cp-nav,.ph-nav,.about-section-nav,.area-nav) a{font-size:14px!important;padding:10px 12px}}
