/*
 * common.css - rules shared verbatim by all 11 pages (extracted 2026-07-07).
 * Loaded BEFORE each page's inline <style> to preserve the cascade.
 * IMPORTANT: when you edit this file, bump the ?v= query string in every
 * HTML <link> tag (e.g. ?v=20260707 -> new date) to invalidate CDN/browser caches.
 */

*, *::before, *::after { box-sizing: border-box; }

.container { width: 92%; max-width: var(--maxw); margin: 0 auto; }

.logo-img { height: 44px; width: auto; max-width: 200px; object-fit: contain; display: block; }

html, body { max-width: 100%; overflow-x: hidden; }

img, video, iframe { max-width: 100%; height: auto; }

.bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:flex;background:#fff;border-top:1px solid #E3F2FD;box-shadow:0 -2px 12px rgba(13,71,161,.15);padding-bottom:env(safe-area-inset-bottom)}

.bc-item{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:54px;font-size:.88rem;font-weight:700;text-decoration:none;letter-spacing:.02em}

.bc-tel{background:#1976D2;color:#fff}

.bc-line{background:#06C755;color:#fff}

@media (min-width:768px){.bottom-cta{display:none}}

@media (max-width:767px){body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}}

@media print{.bottom-cta{display:none}}