/* The English list (/en/, report 1-246) over the weekend page's own style sheet (this-weekend-v3.css): only what
   English needs — the group headings, the type chips, the region filter, the cities beside a region, shorter labels. */
.culture-en-list { box-sizing:border-box; max-width:1200px; margin:0 auto; padding:28px 24px 48px; }
.en-list .wk-head h1 { font-family:var(--culture-serif, Georgia, serif); }
.en-list .wk-head { grid-template-columns:minmax(0,1fr) 304px; column-gap:36px; border-bottom:0; padding-bottom:0; margin-bottom:28px; }
.en-list__tools { --en-map-width:184px; position:relative; width:304px; max-width:100%; align-self:center; justify-self:end; }
.en-list .en-list__tools > .wk-map { width:var(--en-map-width); margin:0; justify-self:start; }
.en-list__tools:has(>.wk-map) > .en-notebook-mini--list { position:absolute; right:0; bottom:18px; }
/* The western pin keeps its true position; its name sits above Seoul instead of outside the left edge. */
.en-list .wk-map a[data-region="28"] span { position:absolute; left:-24px; bottom:30px; }
.en-chips { display:flex; flex-wrap:wrap; gap:6px; margin:14px 0 0; }
.en-chips button, .en-filter button { border:1px solid var(--line, #e0d3bf); background:var(--card, #fffaf0); border-radius:18px; padding:6px 12px; font:600 13px/1.2 var(--culture-sans, system-ui); color:var(--ink, #2a211c); cursor:pointer; }
.en-chips button small { color:var(--muted, #7a6d62); margin-left:3px; }
.en-chips button.on { background:var(--ink, #2a211c); border-color:var(--ink, #2a211c); color:#fff; }
.en-chips button.on small { color:var(--line, #e0d3bf); }
.en-filter { margin:12px 0 0; font:700 14px var(--culture-sans, system-ui); color:var(--wine, #7a2e35); }
.en-filter button { margin-left:8px; font-size:12.5px; padding:4px 10px; }
.en-list .en-group > .en-sec { font-family:var(--culture-serif, Georgia, serif); font-size:24px; margin:0 0 18px; border-top:1px solid var(--line, #e0d3bf); padding-top:22px; }
.en-sec small { font:500 13px var(--culture-sans, system-ui); color:var(--muted, #7a6d62); margin-left:8px; }
.en-cities { color:var(--muted, #7a6d62); font-size:13px; margin-left:6px; }
.en-list .wk-region .wk-tk + .wk-tk { margin-top:12px; }
.en-coming-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; align-items:start; }
.en-notebook-mini { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 16px; border-top:1px solid #e0d3bf; color:#7a2e35; font:700 13px/1.4 var(--culture-sans,system-ui); text-decoration:none; }
.en-notebook-mini > span:last-child { white-space:nowrap; }
.en-notebook-mini:hover { background:#f1dfd955; }
.en-notebook-mini--list { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; justify-content:stretch; gap:3px 8px; width:160px; min-height:56px; margin-left:auto; padding:11px 12px 10px 16px; border:1px solid #ded2bf; border-radius:2px 6px 6px 2px; background:#fffaf0; box-shadow:none; }
.en-notebook-mini--list::before { content:""; position:absolute; left:6px; top:8px; bottom:8px; border-left:1px solid #e5d9c7; }
.en-notebook-mini--list::after { content:""; position:absolute; top:-1px; right:8px; width:6px; height:9px; background:#7a2e35; clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%); }
.en-notebook-mini--list .en-notebook-mini__label { grid-column:1; grid-row:1; font:700 13px/1.3 var(--culture-sans,system-ui); white-space:nowrap; }
.en-notebook-mini--list .en-notebook-mini__note { grid-column:1; grid-row:2; font:500 10.5px/1.3 var(--culture-sans,system-ui); color:var(--muted,#7a6d62); }
.en-notebook-mini--list .en-notebook-mini__open { grid-column:2; grid-row:1 / span 2; margin:0; padding:0; font-size:11px; }
.en-notebook-mini--list:hover { background:#fffdf7; border-color:#7a2e35; }
.en-notebook-mini:focus-visible { outline:2px solid #7a2e35; outline-offset:4px; }
@media (max-width:1150px) { .en-list .wk-map a[data-region="51"] span { position:absolute; right:-10px; bottom:18px; } }
@media (max-width:760px) {
  .en-coming-grid { grid-template-columns:minmax(0,1fr); }
  .en-list .wk-head { grid-template-columns:minmax(0,1fr); gap:22px; }
  .en-list .wk-head__text { grid-column:1 / -1; }
  .en-list__tools { --en-map-width:148px; }
  .en-list .en-sec small { display:block; margin:6px 0 0; }
}
@media(max-width:359px){.en-list__tools:has(>.wk-map)>.en-notebook-mini--list{bottom:0}}
.en-list .wk-map a.is-picked span { background:var(--wine, #7a2e35); color:#fff; }
.en-list .wk-places li a { display:block; color:inherit; text-decoration:none; }
.en-list .wk-places small { display:block; color:var(--wine, #7a2e35); font-weight:800; font-size:12px; }
.en-keep-short { display:none; }
/* The English screen colours every link wine; a ticket's title stays ink as on the Korean tickets. */
.en-list .wk-tk h3 a, .en-list .wk-places li a { color:var(--ink, #2a211c); }
/* Filtering hides what does not match and any block or group left empty. */
.en-list [data-hide] { display:none !important; }
.en-list [hidden]{display:none!important}
.en-empty{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--card);color:var(--ink);max-width:560px}
.en-empty b{font-family:var(--culture-serif,Georgia,serif);font-size:20px}
.en-empty p{font-size:14px;color:var(--muted);margin:8px 0 14px}
.en-empty button,.en-list-share{font:600 13px/1.4 var(--culture-sans,system-ui);color:var(--wine);background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer}
.en-list-share{margin-top:14px}.en-list-status{font-size:12px;color:var(--muted);margin-left:8px}
.en-reference{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 8px;padding-top:14px;border-top:1px solid #e0d3bf}
.en-reference span{font-size:13px;color:#7a6d62;white-space:pre-line}
@media (max-width:700px) {
  .culture-en-list { padding:20px 16px 40px; }
  .en-keep-long, .en-list .wk-src { display:none; }
  .en-keep-short { display:inline; }
}

/* An English guide (1-246): the small map in the visit box, the two actions, the driver card, 「Also in」. */
.en-locator { float:right; position:relative; width:58px; margin:0 0 4px 10px; }
.en-locator img { display:block; width:100%; height:auto; opacity:.95; }
.en-locator i { position:absolute; width:9px; height:9px; margin:-4.5px 0 0 -4.5px; border-radius:50%; background:#7a2e35; box-shadow:0 0 0 2px #fffaf0cc; }
.en-locator figcaption { font:700 11px/1.2 var(--culture-sans, system-ui); color:#7a2e35; text-align:center; margin-top:2px; white-space:nowrap; }
.en-acts { display:flex; flex-wrap:wrap; gap:8px; padding:8px 16px 4px; }
.en-act { border:1px solid #2a211c; background:#fffdf7; border-radius:999px; padding:7px 13px; font:700 13px/1.2 var(--culture-sans, system-ui); color:#2a211c; cursor:pointer; }
.en-act[hidden] { display:none; }
.en-driver { border:0; border-radius:18px; padding:28px 24px 20px; width:min(92vw, 560px); background:#fffaf0; color:#2a211c; text-align:center; }
.en-driver::backdrop { background:rgba(42,33,28,.55); }
.en-driver__ask { font-size:20px; font-weight:700; margin:0 0 14px; color:#7a2e35; }
.en-driver__name { font-size:clamp(30px, 9vw, 44px); font-weight:800; line-height:1.25; margin:0 0 10px; word-break:keep-all; }
.en-driver__address { font-size:clamp(20px, 6vw, 26px); font-weight:700; line-height:1.45; margin:0 0 20px; word-break:keep-all; }
.en-driver__close { border:1px solid #e0d3bf; background:transparent; border-radius:999px; padding:8px 18px; font:700 14px var(--culture-sans, system-ui); cursor:pointer; }
.en-nearby { --paper:#f7f1e6; --card:#fffaf0; --ink:#2a211c; --muted:#7a6d62; --line:#e0d3bf; --wine:#7a2e35; --ok:#2f6b4f; margin:2.4rem 0 0; padding-top:1.4rem; border-top:1px solid #e0d3bf; }
.en-nearby h2 { font-family:var(--culture-serif, Georgia, serif); margin:0 0 4px; }
.en-nearby > p { color:#7a6d62; font-size:14px; margin:0 0 14px; }
.en-nearby .wk-tk + .wk-tk { margin-top:12px; }
.en-nearby .wk-tk h3 a { color:#2a211c; }
/* What .wk3 gives the tickets on the list, without its full-width frame (it would push them out of the article). */
.en-nearby *, .en-nearby *::before, .en-nearby *::after { box-sizing:border-box; }
.en-nearby .wk-tk h3, .en-nearby .wk-tk p { margin:0; }
.en-nearby .wk-tk h3 { margin:3px 0 5px; }