.settings-overview { overflow: hidden; }
.settings-overview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.settings-overview-head h2 { margin: 0; color: #34442d; font-family: "Noto Serif SC", serif; font-size: 25px; }
.settings-overview-head p { max-width: 720px; margin: 7px 0 0; color: #828b7c; font-size: 13px; }
.settings-overview-status { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 31px; padding: 0 12px; border-radius: 99px; background: #f3ece8; color: #976153; font-size: 12px; font-weight: 800; }
.settings-overview-status.is-active { background: #e8f1e3; color: #4a713d; }
.settings-overview-note { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0 14px; padding: 13px 15px; border: 1px solid #e2eadf; border-radius: 10px; background: #f4f8f1; }
.settings-overview-note span { color: #4e6945; font-weight: 800; }
.settings-overview-note small { color: #879181; }
.settings-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.settings-summary-group { min-width: 0; padding: 18px; border: 1px solid #e7e1d6; border-radius: 12px; background: #fffdf8; }
.settings-summary-group h3 { margin: 0 0 12px; color: #40513a; font-size: 14px; }
.settings-summary-group dl { display: grid; margin: 0; }
.settings-summary-group dl > div { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr); gap: 16px; padding: 11px 0; border-top: 1px solid #eee9df; }
.settings-summary-group dt { color: #8c9385; font-size: 12px; }
.settings-summary-group dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: #35462f; font-size: 13px; font-weight: 750; text-align: right; }
.settings-summary-group dd small { display: block; margin-top: 3px; color: #92998e; font-weight: 500; }
.settings-overview-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin: 24px -27px -27px; padding: 17px 27px; border-top: 1px solid var(--line); background: rgba(255, 253, 248, .97); }
.settings-overview-actions p { flex: 1; margin: 0; color: #8e9588; font-size: 12px; }
.settings-overview-actions .primary { min-width: 112px; }
@media (max-width: 760px) {
  .settings-overview-head, .settings-overview-actions, .settings-overview-note { align-items: flex-start; flex-direction: column; }
  .settings-summary-grid { grid-template-columns: 1fr; }
  .settings-summary-group dl > div { grid-template-columns: 1fr; gap: 4px; }
  .settings-summary-group dd { text-align: left; }
  .settings-overview-actions { margin: 20px -17px -17px; padding: 15px 17px; }
  .settings-overview-actions .primary { width: 100%; }
}