/* Hallmark · branch information · inherited Yume House tokens · 2026-10-23
 * pre-emit critique: P4 H4 E4 S4 R5 V4
 */

.yh-branch {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  margin:0 auto;
  padding:40px 0;
  border-top:1px solid var(--line);
  color:var(--ink);
  font-family:inherit;
}
.yh-branch h2 {
  min-width:0;
  margin:0;
  font-family:var(--serif);
  font-size:30px;
  font-weight:400;
  font-style:normal;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.yh-branch-body { min-width:0; }
.yh-branch-heading { grid-column:1/-1; }
.yh-branch-map-embed { min-width:0; background:var(--pale); }
.yh-branch-map-embed iframe { display:block; width:100%; height:auto; aspect-ratio:4/3; border:0; }
.yh-kumamoto-map { margin-top:24px; }
.yh-branch-info { margin:0; }
.yh-branch-info > div {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  padding-block:12px;
  border-bottom:1px solid var(--line);
  font-size:14px;
  line-height:1.9;
}
.yh-branch-info > div:first-child { padding-top:0; }
.yh-branch-info dt { color:var(--muted); }
.yh-branch-info dd { min-width:0; margin:0; overflow-wrap:anywhere; }
.yh-branch-info dd a { display:inline-flex; align-items:center; min-height:44px; font-variant-numeric:tabular-nums; }
.yh-branch :is(a,a:visited) { color:var(--blue); white-space:nowrap; }
.yh-branch a:active { color:var(--navy); }
.yh-branch a:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.yh-branch-map {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  gap:24px;
  margin-top:16px;
  border-bottom:1px solid var(--blue);
  font-size:14px;
  line-height:1;
}
.yh-profile-branch { margin-top:16px; font-weight:600; }
@media (hover:hover) and (pointer:fine) {
  .yh-branch a:hover { text-decoration:underline; text-underline-offset:3px; }
}
@media (min-width:40rem) {
  .yh-branch { gap:40px; }
}
@media (min-width:48rem) {
  .yh-branch { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .yh-branch-map-embed { grid-column:1; grid-row:2; }
  .yh-branch-body { grid-column:2; grid-row:2; }
}
@media (min-width:70rem) {
  .yh-branch { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; padding-block:64px; }
}