/* Shared Studio Yachiyo footer; demo sites keep their own branding. */
body footer.sy-footer,#sy-business-home footer.sy-footer{box-sizing:border-box;width:min(1120px,calc(100% - 44px));max-width:none;margin:0 auto;padding:30px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:0;border-top:1px solid #304052;background:transparent;color:#b6c2d0;font-family:'Yu Gothic',Meiryo,sans-serif;font-size:12px;line-height:1.8;text-align:center}
body footer.sy-footer .sy-footer-name,#sy-business-home footer.sy-footer .sy-footer-name{display:block;width:100%;margin:0;text-align:center;letter-spacing:normal}
body footer.sy-footer .sy-footer-links,#sy-business-home footer.sy-footer .sy-footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 24px;width:100%;margin:0}
body footer.sy-footer .sy-footer-links a,#sy-business-home footer.sy-footer .sy-footer-links a{display:inline-block;margin:0;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;white-space:nowrap}
body footer.sy-footer .sy-footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body footer.sy-footer .sy-footer-links a:focus-visible{outline:2px solid #75b7e8;outline-offset:5px}
@media(max-width:600px){body footer.sy-footer,#sy-business-home footer.sy-footer{padding:25px 0;gap:15px;font-size:11px}body footer.sy-footer .sy-footer-links,#sy-business-home footer.sy-footer .sy-footer-links{gap:10px 18px}}

/* Native dialogs retain the canonical wording and fit the dark preview. */
body.sy-info-open{overflow:hidden}
#sy-footer-dialogs .sy-info-modal{box-sizing:border-box;position:fixed;inset:0;width:min(760px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);height:fit-content;margin:auto;padding:0;border:1px solid #52647a;border-radius:8px;background:#101b29;color:#edf2fa;font-family:'Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:1.9;text-align:left;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0009}
#sy-footer-dialogs .sy-info-modal::backdrop{background:#030912c9;backdrop-filter:blur(5px)}
#sy-footer-dialogs .sy-info-panel{position:relative;box-sizing:border-box;min-width:0;padding:24px 36px 36px}
#sy-footer-dialogs .sy-info-close{position:sticky;top:12px;z-index:1;display:flex;gap:8px;align-items:center;margin:0 0 18px auto;padding:7px 12px;border:1px solid #61768b;border-radius:4px;background:#142130;color:#fff;font:inherit;cursor:pointer}
#sy-footer-dialogs .sy-info-close span{font-size:22px;line-height:1}
#sy-footer-dialogs .eyebrow{margin:0 0 10px;color:#9fc3dc;font-size:11px;letter-spacing:.1em}
#sy-footer-dialogs h2{font-size:clamp(23px,3vw,32px);line-height:1.6;margin:0 0 24px;color:#fff;letter-spacing:normal}
#sy-footer-dialogs h2::before{content:none}
#sy-footer-dialogs h3{font-size:17px;line-height:1.7;margin:24px 0 8px;color:#fff}
#sy-footer-dialogs p{font-size:14px;line-height:1.9;margin:12px 0}
#sy-footer-dialogs a{color:#aad7f6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#sy-footer-dialogs :is(a,button):focus-visible{outline:2px solid #aad7f6;outline-offset:4px}
#sy-footer-dialogs .business-information-list{display:block;margin:0}
#sy-footer-dialogs .business-information-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid #35495e}
#sy-footer-dialogs dt{font-weight:700;color:#c1cfdf}#sy-footer-dialogs dd{margin:0;min-width:0}
#sy-footer-dialogs dd small{display:block;color:#b6c2d0;font-size:12px;margin-top:10px}
#sy-footer-dialogs .contact-modal-notice{border:1px solid #496079;border-radius:4px;background:#172638;padding:18px;margin:24px 0}
#sy-footer-dialogs .contact-modal-button{display:inline-flex;align-items:center;gap:12px;max-width:100%;box-sizing:border-box;padding:12px 18px;border:1px solid #c62828;border-radius:4px;background:#c62828;color:#fff;font-size:14px;line-height:1.7;text-decoration:none;white-space:normal}
@media(max-width:600px){#sy-footer-dialogs .sy-info-panel{padding:18px 20px 26px}#sy-footer-dialogs .business-information-list>div{grid-template-columns:1fr;gap:8px;padding:16px 0}}
