/* Settings only: shared inset groups for the iOS style pack. */
html[data-magstyle="ios-maglink-2027"] #settings-body {
  --settings-column: 720px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  padding: 16px 24px calc(28px + env(safe-area-inset-bottom, 0px));
}
html[data-magstyle="ios-maglink-2027"] #settings-body > :is(.profile-menu-item, .profile-section-sep, .profile-section-title, .appearance-choice-list, .ios-wallpaper-settings, .media-download-setting, .media-download-note, .settings-font-options) {
  width: 100%; max-width: var(--settings-column); box-sizing: border-box;
  margin-left: auto; margin-right: auto;
}
html[data-magstyle="ios-maglink-2027"] #settings-body > .profile-section-title {
  margin-top: 24px; margin-bottom: 8px; padding: 0 16px;
  text-align: left; font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: .025em;
}
html[data-magstyle="ios-maglink-2027"] #settings-body > .profile-section-title:first-child { margin-top: 8px; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-list {
  display: flex; flex-direction: column; gap: 0; padding: 0;
  margin-bottom: 28px; border: 0; border-radius: 14px; background: var(--bg-primary);
}
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice {
  display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0;
  min-height: 62px; padding: 12px 16px; text-align: left;
  color: var(--text-primary); background: transparent; font: inherit;
  border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none;
}
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice:last-child { border-bottom: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice.is-active { background: transparent; }
@media (hover: hover) {
  html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice:hover { background: var(--bg-hover); }
}
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-icon {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; min-width: 32px; border-radius: 8px;
  background: var(--accent); color: #fff; font-size: 15px; font-weight: 600;
}
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-copy { flex: 1; min-width: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-title { display: block; font-size: 15px; line-height: 1.35; font-weight: 500; overflow-wrap: anywhere; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-subtitle { display: block; margin-top: 3px; font-size: 12px; line-height: 1.4; color: var(--text-secondary); overflow-wrap: anywhere; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-check { display: grid; place-items: center; flex: 0 0 24px; color: var(--accent); font-size: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-check { opacity: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice.is-active .appearance-choice-check { opacity: 1; }
html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice-check::before {
  content: ""; display: block; width: 7px; height: 13px;
  border-right: 2.5px solid currentColor; border-bottom: 2.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg); border-radius: 1px;
}
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-settings {
  margin-top: 28px; margin-bottom: 0; padding: 18px 16px 8px;
  background: var(--bg-primary); border-radius: 14px; border: 0;
}
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-settings h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.4; font-weight: 600; }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-settings > p { margin: 0 0 8px; font-size: 12px; line-height: 1.5; color: var(--text-secondary); }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-row { padding: 16px 0; gap: 8px; border-bottom: 1px solid var(--border); }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-row:last-child { border-bottom: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-row strong { font-size: 15px; font-weight: 500; }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-row button { font-family: inherit; font-size: 13px; font-weight: 500; background: var(--bg-secondary); border-radius: 9px; }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-blur { width: 100%; min-width: 0; font-size: 13px; color: var(--text-primary); }
html[data-magstyle="ios-maglink-2027"] #settings-body .ios-wallpaper-blur input { max-width: 100%; accent-color: var(--accent); }
html[data-magstyle="ios-maglink-2027"] #settings-body .media-download-setting { padding: 18px 16px; margin-top: 20px; border: 0; border-radius: 14px; background: var(--bg-primary); }
html[data-magstyle="ios-maglink-2027"] #settings-body > .profile-menu-item:has(+ .media-download-setting) { border-radius: 14px; border-bottom: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .media-download-note { padding: 12px 16px 0; font-size: 12px; line-height: 1.5; color: var(--text-secondary); }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options { margin-top: 8px; padding: 0; border: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options legend { padding: 0 16px 8px; font-size: 12px; color: var(--text-secondary); }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item { padding: 14px 16px; background: var(--bg-primary); border-bottom: 1px solid var(--border); gap: 12px; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item:first-of-type { border-radius: 14px 14px 0 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item:last-child { border-radius: 0 0 14px 14px; border-bottom: 0; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item { position: relative; min-height: 54px; cursor: pointer; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item > span { flex: 1; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options input[type="radio"] {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: 0;
  clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item::after {
  content: ""; width: 7px; height: 13px; margin: 0 8px; flex: 0 0 7px;
  border-right: 2.5px solid var(--accent); border-bottom: 2.5px solid var(--accent);
  transform: translateY(-2px) rotate(45deg); border-radius: 1px; opacity: 0; transition: none;
}
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item:has(input:checked)::after { opacity: 1; }
html[data-magstyle="ios-maglink-2027"] #settings-body .settings-font-options .profile-menu-item:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: -3px; }
html[data-magstyle="ios-maglink-2027"] #settings-body :is(button, input):focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
@media (max-width: 768px) {
  html[data-magstyle="ios-maglink-2027"] #settings-body { padding-left: 16px; padding-right: 16px; }
  html[data-magstyle="ios-maglink-2027"] #settings-body .appearance-choice { min-height: 64px; }
}