/* 古蹟探險家：配色與這一站專屬的樣式。通用樣式在 /css/base.css（工具產生，不要手改）。
   變數名稱沿用通用核心（--green 是主色、--orange 是強調色），這裡只換數值：磚紅＋木頭色。 */
:root{
  --bg:#faf6f0;--card:#fff;--ink:#2b2420;--ink2:#6b5d52;--line:#eadfcf;
  --green:#a3412e;--green-d:#7a2e20;--green-l:#f7e8e2;--orange:#c9861c;--orange-l:#fbf0dc;
  --shadow:0 3px 0 rgba(60,35,20,.12),0 8px 24px rgba(60,35,20,.08);
}
.hero,.w-hero{background:linear-gradient(135deg,#f7e8e2,#fbf0dc 60%,#efe6d6)}

/* 卡片上的類型與等級標籤 */
.tbadge{display:inline-block;border-radius:999px;padding:0 9px;font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap}
.clsbadge{display:inline-block;border:2px solid var(--green);color:var(--green-d);border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:800}
.acard .meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.acard.thin{opacity:.85}
.note{background:var(--orange-l);border-radius:12px;padding:8px 12px;font-size:.92rem;margin:8px 0}
select.inline{width:auto;max-width:none;min-height:40px;padding:4px 10px}
.more{text-align:center;margin:18px 0}

/* 我家附近的古蹟：地圖 */
.mapwrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.map{width:100%;height:auto;background:#eaf3f7;border-radius:var(--radius);border:3px solid var(--line);touch-action:manipulation}
.map .land{fill:#f3ead8;stroke:#b9a68a;stroke-width:1}
.map .dot{stroke:#fff;stroke-width:1;cursor:pointer;opacity:.85}
.map .dot.dim{opacity:.18}
.map .dot.on{stroke:#000;stroke-width:2.5;opacity:1}
.map .me{fill:#1f6fd1;stroke:#fff;stroke-width:2}
.near{display:grid;gap:10px}
.nrow{display:flex;gap:10px;align-items:center;background:var(--card);border:3px solid var(--line);border-radius:14px;padding:8px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.nrow:hover{border-color:var(--green)}
.nrow .photo,.nrow .ph{width:110px;flex:none;aspect-ratio:4/3;object-fit:cover;border-radius:10px;font-size:2rem}
.nrow small{color:var(--ink2)}
@media (max-width:760px){.mapwrap{grid-template-columns:1fr}}

/* 時代排排看 */
.tl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}
.tl-card{font:inherit;color:inherit;text-align:left;background:#fff;border:4px solid var(--line);border-radius:18px;padding:0;cursor:pointer;overflow:hidden;position:relative}
.tl-card .photo,.tl-card .ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tl-card b{display:block;padding:6px 10px 10px}
.tl-card .ord{position:absolute;top:8px;left:8px;background:var(--green);color:#fff;font-weight:800;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:1.2rem}
.tl-card.picked{border-color:var(--green)}
.tl-card.right{border-color:#3f9c5a}
.tl-card.wrong{border-color:var(--red)}
.tl-line{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}
.tl-line span{border-radius:999px;padding:2px 12px;color:#fff;font-weight:700;font-size:.85rem}
.yr{font-size:.85rem;color:var(--ink2);padding:0 10px 10px;display:block}