/* Calendars and connection forms keep the same measure in either calendar. */
.shell > #main:has(.settings) { width:min(620px,calc(100% - 2 * var(--app-edge))); margin:0 auto; }
.settings { width:100%; padding-bottom:36px; }
.settings-heading { margin:28px 0 32px; }
.settings h1 { font-size:30px; line-height:1.2; font-weight:400; letter-spacing:-.025em; }
.settings h2 { font-size:20px; line-height:1.35; font-weight:400; letter-spacing:-.015em; }
.settings h3 { font-size:15px; font-weight:700; }
.settings .notice { color:var(--danger); font-size:13px; padding:14px 0; line-height:1.6; }
.settings .subtitle { color:var(--muted); margin-top:7px; }
.settings-group { padding:26px 0; border-top:1px solid var(--line); }
.connection-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; }
.connection-row p { color:var(--muted); font-size:13px; margin-top:2px; }
.connection-name { overflow-wrap:anywhere; min-width:0; }
.connection-row button { font-size:13px; flex-shrink:0; }
.visibility-list { margin-top:18px; display:flex; gap:8px 24px; flex-wrap:wrap; }
.check-label { display:inline-flex; align-items:center; gap:8px; min-height:36px; cursor:pointer; }
.add-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
form { margin-top:22px; }
.field { display:block; margin:18px 0; font-size:14px; font-weight:400; }
input:not([type=checkbox]) { display:block; width:100%; margin-top:7px; border:1px solid var(--field-line); background:var(--surface); color:var(--ink); padding:10px 12px; border-radius:var(--sure-radius); min-height:44px; caret-color:var(--accent); }
input::placeholder { color:var(--muted); opacity:1; }
.field-note { color:var(--muted); margin-top:10px; font-size:13px; font-weight:400; line-height:1.65; }
.form-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.account-row { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.account-row p { overflow-wrap:anywhere; min-width:0; font-size:14px; }
.account-row button { flex-shrink:0; }
@media (max-width:600px) {
  .settings-heading { margin-top:24px; }
  .settings h1 { font-size:26px; }
  .settings button { min-height:44px; }
}