/* Shared branch styles. Yuen Long retains the original teal theme. */
.ng-branch{--ink:#183749;--accent:#087e83;--light:#eef8f7;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.8;padding-top:110px;background:#fff}
.ng-branch *{box-sizing:border-box}.ng-branch .ng-wrap{width:min(1120px,calc(100% - 40px));margin:auto}.ng-branch a{color:#08686d;text-decoration:underline;text-underline-offset:3px}.ng-branch a:focus-visible,.ng-branch summary:focus-visible{outline:3px solid #d86c20;outline-offset:5px}.ng-branch .ng-crumb{font-size:.9rem;padding:12px 0 22px}.ng-branch .ng-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:10px 0 45px}.ng-branch h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.35;margin:10px 0 20px;font-weight:750;color:var(--ink)}.ng-branch h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.45;margin:0 0 18px;font-weight:700;color:var(--ink)}.ng-branch h3{font-size:1.16rem;line-height:1.5;margin:0 0 12px;font-weight:700;color:var(--ink)}.ng-branch p{font-size:1rem;margin:0 0 16px}.ng-branch .ng-eyebrow{color:#08686d;font-size:.9rem;letter-spacing:.04em}
.ng-branch .ng-photo{margin:0}.ng-branch .ng-photo img{max-width: 450px;display:block;max-height: 450px;object-fit:contain;background:#f4f6f6;border-radius:20px}.ng-branch figcaption{font-size:.85rem;color:#526775;margin-top:8px}.ng-branch .ng-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.ng-branch .ng-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:2px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:650}.ng-branch .ng-button:hover{background:#075b60;border-color:#075b60}.ng-branch .ng-button-alt{background:#fff;color:#08686d}.ng-branch .ng-button-alt:hover{background:var(--light);color:#08686d}.ng-branch .ng-section{padding:44px 0;scroll-margin-top:110px}.ng-branch .ng-tint{background:var(--light)}.ng-branch .ng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ng-branch .ng-card{padding:25px;border:1px solid #d4e3e5;border-radius:16px;background:#fff}.ng-branch .ng-card p{font-size:.96rem}.ng-branch .ng-note{font-size:.9rem!important;color:#526775}.ng-branch .ng-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ng-branch address{font-style:normal;margin-bottom:18px}.ng-branch .ng-hours{border-collapse:collapse;width:100%;margin:18px 0}.ng-branch .ng-hours th,.ng-branch .ng-hours td{text-align:left;padding:10px;border-bottom:1px solid #d4e3e5}.ng-branch iframe{width:100%;height:360px;border:0;border-radius:16px;display:block}.ng-branch details{border-bottom:1px solid #d4e3e5;padding:17px 0}.ng-branch summary{font-weight:650;cursor:pointer}.ng-branch details p{margin:14px 0 0}.ng-branch .ng-contact{border-left:5px solid var(--accent);padding:22px;background:#fff;border-radius:12px}.ng-branch .ng-local-nav{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #d4e3e5;border-bottom:1px solid #d4e3e5;padding:16px 0}.ng-branch .ng-contact a{overflow-wrap:anywhere}
@media(max-width:767px){.ng-branch{padding-top:95px}.ng-branch .ng-wrap{width:calc(100% - 32px)}.ng-branch .ng-hero,.ng-branch .ng-two,.ng-branch .ng-grid{grid-template-columns:1fr}.ng-branch .ng-hero{gap:20px}.ng-branch .ng-section{padding:32px 0}.ng-branch iframe{height:300px}.ng-branch .ng-actions .ng-button{flex:1 1 160px}}

/* Tuen Mun only. The existing template already emits branch-specific data attributes.
   Optional explicit .ng-branch--tuen-mun class is supported as well. */
.ng-branch:has(a[data-branch="tuen-mun"]),
.ng-branch.ng-branch--tuen-mun{--accent:#ff7f9f;--highlight:#ff3266;--light:#fff2f6}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-button{background:var(--accent);border-color:var(--accent);color:#183749;transition:background-color .15s ease,border-color .15s ease}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-button:hover,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-button:focus-visible{background:var(--highlight);border-color:var(--highlight);color:#101820}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-button-alt{background:#fff;border-color:var(--accent);color:#183749}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-button-alt:hover,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-button-alt:focus-visible{background:var(--highlight);border-color:var(--highlight);color:#101820}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) a:not(.ng-button){color:#183749;text-decoration-color:var(--accent)}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) a:not(.ng-button):hover{color:#183749;text-decoration-color:var(--highlight);text-decoration-thickness:3px}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-eyebrow{color:#183749;border-left:4px solid var(--accent);padding-left:12px}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-card{border-color:#ffcad8;border-top:4px solid var(--accent)}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-contact{border-left-color:var(--accent)}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) details,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-local-nav,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-hours th,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) .ng-hours td{border-color:#ffcad8}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) summary:hover,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) details[open] summary{box-shadow:inset 4px 0 var(--highlight);padding-left:12px}
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) a:focus-visible,
:is(.ng-branch:has(a[data-branch="tuen-mun"]),.ng-branch.ng-branch--tuen-mun) summary:focus-visible{outline-color:var(--highlight)}
@media(prefers-reduced-motion:reduce){.ng-branch .ng-button{transition:none}}