/* Shared corners for UI surfaces; decorative artwork keeps its native shape. */
:root{--tto-surface-radius:20px;--tto-control-radius:10px}
body .site-header.tto-header .header-cta{border-radius:var(--tto-control-radius)}
body .faq-item,
body .contact-card,
body .tax-formula,
body .form-confirm,
body .form-error,
body .form-success,
body .news-detail-content blockquote{border-radius:var(--tto-surface-radius)}
body .bar-title,
body .skip-link{border-radius:var(--tto-control-radius)}
body .home .access-map,
body .about-map,
body .office-embed,
body .home .office-banner{border-radius:var(--tto-surface-radius);overflow:hidden}
body .office-embed iframe,
body .video-embed>iframe{border-radius:inherit}
body .form-row>input:not([type=radio]):not([type=checkbox]),
body .form-row>textarea,
body .form-row>select{border-radius:var(--tto-control-radius)}
/* Use a CSS border so the input outline follows the rounded corners at any size. */
body.tto-contact .form-row>input:not([type=radio]):not([type=checkbox]),
body.tto-contact .form-row>textarea{background:#fff;border:2px solid var(--green);border-radius:var(--tto-control-radius)}
body .entry-content>img,
body .entry-content p>img,
body .entry-content figure>img{border-radius:var(--tto-surface-radius)}
@media(max-width:700px){
 :root{--tto-surface-radius:14px;--tto-control-radius:8px}
 body .mobile-contact{border-radius:var(--tto-control-radius) var(--tto-control-radius) 0 0;overflow:hidden}
}