/* German in Context · Editorial Settings v2
   Consolidated design for /settings only. Keeps all existing form names and JS hooks.
   The shared theme/reduced-motion contract is appended unchanged from Settings V1. */
.gic-settings-page {
  --gic-settings-ink: #123e38;
  --gic-settings-green: #116b5c;
  --gic-settings-gold: #ad8138;
  --gic-settings-muted: #677f78;
  --gic-settings-edge: rgba(23,78,69,.14);
  --gic-settings-paper: #fffdf9;
  box-sizing: border-box;
  min-height: calc(100vh - 70px);
  overflow-x: clip;
  padding: clamp(18px, 4.5vw, 42px) 12px 66px;
  color: var(--gic-settings-ink);
  background:
    radial-gradient(ellipse 63% 330px at 100% 0%, rgba(165,199,182,.30), transparent 85%),
    radial-gradient(ellipse 80% 290px at -18% 62%, rgba(215,202,167,.20), transparent 85%),
    linear-gradient(155deg, #fdfbf5 2%, #f6f9f4 65%, #edf4ee 100%);
  font-family: Manrope, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.gic-settings-page *, .gic-settings-page *::before, .gic-settings-page *::after { box-sizing:border-box; }
.gic-settings-page :is(a, button, input, select, summary):focus-visible {
  outline: 3px solid #c59c55;
  outline-offset: 3px;
}
.gic-settings-shell {
  position: relative;
  width: min(790px, 100%);
  margin: 0 auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.gic-settings-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-height: 206px;
  padding: clamp(22px,4vw,33px) clamp(21px,4vw,36px) 29px;
  border: 1px solid rgba(186,177,138,.14);
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 4%,rgba(170,204,183,.34),transparent 55%),
    linear-gradient(120deg,rgba(255,254,250,.92),rgba(247,249,241,.76));
  box-shadow: 0 17px 43px rgba(41,65,52,.055);
  overflow: hidden;
}
.gic-settings-hero-copy { position:relative;z-index:1;max-width:560px; }
.gic-settings-kicker {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .26em;
  line-height: 1.5;
  color: var(--gic-settings-gold);
}
.gic-settings-hero h1 {
  margin: 11px 0 5px;
  color: #0d4b42;
  font: 700 clamp(48px,6.4vw,66px)/.99 Newsreader, Georgia, serif;
  letter-spacing: -.052em;
}
.gic-settings-hero p {
  max-width: 475px;
  margin: 17px 0 0;
  font-size: clamp(13px,1.6vw,15px);
  line-height: 1.8;
  color: #637a72;
}
.gic-settings-close {
  position: relative;
  z-index: 3;
  flex: 0 0 49px;
  width: 49px;
  height: 49px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(44,99,89,.17);
  background: rgba(252,255,252,.80);
  box-shadow: 0 8px 20px rgba(45,81,71,.09);
  color: #24594f;
  font: 400 30px/1 system-ui, sans-serif;
  text-decoration: none;
  transition: background .16s ease, transform .16s ease;
}
.gic-settings-close:is(:hover,:focus-visible){background:#ecf6ef;transform:translateY(-1px)}
.gic-settings-hero-art {
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:0;
  top:0;
  width:min(54%,330px);
  height:100%;
  opacity:.85;
}
.gic-settings-hero-art svg{width:100%;height:100%;object-fit:cover;object-position:right center}
.gic-settings-hero-art>span {
  position:absolute;
  top:46%;
  right:10%;
  color: #ab8139;
  opacity:.8;
  font: italic 500 15px/1.32 Newsreader,Georgia,serif;
  text-align:left;
}
.gic-settings-saved {
  margin: 14px 3px;
  padding: 13px 18px;
  border-radius: 14px;
  border: 1px solid #b7dfc7;
  color: #17674d;
  background: #e9f6ed;
  font-size: 13px;
  font-weight: 800;
}
.gic-settings-form { display: grid; gap: 17px; padding: 19px 4px 0; }
.gic-settings-group {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(29,82,69,.10);
  border-radius: 27px;
  background: var(--gic-settings-paper);
  box-shadow: 0 16px 35px rgba(24,66,57,.075), 0 2px 5px rgba(24,66,57,.027);
  transition: box-shadow .16s ease, border-color .16s ease;
}
.gic-settings-group[open] { border-color:rgba(52,111,90,.16);box-shadow:0 18px 45px rgba(24,66,57,.09); }
.gic-settings-group>summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 23px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.gic-settings-group>summary::-webkit-details-marker{display:none}
.gic-settings-section-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 19px;
  background:linear-gradient(135deg,#276f60,#104f45);
  color:#fffdf4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 20px rgba(19,82,69,.1);
}
.gic-settings-section-icon svg{width:27px;height:27px}
.gic-settings-section-icon--clock {color:#9c7229;background:linear-gradient(145deg,#fffaf0,#f6edda);box-shadow:inset 0 0 0 1px rgba(174,130,51,.13)}
.gic-settings-section-icon--notifications {background:linear-gradient(145deg,#eff5ef,#e0eee6);color:#185b50;box-shadow:inset 0 0 0 1px rgba(30,104,82,.10)}
.gic-settings-section-icon--audio {background:linear-gradient(145deg,#eff6f3,#d8ebe4);color:#186b5a;box-shadow:inset 0 0 0 1px rgba(30,104,82,.12)}
.gic-settings-section-icon--accessibility {background:linear-gradient(145deg,#fff9ec,#f0e8d6);color:#947332;box-shadow:inset 0 0 0 1px rgba(180,139,68,.14)}
.gic-settings-group>summary .gic-settings-summary-text { flex:1 1 auto;min-width:0;display:grid;gap:4px; }
.gic-settings-group>summary b {
  font: 600 clamp(21px,3vw,27px)/1.05 Newsreader,Georgia,serif;
  letter-spacing: -.02em;
  color: #173e37;
}
.gic-settings-group>summary small {
  font: 500 12px/1.5 Manrope,system-ui,sans-serif;
  color: #72867e;
}
.gic-settings-group>summary>i {
  flex:0 0 auto;
  margin-left:auto;
  font-style:normal;
  font-size:24px;
  line-height:1;
  color: #28594e;
  transition: transform .16s ease;
}
.gic-settings-group[open]>summary>i{transform:rotate(180deg)}
.gic-settings-body {
  display:grid;
  gap:17px;
  padding: 0 26px 25px;
  border:0;
}
.gic-choice-grid {display:grid;gap:12px;}
.gic-choice-grid-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.gic-choice-card {position:relative;display:block;min-width:0;}
.gic-choice-card input {position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.gic-choice-face {
  position: relative;
  display:flex;
  min-height:117px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:17px 8px;
  border-radius:21px;
  border:1px solid #dce3df;
  background:linear-gradient(145deg,#fffdf9,#fbfcfa);
  box-shadow:0 8px 17px rgba(16,52,43,.035);
  color:#183e39;
  text-align:center;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.gic-choice-face svg {width:29px;height:29px;flex:0 0 auto;color:#145b51;}
.gic-choice-card--light .gic-choice-face svg{color:#be8c37}
.gic-choice-face strong{font-size:14px;font-weight:900;line-height:1.3}
.gic-choice-card input:checked+.gic-choice-face {
  color:#0d594e;
  border-color:#197c64;
  background:linear-gradient(135deg,#f0f7f1,#e2efe8);
  box-shadow:0 7px 17px rgba(24,91,70,.1),inset 0 0 0 1px rgba(27,120,93,.12);
}
.gic-choice-card input:checked+.gic-choice-face::after{
  content:'✓';
  position:absolute;
  right:8px;top:8px;
  display:grid;place-items:center;
  width:23px;height:23px;
  border-radius:50%;
  background:#136b59;
  color:white;
  font-size:14px;
  font-weight:900;
}
.gic-choice-card:is(:hover,:active) .gic-choice-face{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,58,48,.09)}
.gic-choice-card input:focus-visible+.gic-choice-face{outline:3px solid #c59c55;outline-offset:2px}
.gic-settings-schedule-wrap{display:grid;gap:13px;}
.gic-settings-schedule-wrap[hidden]{display:none!important}
.gic-schedule-row,.gic-field-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:13px;min-width:0}
.gic-schedule-row{padding-top:17px;border-top:1px solid #e3ebe6}
.gic-schedule-row[hidden]{display:none!important}
.gic-schedule-row label,.gic-field-row label,.gic-inline-time label,.gic-field-block {
  display:block;
  min-width:0;
  color:#506d63;
  font-size:12px;
  font-weight:800;
}
.gic-schedule-row label{flex:1 1 170px}
.gic-schedule-row input,.gic-field-row input,.gic-inline-time input,.gic-field-block select {
  width:100%;
  min-height:49px;
  display:block;
  margin-top:8px;
  padding:11px 12px;
  border:1px solid #d4dfd9;
  border-radius:15px;
  background:#fffefa;
  color:#173d37;
  font:700 14px/1.3 Manrope,system-ui,sans-serif;
  box-shadow:0 3px 9px rgba(25,64,54,.027);
}
.gic-field-grow{flex:1 1 220px;min-width:200px}
.gic-settings-help {
  margin:0;
  color:#75867d;
  font-size:12px;
  line-height:1.65;
}
.gic-settings-help--info{display:flex;align-items:center;gap:11px}
.gic-settings-info-mark{
  flex:0 0 29px;
  width:29px;height:29px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#e7f0e9;
  color:#306d5d;
  font:700 17px/1 Newsreader,Georgia,serif;
}
.gic-setting-toggle-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 15px;
  border:1px solid #e3ebe6;
  border-radius:17px;
  background:linear-gradient(135deg,#fffefb,#fbfcf8);
}
.gic-setting-toggle-row>span {flex:1;min-width:0;display:grid;gap:4px}
.gic-setting-toggle-row b{font-size:13px;color:#27594e}
.gic-setting-toggle-row small{font-size:11px;line-height:1.6;color:#74867e}
.gic-switch{position:relative;flex:0 0 49px;width:49px;height:28px;cursor:pointer}
.gic-switch input {position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.gic-switch i{display:block;width:49px;height:28px;border-radius:999px;background:#d8e3dc;box-shadow:inset 0 0 0 1px rgba(30,81,65,.1);transition:background .16s ease}
.gic-switch i::after{content:'';display:block;margin:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,60,50,.19);transition:transform .16s ease}
.gic-switch input:checked+i{background:#147763}
.gic-switch input:checked+i::after{transform:translateX(21px)}
.gic-switch input:focus-visible+i{outline:3px solid #c59c55;outline-offset:2px}
.gic-toggle-stack{gap:11px}
.gic-inline-time{display:block;max-width:310px}
.gic-field-block select{max-width:100%}
.gic-subtle-btn{
  display:inline-flex;justify-content:center;align-items:center;
  min-height:47px;padding:11px 15px;
  border:1px solid #d4e2da;border-radius:15px;
  background:#f8fcf9;color:#326456;
  font:800 12px/1.3 Manrope,system-ui,sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:background .14s ease;
}
.gic-subtle-btn:hover{background:#ecf5ee}
.gic-settings-actions{
  display:flex;justify-content:flex-end;align-items:center;
  gap:12px;
  padding:5px 0 0;
}
.gic-save-settings{
  min-height:47px;
  border:0;
  border-radius:15px;
  padding:11px 24px;
  background:linear-gradient(115deg,#136d5e,#0a8b72);
  box-shadow:0 9px 20px rgba(15,112,86,.17);
  color:#fff;
  font:900 13px/1.3 Manrope,system-ui,sans-serif;
  cursor:pointer;
}
.gic-save-settings:hover{filter:brightness(1.07)}
.gic-settings-brand-footnote {
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:20px 8px 0;
  color:#a78543;
  font-size:10px;
  font-weight:900;
  letter-spacing:.22em;
  text-align:center;
  text-transform:uppercase;
}
.gic-settings-brand-footnote span{display:block;width:35px;height:1px;background:linear-gradient(90deg,transparent,#bb9958)}
.gic-settings-brand-footnote span:last-child{transform:rotate(180deg)}
@media(max-width:680px){
  .gic-settings-page{padding:14px 10px 50px}
  .gic-settings-hero{min-height:200px;padding:25px 22px 28px;border-radius:27px}
  .gic-settings-hero h1{font-size:clamp(45px,11vw,57px)}
  .gic-settings-hero p{max-width:320px;font-size:13px}
  .gic-settings-hero-art{opacity:.45;width:60%}
  .gic-settings-hero-art>span{display:none}
  .gic-settings-form{padding:16px 1px 0;gap:14px}
  .gic-settings-group{border-radius:25px}
  .gic-settings-group>summary{padding:18px 18px;gap:12px}
  .gic-settings-section-icon{width:50px;height:50px;flex-basis:50px;border-radius:16px}
  .gic-settings-section-icon svg{width:25px;height:25px}
  .gic-settings-group>summary b{font-size:23px}
  .gic-settings-group>summary small{font-size:11px}
  .gic-settings-body{padding:0 17px 19px;gap:14px}
  .gic-choice-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gic-choice-face{min-height:105px;gap:9px;border-radius:19px}
  .gic-choice-face svg{width:28px;height:28px}
  .gic-choice-face strong{font-size:14px}
  .gic-settings-actions{padding:8px 3px 0}
}
@media(max-width:390px){
  .gic-settings-page{padding:10px 8px 42px}
  .gic-settings-hero{padding:20px 17px 23px;min-height:200px}
  .gic-settings-close{flex-basis:44px;width:44px;height:44px;font-size:28px}
  .gic-settings-hero p{max-width:245px}
  .gic-settings-hero h1{font-size:46px}
  .gic-settings-group>summary{padding:16px 14px;gap:10px}
  .gic-settings-section-icon{flex-basis:45px;width:45px;height:45px}
  .gic-settings-group>summary b{font-size:21px}
  .gic-settings-group>summary small{font-size:10px}
  .gic-settings-body{padding:0 13px 17px}
  .gic-schedule-row label{flex-basis:125px}
  .gic-setting-toggle-row{padding:11px}
}
@media(prefers-reduced-motion:reduce){
 .gic-settings-page *, .gic-settings-page *::before, .gic-settings-page *::after {transition:none!important;animation:none!important}
}

/* Theme layer */
html[data-gic-theme="dark"]{color-scheme:dark;--bg:#101816;--surface:#17211f;--soft:#1f2d29;--ink:#eaf4f1;--muted:#9eb0ab;--line:#30413d;--green:#60c6b7;--gold:#d5ae62;--goldsoft:#322d21;--shadow:0 22px 58px rgba(0,0,0,.28);--shadow-sm:0 10px 28px rgba(0,0,0,.20)}
html[data-gic-theme="dark"] body{background:#101816;color:#eaf4f1}html[data-gic-theme="dark"] header{background:#121c19!important}html[data-gic-theme="dark"] .card,html[data-gic-theme="dark"] .metric,html[data-gic-theme="dark"] .learn-card,html[data-gic-theme="dark"] .auth-card,html[data-gic-theme="dark"] .gic-settings-shell,html[data-gic-theme="dark"] .gic-settings-group{background:#17211f!important;border-color:#30413d!important;color:#eaf4f1!important}html[data-gic-theme="dark"] .gic-settings-page{background:linear-gradient(180deg,#111c19,#101816)}html[data-gic-theme="dark"] .gic-settings-hero,html[data-gic-theme="dark"] .gic-settings-body{border-color:#2b3a36}html[data-gic-theme="dark"] .gic-choice-card span,html[data-gic-theme="dark"] input,html[data-gic-theme="dark"] select,html[data-gic-theme="dark"] .gic-subtle-btn{background:#1c2825!important;border-color:#334540!important;color:#dbe9e5!important}html[data-gic-theme="dark"] .mobile-menu{background:#15201d!important}html[data-gic-theme="dark"] #mobileNav .mobile-menu-links a[aria-current="page"]{background:#22312d!important;color:#e9f4f1!important}html[data-gic-theme="dark"] .gic-notify-panel{background:#17211f!important;color:#eaf4f1!important}
html.gic-reduced-motion *,html.gic-reduced-motion *::before,html.gic-reduced-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.gic-large-text{font-size:112.5%}
html.gic-quiet-hours .gic-notify-badge{display:none!important}

/* Editor-style Settings dark theme: loaded after V1 theme variables and global rules. */
html[data-gic-theme="dark"] .gic-settings-page {
  --gic-settings-ink:#e9f5ed;--gic-settings-muted:#b4cbc1;--gic-settings-paper:#1b2924;
  color:#e6f3ea;
  background:radial-gradient(ellipse 80% 360px at 100% 0%,rgba(41,102,77,.28),transparent 85%),linear-gradient(150deg,#101c18,#15251e 78%,#10201a)!important;
}
html[data-gic-theme="dark"] .gic-settings-shell{background:transparent!important;border:0!important}
html[data-gic-theme="dark"] .gic-settings-hero {
  background:radial-gradient(circle at 100% 0%,rgba(74,130,101,.22),transparent 65%),linear-gradient(140deg,#1b3129,#1c2d27)!important;
  border-color:rgba(122,164,139,.18)!important;
}
html[data-gic-theme="dark"] .gic-settings-hero h1,html[data-gic-theme="dark"] .gic-settings-group>summary b{color:#e5f2e9!important}
html[data-gic-theme="dark"] .gic-settings-hero p,html[data-gic-theme="dark"] .gic-settings-group>summary small{color:#afc5b9!important}
html[data-gic-theme="dark"] .gic-settings-group {background:#1b2924!important;border-color:#34493f!important;box-shadow:0 15px 34px rgba(0,0,0,.20)}
html[data-gic-theme="dark"] .gic-settings-body{border:0!important}
html[data-gic-theme="dark"] .gic-choice-face,html[data-gic-theme="dark"] .gic-setting-toggle-row {
  background:#24372f!important;border-color:#39594a!important;color:#e5efe7!important;
}
html[data-gic-theme="dark"] .gic-choice-card input:checked+.gic-choice-face{
  background:linear-gradient(145deg,#215544,#254638)!important;border-color:#60b39a!important;color:#e7f7ee!important;
}
html[data-gic-theme="dark"] .gic-choice-face svg,html[data-gic-theme="dark"] .gic-setting-toggle-row b{color:#d7eee4!important}
html[data-gic-theme="dark"] .gic-choice-card--light .gic-choice-face svg{color:#e4bf73!important}
html[data-gic-theme="dark"] .gic-settings-help,html[data-gic-theme="dark"] .gic-setting-toggle-row small {color:#aec2b5!important}
html[data-gic-theme="dark"] .gic-settings-close{background:#243b32!important;border-color:#436052!important;color:#e0efe6!important}
html[data-gic-theme="dark"] .gic-schedule-row{border-color:#3b5045}
html[data-gic-theme="dark"] .gic-settings-section-icon--clock,html[data-gic-theme="dark"] .gic-settings-section-icon--notifications,html[data-gic-theme="dark"] .gic-settings-section-icon--audio,html[data-gic-theme="dark"] .gic-settings-section-icon--accessibility{background:#29473b!important;color:#d8dfc6!important}
html[data-gic-theme="dark"] .gic-settings-info-mark{background:#2d4a3d;color:#d2eadb}
html[data-gic-theme="dark"] .gic-settings-page :is(input[type="time"],input[type="text"],select){background:#20352b!important;color:#e7f4ed!important;border-color:#476052!important;color-scheme:dark}
html[data-gic-theme="dark"] .gic-settings-page .gic-subtle-btn{background:#23392f!important;color:#e0eee4!important;border-color:#476052!important}
html[data-gic-theme="dark"] .gic-settings-saved{background:#1f4a34!important;border-color:#3b7953!important;color:#c9f1d8!important}