/* Keep the settings grid transparent; its children provide the cards. */
html[data-theme="dark"] .profile-settings-layout { background:transparent; box-shadow:none; }
.su-theme-options { display:grid; gap:12px; min-width:0; margin:0; padding:0; border:0; }
.su-theme-options legend { margin:0 0 14px; padding:0; color:var(--text); font-size:16px; font-weight:800; }
.su-theme-option { display:grid; grid-template-columns:20px minmax(0,1fr) 42px; align-items:center; gap:14px; min-height:96px; margin:0; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface); cursor:pointer; transition:background .15s,border-color .15s; }
.su-theme-option.is-selected { border-color:var(--gold-deep); background:var(--gold-wash); }
.su-theme-option:hover { border-color:var(--gold-deep); }
.su-theme-option > span { min-width:0; }
.su-theme-option strong { display:block; color:var(--text); font-size:15px; line-height:1.5; }
.su-theme-option small { display:block; margin-top:4px; color:var(--text-soft); font-size:13px; line-height:1.6; }
.su-theme-options .su-theme-option > input[type="radio"] { appearance:auto; position:static; display:block; width:18px; height:18px; min-width:18px; margin:0; padding:0; opacity:1; accent-color:var(--gold-deep); cursor:pointer; }
.su-theme-options .su-theme-option > input[type="radio"]:focus-visible { outline:3px solid var(--gold-deep) !important; outline-offset:4px; }
.su-theme-option > i, .su-theme-option > svg { display:grid; place-items:center; width:42px; height:42px; padding:12px; border-radius:13px; background:var(--gold-wash); color:var(--gold-deep); font-size:18px; }
.su-theme-option > i { padding:0; }
.su-theme-current { margin:20px 0 8px; color:var(--text-soft); font-size:14px; }
.su-theme-current strong { color:var(--text); }
.su-theme-hint { margin:0; color:var(--text-soft); font-size:13px; line-height:1.7; }
.profile-settings-panel[data-settings-section="appearance"] .profile-settings-section-head p { color:var(--text-soft); }
.su-theme-save-state { margin:14px 0 0; color:var(--success); font-size:13px; }
.account-menu-panel [data-theme-preference-label] { font-style:normal; overflow-wrap:anywhere; }
.su-theme-solar-settings { margin-top:18px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface-2); }
.su-theme-solar-settings[hidden], .su-theme-city-results[hidden] { display:none !important; }
.su-theme-profile-location { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:12px; color:var(--text); }
.su-theme-profile-location > i { color:var(--gold-deep); }
.su-theme-profile-location > div { flex:1; min-width:150px; }
.su-theme-profile-location strong,.su-theme-profile-location span { display:block; font-size:13px; overflow-wrap:anywhere; }
.su-theme-profile-location span { margin-top:4px; color:var(--text-soft); font-size:12px; }
.su-theme-profile-location a { min-height:44px; }
.su-theme-profile-location a:focus-visible { outline:2px solid var(--gold-deep) !important; outline-offset:2px; }
.su-theme-solar-times { display:flex; flex-wrap:wrap; gap:12px 24px; margin:16px 0 8px; color:var(--text-soft); font-size:13px; }
.su-theme-solar-times > span { display:flex; align-items:center; gap:8px; }
.su-theme-solar-times i { color:var(--gold-deep); }
.su-theme-solar-times strong { color:var(--text); }
.su-theme-city-credit { display:block; margin-top:12px; color:var(--text-soft); font-size:10px; }
.su-theme-city-credit a { color:var(--gold-deep); text-decoration:underline; }
@media(max-width:700px) { .su-theme-option { grid-template-columns:18px minmax(0,1fr) 34px; gap:11px; padding:15px 12px; } .su-theme-option > i,.su-theme-option > svg { width:34px; height:34px; font-size:16px; } .su-theme-option > svg { padding:9px; } }