/* TinaRealty: plain-language answer paragraph and FAQ block for the hub pages (buy, sell, communities, guides, valuation, homes, about).
   Loads after the page stylesheets (head.php, versioned URL). Tokens from DESIGN.md: ink #232d2c, muted #4a5550, line #d8d0c2, deep green #203b34,
   brass #805b32. Flat, no shadows, square corners, like the contact form. */

.geo-answer-section{padding-block:clamp(26px,4vw,44px) clamp(28px,4vw,52px)}
.geo-answer{max-width:70ch;margin:0;font:400 clamp(17px,1.5vw,19px)/1.75 Cabin,sans-serif;color:#2b3834;text-wrap:pretty}

.geo-faq{padding-block:clamp(36px,5vw,64px)}
.geo-faq h2{margin:0 0 clamp(14px,2vw,22px);font:400 clamp(28px,3vw,38px)/1.15 'GFS Didot',Georgia,serif;color:#232d2c;letter-spacing:-.01em;text-wrap:balance}
.geo-faq-list{max-width:820px;border-bottom:1px solid #d8d0c2}
.geo-faq-list details{border-top:1px solid #d8d0c2}
.geo-faq-list summary{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0;cursor:pointer;list-style:none;font:600 17px/1.45 Cabin,sans-serif;color:#232d2c}
.geo-faq-list summary::-webkit-details-marker{display:none}
.geo-faq-list summary::after{content:"+";flex:none;width:22px;text-align:center;font:400 24px/1.1 Cabin,sans-serif;color:#805b32}
.geo-faq-list details[open] summary::after{content:"\2212"}
.geo-faq-list summary:hover{color:#203b34}
.geo-faq-list summary:focus-visible{outline:2px solid #203b34;outline-offset:3px}
.geo-faq-list details p{margin:0 0 20px;max-width:68ch;font:400 16px/1.75 Cabin,sans-serif;color:#4a5550}
.geo-faq-list details p a{color:#203b34;text-decoration:underline;text-underline-offset:3px}
.geo-faq-list details p a:focus-visible{outline:2px solid #203b34;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.geo-faq-list *{transition:none!important}}

/* Heading levels: these headings were one level too deep (h1 to h3, h2 to h4). The level changed, the look did not. */
.reading-copy .key-takeaways h2{font:400 26px/1.25 var(--tr-serif);letter-spacing:normal;margin:24px 0 14px;text-wrap:initial}
.reading-copy h3.sub-step{font-family:inherit;font-size:17px;font-weight:700;line-height:inherit;letter-spacing:normal;margin:24px 0 12px}
.reading-copy .author-box h3{margin:0 0 10px;font:24px/1.25 var(--tr-serif);color:var(--tr-ink)}
@media(max-width:560px){.reading-copy .author-box h3{font-size:22px}}