/* 條款、隱私、退訂這幾頁共用的版面。
   沿用 theme.css 的 tokens，所以配色跟報名頁與首頁是同一套。
   這幾頁是拿來讀的，不是拿來逛的：一欄、行長控制在 68 個字元左右，
   標題只有兩級。 */

.lg-top{border-bottom:1px solid var(--line);background:var(--bg)}
.lg-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 0;width:min(100% - 40px,760px);margin-inline:auto}
.lg-logo{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:.02em;
  color:var(--ink);text-decoration:none}
.lg-top-inner a:last-child{font-size:14px;color:var(--ink-2);text-decoration:none}
.lg-top-inner a:last-child:hover{color:var(--accent)}

.lg-wrap{width:min(100% - 40px,760px);margin-inline:auto;padding:44px 0 64px}
.lg-wrap h1{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);line-height:1.25;
  letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}
.lg-sub{margin:0 0 8px;color:var(--ink-2);font-size:15.5px;line-height:1.75;max-width:68ch}
.lg-meta{margin:0 0 30px;color:var(--ink-2);font-size:13.5px}

/* 提示條。條款頁用來標「這是草稿，還沒經過律師」 */
.lg-callout{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);
  background:var(--bg-alt);padding:14px 18px;margin:0 0 30px;font-size:14px;line-height:1.75;color:var(--ink-2)}
.lg-callout b{color:var(--ink)}

/* 目錄 */
.lg-toc{border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin:0 0 36px;
  background:var(--card)}
.lg-toc b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-2);margin:0 0 10px}
.lg-toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px;font-size:14.5px;line-height:1.95}
.lg-toc a{color:var(--ink);text-decoration:none}
.lg-toc a:hover{color:var(--accent);text-decoration:underline}
@media (max-width:620px){.lg-toc ol{columns:1}}

.lg-sec{margin:0 0 34px;scroll-margin-top:20px}
.lg-sec h2{font-family:var(--font-display);font-size:19px;line-height:1.4;margin:0 0 12px;
  letter-spacing:-.01em}
.lg-sec p,.lg-sec li{color:var(--ink-2);font-size:15px;line-height:1.85;max-width:68ch}
.lg-sec p{margin:0 0 12px}
.lg-sec ul,.lg-sec ol{margin:0 0 12px;padding-left:1.4em}
.lg-sec li{margin:0 0 6px}
.lg-sec b{color:var(--ink)}
.lg-sec a{color:var(--accent)}

.lg-foot{border-top:1px solid var(--line);padding:24px 0 40px}
.lg-foot-inner{width:min(100% - 40px,760px);margin-inline:auto;
  font-size:13px;color:var(--ink-2);line-height:1.8}
.lg-foot-inner a{color:var(--ink-2)}

/* ---------------- 退訂頁 ---------------- */

.lg-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);
  padding:24px;margin:0 0 22px}
.lg-who{font-size:14px;color:var(--ink-2);line-height:1.9;margin:0 0 18px}
.lg-who b{color:var(--ink)}

/* 「會停掉什麼／不會停掉什麼」——退訂頁上最重要的一段，
   因為使用者按之前真正想知道的就是「我的票會不會不見」 */
.lg-scope{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.lg-scope li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.lg-scope li::before{flex:none;width:20px;text-align:center;font-weight:700}
.lg-scope .is-stop::before{content:"✕";color:#c0392b}
.lg-scope .is-keep::before{content:"✓";color:var(--accent)}
.lg-scope b{color:var(--ink)}

.lg-actions{display:flex;flex-wrap:wrap;gap:10px}
.lg-btn{appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink);
  font:inherit;font-size:14.5px;padding:11px 20px;border-radius:999px;cursor:pointer;
  text-decoration:none;display:inline-block;line-height:1.4}
.lg-btn:hover{border-color:var(--accent);color:var(--accent)}
.lg-btn.is-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.lg-btn.is-primary:hover{filter:brightness(1.06);color:#fff}
.lg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.lg-done{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px}
.lg-done-mark{flex:none;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;
  display:grid;place-items:center;font-size:19px;font-weight:700}
.lg-done h1{margin:0 0 6px;font-size:23px}
.lg-note{font-size:13.5px;color:var(--ink-2);line-height:1.8;margin:16px 0 0}