/* /access R6 (integrated): R2's timeline (numbered dots on a straight line) + an airport switch (R3) + R3's tinted panels and
   cards + R1's JR PASS block (medal, cyan panel with pink washi tape, three small tickets). Everything under .ac-r6, classes ar6-. */

/* ---------------------------------------------------------------- timeline */
.ac-r6 .ar6-steps { display: block; margin-top: var(--ar-hd); }
.ac-r6 .ar6-step { position: relative; min-width: 0; padding: 0 0 36px 48px; }
.ac-r6 .ar6-step:last-child { padding-bottom: 0; }
.ac-r6 .ar6-dot {
  position: absolute; z-index: 1; left: 0; top: 0; display: grid; place-items: center; width: 36px; height: 36px;
  border: 2.5px solid var(--ar-ink); border-radius: 50%; background: var(--ar-cyan); box-shadow: 0 0 0 4px #fff;
  font-size: 18px; font-weight: 800; line-height: 1; color: var(--ar-ink);
}
.ac-r6 .ar6-step:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 36px; bottom: 0; width: 4px; border-radius: 2px; background: var(--ar-cyan-line); }
.ac-r6 .ar6-step--end > .ar6-dot { background: var(--ar-yellow); }
.ac-r6 .ar6-branches { margin-top: 12px; }
/* owner 11/08「放在 抵達越後湯澤 後面」: step 4's 「查看各雪場 →」 sits on the title's line, dropping below only when there is no room */
.ac-r6 .ar6-step--end > .ar6-step__body { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.ac-r6 .ar6-step--end .ar6-branches { margin-top: 0; }
.ac-r6 .ar6-title { display: flex; align-items: center; min-height: 36px; font-weight: 700; letter-spacing: .02em; color: var(--ar-ink); }

/* ---------------------------------------------------------------- airport switch: two capsules, navy = chosen */
.ac-r6 .ar6-pick { margin-top: 12px; }
.ac-r6 .ar6-seg { gap: 10px; padding: 0; border-radius: 0; background: none; }
.ac-r6 .ar6-seg__btn {
  display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 44px; padding: 6px 18px;
  border: 1.5px solid var(--ar-blue); background: #fff; color: var(--ar-blue);
}
.ac-r6 .ar6-seg__btn:hover { background: #e0ebf2; }
.ac-r6 .ar6-seg__btn[aria-selected="true"] { border-color: var(--ar-ink); background: var(--ar-ink); color: #fff; }
.ac-r6 .ar6-fallback { display: flex; flex-wrap: wrap; gap: 10px; }
.ac-r6 .ar6-pick.is-tabs .ar6-fallback { display: none; }
.ac-r6 .ar6-go { gap: 8px; min-height: 44px; }

/* ---------------------------------------------------------------- a leg: title row, quiet opening words, panel with cards */
.ac-r6 .ar6-leg + .ar6-leg { margin-top: 28px; }
.ac-r6 .ar6-leg__head { display: flex; align-items: center; gap: 10px; min-height: 36px; }
.ac-r6 .ar6-leg__title { min-width: 0; }
.ac-r6 .ar6-intro { margin-top: 8px; }
/* owner 11/08「轉乘加上去」, design 1 「路線上的轉乘站」: a small station dot (⇄) on the timeline line between step 2 and step 3,
   then the navy 「轉乘」 chip and the place, lined up with the panel's left edge. The dot's centre sits on the line: the line is
   18px right of the step's edge (<=479: 16, >=768: 22) and the content starts at 48px (<=479: 40, >=768: 64), so the dot is 30px left
   of the content edge (24 / 42). z-index 1 like the numbered dots. No animation. */
.ac-r6 .ar6-hint {
  position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 32px; margin-top: 20px;
  font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--ar-ink);
}
.ac-r6 .ar6-hint .ar6-hint__node {
  position: absolute; z-index: 1; left: -44px; top: 2px; display: grid; place-items: center; width: 28px; height: 28px;
  border: 2.5px solid var(--ar-ink); border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px #fff;
}
.ac-r6 .ar6-hint .ar6-hint__node .ar-ico { width: 16px; height: 16px; stroke-width: 2.4; }
.ac-r6 .ar6-hint .ar6-hint__k { padding: 1px 10px; border-radius: 6px; background: var(--ar-ink); color: #fff; font-size: 15px; line-height: 1.6; letter-spacing: .06em; }
.ac-r6 .ar6-hint .ar6-hint__v { min-width: 0; }
@media (max-width: 479px) {
  .ac-r6 .ar6-hint .ar6-hint__node { left: -37px; top: 3px; width: 26px; height: 26px; }
  .ac-r6 .ar6-hint .ar6-hint__node .ar-ico { width: 15px; height: 15px; }
}
@media (min-width: 768px) {
  .ac-r6 .ar6-hint .ar6-hint__node { left: -57px; top: 1px; width: 30px; height: 30px; }
  .ac-r6 .ar6-hint .ar6-hint__node .ar-ico { width: 17px; height: 17px; }
}   /* as wide as the panel under it (owner 11/08 asked why the Narita line wrapped early) */
.ac-r6 .ar6-intro > * + * { margin-top: 6px; }
.ac-r6 .ar6-intro p.ar6-intro__p { color: #566d82; }
.ac-r6 .ar6-intro .ar-note { margin-top: 10px; font-size: 16px; }
/* owner 11/08 「冬季自駕注意事項」: yellow note with a small heading; only the heading and the **bold** words are bold */
.ac-r6 .ar6-intro .ar6-tips { margin-top: 12px; padding: 12px 16px; font-weight: 400; }
.ac-r6 .ar6-tips__body { min-width: 0; }
.ac-r6 .ar6-tips__title { font-size: 18px; font-weight: 700; line-height: 1.75; color: var(--ar-ink); }
.ac-r6 .ar6-tips__p { margin-top: 4px; color: var(--ar-ink); }
.ac-r6 .ar6-tips strong { font-weight: 700; }
.ac-r6 .ar6-panel { margin-top: 16px; padding: 14px; }
.ac-r6 .ar6-routes { display: grid; gap: 14px; }
.ac-r6 .ar6-cell { display: flex; min-width: 0; }

.ac-r6 .ar6-card { display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 18px; }
.ac-r6 .ar6-card__side { display: grid; align-content: start; gap: 10px; min-width: 0; }
.ac-r6 .ar6-card__top { display: flex; align-items: center; gap: 12px; }
.ac-r6 .ar6-card__name { min-width: 0; }
.ac-r6 .ar6-figs { gap: 8px; }
.ac-r6 .ar-fig__more { word-break: keep-all; }   /* "（深夜、清晨班次3,000日幣）" breaks after "、", never inside "3,000日幣" */
.ac-r6 .ar6-card.is-tight .ar-fig__q { display: block; margin-right: 0; }   /* set by access-r6.js: a label would wrap, so all go above */
.ac-r6 .ar6-card__main { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding-top: 12px; border-top: 1.5px dashed var(--ar-perf); }
.ac-r6 .ar6-card__main > p + p:not(.ar-note):not(.ar-btns) { margin-top: 8px; }
.ac-r6 .ar6-card__main > .ar-note { margin-top: 10px; }
.ac-r6 .ar6-card__main > .ar-note:first-child { margin-top: 0; }
.ac-r6 .ar6-card__main > .ar-btns { margin-top: auto; padding-top: 14px; }
.ac-r6 .ar6-card__main .ar-btns { gap: 8px; }
.ac-r6 .ar6-card__main .ar-btns > a { flex: 1 1 auto; gap: 4px; min-height: 44px; padding-inline: 8px; white-space: nowrap; letter-spacing: 0; }

/* ---------------------------------------------------------------- JR PASS (R1): medal + sentence, cyan panel, three tickets */
.ac-r6 .ar6-pass { margin: 48px 0 0; }   /* phones: centred on the page (owner 11/08); >=768 it lines up with the step 2/3 panels */
.ac-r6 .ar6-pass__rec { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.ac-r6 .ar6-pass__title { min-width: 0; }
.ac-r6 .ar6-pass__sub { display: block; margin-top: 2px; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0; color: var(--ar-text); }   /* owner 11/08: the sentence as small print under the name */
/* hero lead: Chinese lines break only where gen.py put <wbr> (between phrases); English text is not affected by keep-all */
.ac-r6 .ar-hero__lead { word-break: keep-all; overflow-wrap: anywhere; }
/* English page: the h1 wraps the Chinese title and the English line in two spans (like en/rental); the title span keeps the block box
   the h1 used to have, so width: fit-content and the confetti ::after sit exactly where they did */
.ac-r6 span.ar-hero__title { display: block; }
/* phones: the title is now 交通資訊 (owner 11/09), so the small drawing moves up beside it, clear of the ribbon below
   (owner picked B: keep the drawing on phones). Under 341px the kit still hides it. */
@media (max-width: 767px) {
  .ac-r6 .ar-hero__mini { top: -2px; }
  /* the two flakes that sat under the old drawing would land on the lead text (360-430): hidden, as the kit does under 341px */
  .ac-r6 .ar-fl--3, .ac-r6 .ar-fl--4 { display: none; }
}
/* English page (gen_en.py adds .ar6-en): small lines that continue a sentence start with a capital on screen */
.ac-r6.ar6-en .ar6-pass__sub--cap::first-letter, .ac-r6.ar6-en .ar-fig__more::first-letter { text-transform: uppercase; }
/* English ribbon 「Narita / Haneda → Echigo-Yuzawa」 is longer than the Chinese one: a smaller size on phones keeps it on one line,
   clear of the small drawing about as much as the Chinese ribbon is */
@media (max-width: 479px) {
  .ac-r6.ar6-en .ar-ribbon__band { font-size: 14.5px; letter-spacing: 0; }
}
/* 768-819: the band is 21px there and needs 390px against 382px (it broke onto two lines); 20px needs 374px */
@media (min-width: 768px) and (max-width: 819px) {
  .ac-r6.ar6-en .ar-ribbon__band { font-size: 20px; }
}
.ac-r6 .ar6-pass__box { position: relative; padding: 20px 16px; }
.ac-r6 .ar6-passes { display: grid; gap: 14px; }
.ac-r6 .ar6-pt__main { padding: 14px 16px 12px; }
.ac-r6 .ar6-pt__head { display: flex; align-items: center; gap: 10px; }
.ac-r6 .ar6-pt__name { min-width: 0; font-size: 18px; line-height: 1.4; }
.ac-r6 .ar6-pt__limit { margin-top: 8px; }
.ac-r6 .ar6-pt__limit .ar-tag { line-height: 1.5; padding-block: 2px; }
.ac-r6 .ar6-pt__facts { display: grid; gap: 4px; margin: 10px 0 0; }
.ac-r6 .ar6-pt__facts > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 12px; }
.ac-r6 .ar6-pt__facts dt { font-size: 15px; font-weight: 700; line-height: 1.6; color: var(--ar-text); }
.ac-r6 .ar6-pt__facts dd { margin: 0; color: var(--ar-ink); font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.ac-r6 .ar6-big { font-size: 1.45em; font-weight: 800; letter-spacing: .01em; color: var(--ar-red); }
.ac-r6 [data-ac-pass-days] .ar6-big { color: var(--ar-ink); }
.ac-r6 .ar6-pt__stub { padding: 10px 16px 14px; }
.ac-r6 .ar6-pt__stub::before, .ac-r6 .ar6-pt__stub::after { background: #eafafd; }

/* ---------------------------------------------------------------- sizes */
@media (min-width: 600px) {
  .ac-r6 .ar6-pt { flex-direction: row; }
  .ac-r6 .ar6-pt__stub { flex: 0 0 168px; display: flex; flex-direction: column; justify-content: center; padding: 14px 16px; border-top: 0; border-left: 2px dashed var(--ar-perf); }
  .ac-r6 .ar6-pt__stub::before, .ac-r6 .ar6-pt__stub::after { left: -13px; right: auto; }
  .ac-r6 .ar6-pt__stub::before { top: -12px; }
  .ac-r6 .ar6-pt__stub::after { top: auto; bottom: -12px; }
  .ac-r6 .ar6-pt__main { padding: 14px 18px; }
}
@media (min-width: 768px) {
  .ac-r6 .ar6-step { padding-left: 64px; padding-bottom: 44px; }
  .ac-r6 .ar6-pass { margin-left: 64px; }
  .ac-r6 .ar6-dot { width: 44px; height: 44px; font-size: 21px; }
  .ac-r6 .ar6-step:not(:last-child)::after { left: 20px; top: 44px; }
  .ac-r6 .ar6-title, .ac-r6 .ar6-leg__head { min-height: 44px; }
  .ac-r6 .ar6-panel { padding: 20px; }
  .ac-r6 .ar6-card { padding: 20px; }
  .ac-r6 .ar6-pass__box { padding: 24px; }
}
/* time and fare side by side from 600px (owner 11/08 "改成這樣"), set up by access-r6.js: card by card it falls back to the labels
   above the numbers (.is-tight), then to one under the other (.is-stack). Phones and pages without the script keep them one under the other. */
@media (min-width: 600px) {
  .ac-r6.ar6-js .ar6-figs { grid-template-columns: max-content minmax(0, 1fr); column-gap: 20px; }
}
.ac-r6 .ar6-card.is-stack .ar6-figs { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) {
  .ac-r6 .ar6-pass { margin-top: 64px; }
  .ac-r6 .ar6-passes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .ac-r6 .ar6-pt { flex-direction: column; }
  .ac-r6 .ar6-pt__stub { flex: 0 0 auto; display: block; padding: 10px 16px 14px; border-left: 0; border-top: 2px dashed var(--ar-perf); }
  .ac-r6 .ar6-pt__stub::before, .ac-r6 .ar6-pt__stub::after { top: -13px; bottom: auto; }
  .ac-r6 .ar6-pt__stub::before { left: -12px; }
  .ac-r6 .ar6-pt__stub::after { left: auto; right: -12px; }
}
/* cards go two to a row only from 1280 (narrower two-up cards cannot hold time and fare side by side); Haneda's third card,
   the limousine with the longest figures, takes the whole second row */
@media (min-width: 1280px) {
  .ac-r6 .ar6-routes--2, .ac-r6 .ar6-routes--3, .ac-r6 .ar6-routes--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .ac-r6 .ar6-routes--3 > .ar6-cell:last-child { grid-column: 1 / -1; }
  .ac-r6 .ar6-card { padding: 20px 18px; }   /* 4px more room: 「（深夜、清晨班次3,000日幣）」 stays on one line beside the time */
}
/* owner 11/08「手機板左邊不要有空間／左右兩邊到螢幕邊緣空間相等」: on phones (<=767) the timeline gives up its left gutter — no
   vertical line, each numbered dot sits at the start of its step's title row, and everything else (intros, panels, notes, the transfer
   hint) spans the whole width, the same distance from both screen edges. The transfer dot then simply leads its line. */
@media (max-width: 767px) {
  .ar.ac-r6 { --ar-sec: 40px; }   /* owner 11/08「上下間格過大」: the dotted divider and the section under it, 64+64px -> 40+40px on phones */
  .ac-r6 .ar6-step { padding-left: 0; }
  .ac-r6 .ar6-step:not(:last-child)::after { display: none; }
  .ac-r6 .ar6-step__body > .ar6-title, .ac-r6 .ar6-step__body > .ar6-leg > .ar6-leg__head { padding-left: 46px; }
  .ac-r6 .ar6-hint .ar6-hint__node { position: static; box-shadow: none; }
}
@media (max-width: 479px) {
  .ac-r6 .ar6-dot { width: 32px; height: 32px; font-size: 16px; }
  .ac-r6 .ar6-step__body > .ar6-title, .ac-r6 .ar6-step__body > .ar6-leg > .ar6-leg__head { padding-left: 42px; }
  .ac-r6 .ar6-panel { padding: 8px; }
  .ac-r6 .ar6-card { padding: 14px; }
  .ac-r6 .ar6-seg { flex-wrap: nowrap; }
  .ac-r6 .ar6-seg__btn { flex: 1 1 0; padding-inline: 8px; gap: 6px; }
  .ac-r6 .ar6-seg__go { display: none; }
  .ac-r6 .ar6-fallback > a { flex: 1 1 0; min-width: 0; padding-inline: 8px; }
}
@media (max-width: 360px) {
  .ac-r6 .ar6-panel { padding: 8px; }
}

/* ---------------------------------------------------------------- every width (owner 11/07 phones, 11/08 "電腦版預設是摺疊的"): a card shows
   only its top until it is tapped (needs access-r6.js; without it the button stays [hidden] and every card is open) */
.ac-r6 .ar6-tog {
  position: absolute; z-index: 1; top: 8px; right: 6px; display: grid; place-items: center; width: 44px; height: 44px;
  padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer;
}
.ac-r6 .ar6-tog .ar-acc__chev { width: 36px; height: 36px; }
.ac-r6 .ar6-tog[aria-expanded="true"] .ar-acc__chev { transform: rotate(180deg); }
.ac-r6.ar6-js .ar6-card__side { cursor: pointer; }
.ac-r6.ar6-js .ar6-card__top { padding-right: 40px; }
.ac-r6.ar6-js .ar6-card:not(.is-open) .ar6-card__main { display: none; }
/* owner 11/08: the small print under a figure (（深夜、清晨班次3,000日幣）, 自由席6,370日幣, 週末假日單程4,500日幣, 到T-CAT…) also waits
   until the card is opened; access-r6.js shows it for a moment (.is-measure) when it picks the layout, so opening never re-flows */
.ac-r6.ar6-js .ar6-card:not(.is-open):not(.is-measure) .ar-fig__more { display: none; }
/* owner 11/08「手機版本變成可折疊」: on phones (<=767) a JR PASS ticket shows its name and price until tapped; the restriction tag,
   the number of days and the 「點我開啟」 stub wait. Wider screens keep every ticket open and show no arrow. */
.ac-r6 .ar6-pt__tog { display: none; }
@media (max-width: 767px) {
  /* the arrow sits at the end of the price line (owner 11/08), leaving the name its whole width */
  .ac-r6 .ar6-pt .ar6-pt__tog { display: grid; top: auto; bottom: -6px; right: -8px; }
  .ac-r6 .ar6-pt__price { position: relative; }
  .ac-r6.ar6-js .ar6-pt__price { padding-right: 44px; }
  .ac-r6.ar6-js .ar6-pt__main { cursor: pointer; }
  .ac-r6.ar6-js .ar6-pt:not(.is-open) .ar6-pt__limit,
  .ac-r6.ar6-js .ar6-pt:not(.is-open) .ar6-pt__days,
  .ac-r6.ar6-js .ar6-pt:not(.is-open) .ar6-pt__stub { display: none; }
}
/* while one card of a row is open, its neighbours keep their own (closed) height instead of stretching to it */
.ac-r6.ar6-js .ar6-routes.has-open { align-items: start; }
@media (min-width: 768px) {
  .ac-r6 .ar6-tog { top: 12px; right: 12px; }
}

/* ---------------------------------------------------------------- resorts as tickets (owner 11/08 picked design 3 「票券」)
   each resort is a horizontal ticket like the JR PASS ones (kit .ar-ticket .ar-ticket--row): logo + names on the ticket,
   cyan arrow on the pale stub; the two resorts without a page of their own keep an empty stub. One column up to 1023, two from 1024,
   three from 1280 (owner 11/08 「桌面板改成3個一排」; at 1024 three would squeeze the names onto 2-4 lines, so 1024-1279 keeps two).
   No entrance animation; on hover the outline turns blue and the shadow deepens (0.3 s). Scoped to the resorts section (.ar6-res)
   so the rules outweigh the kit's .ar .ar-ticket--row > .ar-ticket__stub. */
.ac-r6 .ar6-res .ar6-rts { display: grid; gap: 12px; }
.ac-r6 .ar6-res .ar6-rts > li { display: flex; min-width: 0; }
.ac-r6 .ar6-res .ar6-rt { width: 100%; color: var(--ar-ink); text-decoration: none; }
.ac-r6 .ar6-res a.ar6-rt { transition: box-shadow .3s; }
.ac-r6 .ar6-res a.ar6-rt:hover { box-shadow: 0 16px 30px -20px rgba(23, 55, 90, .55); }
.ac-r6 .ar6-res a.ar6-rt:hover::after { border: 2px solid var(--ar-blue); }
.ac-r6 .ar6-res a.ar6-rt:hover .ar6-rt-stub::before, .ac-r6 .ar6-res a.ar6-rt:hover .ar6-rt-stub::after { border-color: var(--ar-blue); }
.ac-r6 .ar6-res .ar6-rt-main { display: flex; align-items: center; gap: 10px; padding: 12px 10px 12px 12px; }
.ac-r6 .ar6-res .ar6-rt-logo {
  flex: 0 0 auto; display: grid; place-items: center; width: 80px; height: 56px; padding: 4px; border-radius: 12px;
  background: #fff; box-shadow: inset 0 0 0 1.5px var(--ar-line); overflow: hidden;
}
.ac-r6 .ar6-res .ar6-rt-logo picture { display: contents; }
.ac-r6 .ar6-res .ar6-rt-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 48px; object-fit: contain; }
.ac-r6 .ar6-res .ar6-rt-text { min-width: 0; }
.ac-r6 .ar6-res .ar6-rt-name { font-size: 16px; line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
.ac-r6 .ar6-res .ar6-rt-name sub { font-size: 15px; vertical-align: baseline; white-space: nowrap; }   /* 「(田代、三俣)」不拆行 */
/* 日文名只在產生器放的 <wbr>（詞界）斷行 */
.ac-r6 .ar6-res .ar6-rt-jp { margin-top: 2px; font-size: 15px; line-height: 1.5; color: var(--ar-text); word-break: keep-all; overflow-wrap: anywhere; }
/* 票根：kit 已給淡藍底、左側虛線、上下缺口；這裡只定寬度、讓箭頭置中 */
.ac-r6 .ar6-res .ar6-rt-stub { flex: 0 0 52px; align-items: center; padding: 0; }
.ac-r6 .ar6-res .ar6-rt-go {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ar-cyan); color: var(--ar-ink);
  transition: background-color .3s;
}
.ac-r6 .ar6-res .ar6-rt-go svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ac-r6 .ar6-res a.ar6-rt:hover .ar6-rt-go { background: #8ae9f2; }

@media (min-width: 768px) {
  .ac-r6 .ar6-res .ar6-rt-name { font-size: 17px; }
  .ac-r6 .ar6-res .ar6-rt-main { gap: 14px; padding: 14px 16px; }
  .ac-r6 .ar6-res .ar6-rt-logo { width: 84px; height: 60px; }
  .ac-r6 .ar6-res .ar6-rt-logo img { max-height: 50px; }
  .ac-r6 .ar6-res .ar6-rt-stub { flex-basis: 72px; }
  .ac-r6 .ar6-res .ar6-rt-go { width: 38px; height: 38px; }
}
@media (min-width: 1024px) {
  .ac-r6 .ar6-res .ar6-rts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (min-width: 1280px) {
  .ac-r6 .ar6-res .ar6-rts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ac-r6 .ar6-res .ar6-rt-name { font-size: 18px; }
  /* three per row: logo 80 and stub 56 leave the names ~180 px (zh: only 中里Snow Wood takes two lines; en: no overflow) */
  .ac-r6 .ar6-res .ar6-rt-logo { width: 80px; height: 64px; }
  .ac-r6 .ar6-res .ar6-rt-stub { flex-basis: 56px; }
  .ac-r6 .ar6-res .ar6-rt-logo img { max-height: 54px; }
}