/* Optional takedown, two concise FAQs and independent general enquiries. */
.planner .sum{font-size:clamp(25px,2.6vw,32px);line-height:1.35;padding-bottom:14px}
.takedown-option{margin:30px 0 26px;padding:22px 0;border-top:1px solid var(--ss-line,#cfc4b6);border-bottom:1px solid var(--ss-line,#cfc4b6)}
.planner label.takedown-choice{display:flex;align-items:flex-start;gap:12px;margin:0;cursor:pointer;font:500 14px/1.6 var(--ss-sans,Arial,sans-serif)}
.takedown-choice input{width:18px;height:18px;margin:3px 0 0;flex:0 0 18px}
.takedown-option #takedown-help{margin:9px 0 0 30px;font:400 12px/1.8 var(--ss-sans,Arial,sans-serif);color:#655d54;max-width:670px}
.planner .takedown-pricing{margin:0 0 14px;font:500 12px/1.75 var(--ss-sans,Arial,sans-serif);color:#65503b;max-width:650px}
.booking-summary .summary-budget-note{font:400 11px/1.7 var(--ss-sans,Arial,sans-serif);margin:12px 0 0;color:#655d54}
.porch-faq{padding:54px 7% 60px;background:#f8f4ed;color:#302a25}
.faq-inner{max-width:818px;margin:auto}
.faq-kicker{font:500 11px/1.5 var(--ss-sans,Arial,sans-serif);color:#77634f;margin:0 0 8px}
.porch-faq h2{font:400 38px/1.2 var(--ss-serif,Georgia,serif);margin:0 0 22px;letter-spacing:-.015em}
.porch-faq details{border-top:1px solid #cfc4b6}
.porch-faq details:last-child{border-bottom:1px solid #cfc4b6}
.porch-faq summary{font:500 14px/1.65 var(--ss-sans,Arial,sans-serif);padding:20px 28px 20px 0;position:relative;cursor:pointer;list-style:none}
.porch-faq summary::-webkit-details-marker{display:none}
.porch-faq summary::after{content:'+';position:absolute;right:2px;top:18px;font:400 23px/1.2 var(--ss-serif,Georgia,serif)}
.porch-faq details[open] summary::after{content:'\2212'}
.faq-answer{padding:0 22px 20px 0;max-width:760px}
.faq-answer p{font:400 13px/1.85 var(--ss-sans,Arial,sans-serif);color:#655d54;margin:0 0 12px}
.faq-answer p:last-child{margin-bottom:0}
.porch-faq summary:focus-visible,.footer-contact a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
footer .footer-contact{margin:22px 0 0;font:500 14px/1.5 var(--ss-sans,Arial,sans-serif)}
.footer-contact a{display:inline-flex;min-height:44px;align-items:center;padding:8px 0;text-underline-offset:5px;text-decoration-thickness:1px}
.footer-contact a:hover{text-decoration-thickness:2px;color:#eee3d6}
.booking-field textarea{width:100%;min-width:0;min-height:126px;resize:vertical;border:1px solid #cfc4b6;border-radius:2px;background:white;color:#302a25;padding:10px 12px;font:400 16px/1.5 var(--ss-sans,Arial,sans-serif)}
#general-intro{margin:0 0 20px;color:#655d54}
#send-general{width:100%}
.booking-dialog #general-status{color:#822e23;padding:12px;background:#f7eae4;font-size:12px;margin:0 0 14px}
@media(max-width:760px){.takedown-option{margin-top:26px}.porch-faq{padding:40px 7% 42px}.porch-faq h2{font-size:33px}.porch-faq summary{font-size:13px}.faq-answer{padding-right:0}.takedown-option #takedown-help{font-size:12px}.booking-summary summary>span{float:none;display:block;padding:4px 0 0}}

.direct-email{margin:0 0 20px;padding:14px 16px;background:#f4eee5;border-left:2px solid #9d876f;font:500 12px/1.7 var(--ss-sans,Arial,sans-serif);color:#5d5146}
.direct-email a{font-weight:500;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.direct-email a:hover{text-decoration-thickness:2px}
.direct-email a:focus-visible{outline:2px solid #826b53;outline-offset:3px}
