/* ==========================================================================================
   EMAIL PREFERENCES (/unsubscribe) — redesign port of docs/redesign-mockups/unsubscribe-mockup.html.
   Rendered by dashboard/page-unsubscribe.js. Everything scoped under
   body[data-theme=gemini] #view .un-page with un- prefixes: themes.css owns a global .seg and
   uppercases gemini h2, so unprefixed classes would collide.
   ========================================================================================== */
body[data-theme=gemini] #view .un-page{font-family:"JetBrains Mono",monospace;max-width:760px;margin:0 auto;padding:14px 16px 28px;color:var(--ink1);box-sizing:border-box}
body[data-theme=gemini] #view .un-page *{border-radius:0;box-sizing:border-box}
body[data-theme=gemini] #view .un-page :focus-visible{outline:2px solid var(--today-focus);outline-offset:2px}
body[data-theme=gemini] #view .un-page a{color:var(--ink1);text-decoration:underline;text-underline-offset:2px}
body[data-theme=gemini] #view .un-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- hero ---- */
body[data-theme=gemini] #view .un-ft{background:var(--paper-3);border:1px solid var(--today-rule);border-top:3px solid var(--ink1);box-shadow:4px 4px 0 var(--shadow-hard)}
body[data-theme=gemini] #view .un-hx{padding:22px 18px}
body[data-theme=gemini] #view .un-hx h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.045em;line-height:1.05;text-transform:none;color:var(--ink1)}
body[data-theme=gemini] #view .un-sum{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink2);max-width:60ch}

/* ---- sections ---- */
body[data-theme=gemini] #view .un-sec{margin-top:26px}
body[data-theme=gemini] #view .un-sec h2{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink1)}
body[data-theme=gemini] #view .un-rx{list-style:none;margin:0;padding:0;border-top:1px solid var(--today-rule)}
body[data-theme=gemini] #view .un-rx li{display:grid;grid-template-columns:1fr;gap:4px;padding:12px 0;border-bottom:1px solid var(--today-rule);font-size:12px;line-height:1.55}
body[data-theme=gemini] #view .un-rx b{font-weight:700;color:var(--ink1)}
body[data-theme=gemini] #view .un-rx span{color:var(--ink2)}

/* ---- choice cards ---- */
body[data-theme=gemini] #view .un-chs{display:grid;grid-template-columns:1fr;gap:12px}
body[data-theme=gemini] #view .un-ch{display:flex;flex-direction:column;padding:16px;background:var(--today-paper);border:1px solid var(--today-rule);border-top:3px solid var(--ink1);min-width:0}
body[data-theme=gemini] #view .un-ch.un-all{border-top-color:var(--warn)}
body[data-theme=gemini] #view .un-ch h3{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--ink1)}
body[data-theme=gemini] #view .un-ch dl{margin:0 0 16px;display:grid;gap:10px}
body[data-theme=gemini] #view .un-ch dt{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
body[data-theme=gemini] #view .un-ch dd{margin:3px 0 0;font-size:12px;line-height:1.5;color:var(--ink2)}
body[data-theme=gemini] #view .un-spacer{flex:1}

/* ---- buttons ---- */
body[data-theme=gemini] #view .un-go,
body[data-theme=gemini] #view .un-ghost{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:center;cursor:pointer;text-decoration:none}
body[data-theme=gemini] #view .un-go{background:var(--ink1);color:var(--paper);border:1px solid var(--ink1)}
body[data-theme=gemini] #view .un-go:hover{background:var(--accent);border-color:var(--accent)}
body[data-theme=gemini] #view .un-ghost{background:transparent;color:var(--ink1);border:1px solid var(--rline)}
body[data-theme=gemini] #view .un-ghost:hover{background:var(--today-hover);border-color:var(--ink1)}
body[data-theme=gemini] #view .un-ch.un-all .un-ghost:hover{border-color:var(--warn);color:var(--warn)}
body[data-theme=gemini] #view .un-ch .un-go,
body[data-theme=gemini] #view .un-ch .un-ghost{width:100%}
body[data-theme=gemini] #view .un-go:focus-visible,
body[data-theme=gemini] #view .un-ghost:focus-visible{outline:2px solid var(--today-focus);outline-offset:2px}
body[data-theme=gemini] #view .un-page button[disabled]{opacity:.55;cursor:default}
body[data-theme=gemini] #view .un-page button[aria-busy=true]{opacity:1}
body[data-theme=gemini] #view .un-dots::after{content:"";display:inline-block;width:1.4em;text-align:left;animation:unsubDots 1.2s steps(4) infinite}
@keyframes unsubDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media (prefers-reduced-motion:reduce){body[data-theme=gemini] #view .un-dots::after{animation:none;content:"..."}}

/* ---- result panel ---- */
body[data-theme=gemini] #view .un-rs{padding:20px 18px;background:var(--paper-3);border:1px solid var(--today-rule);border-top:3px solid var(--ink1);box-shadow:4px 4px 0 var(--shadow-hard)}
body[data-theme=gemini] #view .un-rs:focus{outline:none}
body[data-theme=gemini] #view .un-rs:focus-visible{outline:2px solid var(--today-focus);outline-offset:2px}
body[data-theme=gemini] #view .un-rs.un-ok{border-top-color:var(--up)}
body[data-theme=gemini] #view .un-rs h1{margin:12px 0 0;font-size:24px;font-weight:800;letter-spacing:-.04em;line-height:1.1;text-transform:none;color:var(--ink1)}
body[data-theme=gemini] #view .un-rs p{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--ink2);max-width:62ch}
body[data-theme=gemini] #view .un-tag{display:inline-block;padding:3px 7px;border:1px solid currentColor;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body[data-theme=gemini] #view .un-tag-ok{color:var(--up)}
body[data-theme=gemini] #view .un-tag-ink{color:var(--ink2)}
body[data-theme=gemini] #view .un-kv{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--today-rule)}
body[data-theme=gemini] #view .un-kv li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rhair);font-size:12px;color:var(--ink1)}
body[data-theme=gemini] #view .un-kv .un-off{color:var(--ink3)}
body[data-theme=gemini] #view .un-acts{display:flex;flex-direction:column;gap:8px;margin-top:14px}
body[data-theme=gemini] #view .un-who{margin-top:18px;padding-top:12px;border-top:1px dashed var(--rline);font-size:10.5px;line-height:1.6;color:var(--ink3)}
body[data-theme=gemini] #view .un-who a{color:var(--ink2)}

@media (min-width:720px){
  body[data-theme=gemini] #view .un-page{padding:22px 28px 40px}
  body[data-theme=gemini] #view .un-hx{padding:28px 30px}
  body[data-theme=gemini] #view .un-hx h1{font-size:40px}
  body[data-theme=gemini] #view .un-rx li{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
  body[data-theme=gemini] #view .un-chs{grid-template-columns:1fr 1fr}
  body[data-theme=gemini] #view .un-rs{padding:28px 30px}
  body[data-theme=gemini] #view .un-rs h1{font-size:30px}
  body[data-theme=gemini] #view .un-acts{flex-direction:row;flex-wrap:wrap}
}