/* Shared settings and opt-in portal-wide appearance. Original layouts retained. */
:root {
  --ps-bg:#f7f6f2; --ps-surface:#fff; --ps-text:#102a35; --ps-muted:#52646c;
  --ps-border:#d8dfdf; --ps-accent:#00756d; --ps-soft:#e8f3f1;
  --ps-wallpaper:none; --ps-glass:rgba(255,255,255,.94);
  --ps-on-accent:#fff;
  --ps-radius:12px; --ps-speed:180ms cubic-bezier(.16,1,.3,1);
}
[data-portal-theme="dark"] {
  color-scheme:dark;
  --ps-bg:#111e25; --ps-surface:#1b2b34; --ps-text:#eaf1f3; --ps-muted:#b2c2ca;
  --ps-border:#41535c; --ps-accent:#79d5c9; --ps-soft:#243f44; --ps-glass:rgba(27,43,52,.96);
  --ps-on-accent:#111e25;
}
[data-portal-accent="blue"] { --ps-accent:#2164b2; --ps-soft:#eaf1fa; }
[data-portal-accent="rose"] { --ps-accent:#a23e60; --ps-soft:#f9edf1; }
[data-portal-accent="amber"] { --ps-accent:#8c570d; --ps-soft:#fbf1e0; }
[data-portal-theme="dark"][data-portal-accent="blue"] { --ps-accent:#95c4ff; --ps-soft:#243950; }
[data-portal-theme="dark"][data-portal-accent="rose"] { --ps-accent:#ffafc7; --ps-soft:#442d3c; }
[data-portal-theme="dark"][data-portal-accent="amber"] { --ps-accent:#edc17b; --ps-soft:#423a2d; }
.ps-personalised .portal-body {
  --ink:var(--ps-text); --ink-soft:var(--ps-text); --cloud:var(--ps-surface);
  --linen:var(--ps-bg); --linen-warm:var(--ps-soft); --stone:var(--ps-muted);
  --stone-light:var(--ps-muted); --slate:var(--ps-muted); --line:var(--ps-border);
  --line-strong:var(--ps-border); --teal:var(--ps-accent);
  --teal-quiet:var(--ps-soft); color:var(--ps-text); background:var(--ps-bg);
}
.ps-personalised :is(.gm-app,.gm-dialog) {
  --gm-bg:var(--ps-bg); --gm-panel:var(--ps-surface); --gm-text:var(--ps-text);
  --gm-muted:var(--ps-muted); --gm-line:var(--ps-border); --gm-accent:var(--ps-accent); --gm-soft:var(--ps-soft);
}
.ps-personalised .gm-primary { color:var(--ps-on-accent); }
.ps-personalised .portal-top { background:var(--ps-glass); color:var(--ps-text); }
.ps-personalised .portal-side { background:#102a35; --ink:#fff; --cloud:#fff; }
.ps-personalised .portal-side .brand-name,.ps-personalised .portal-side .pnav-assistant strong { color:#fff; }
.ps-personalised .portal-side a,.ps-personalised .portal-side button { color:#c9d7dc; }
.ps-personalised .portal-side a[aria-current="page"] { background:var(--ps-accent); color:var(--ps-on-accent); box-shadow:none; }
.ps-personalised .portal-side a[aria-current="page"] .pnav-assistant strong { color:inherit; }
.ps-personalised .portal-body :is(.p-card,.form-card,.admin-card,.w-state,.w-opp,.w-proposal) {
  background:var(--ps-glass); color:var(--ps-text); border-color:var(--ps-border);
}
.ps-personalised .portal-body :is(input,select,textarea) { background:var(--ps-surface); color:var(--ps-text); border-color:var(--ps-border); }
.ps-personalised .portal-body .btn-primary { color:var(--ps-on-accent); background:var(--ps-accent); }
.ps-personalised .portal-body :is(.p-btn,.btn-ghost) { color:var(--ps-text); border-color:var(--ps-border); background:var(--ps-surface); }
.ps-personalised .portal-body :is(th,td) { border-color:var(--ps-border); }
.ps-personalised .portal-body {
  --cx-bg:var(--ps-bg); --cx-panel:var(--ps-glass); --cx-solid:var(--ps-surface);
  --cx-line:var(--ps-border); --cx-line-strong:var(--ps-border); --cx-text:var(--ps-text);
  --cx-muted:var(--ps-muted); --cx-faint:var(--ps-muted); --cx-accent:var(--ps-accent);
  --cx-accent-soft:var(--ps-soft); --cx-theirs:var(--ps-soft);
}
[data-portal-theme="dark"] .portal-body :is(th,.p-table thead,.data thead) { background:var(--ps-soft); color:var(--ps-text); }
[data-portal-theme="dark"] .portal-body :is(.portal-top-title span,.form-note,.portal-user-name,.admin-role) { color:var(--ps-muted); }
/* Readability contract. Keep surfaces, labels and on-accent text paired.
   Scope to portal UI, never authored documents, message bodies or robot artwork. */
.ps-personalised .portal-body {
  --teal-hover:var(--ps-accent); --p-text:var(--ps-text); --p-ink:var(--ps-text);
  --p-muted:var(--ps-muted); --p-line:var(--ps-border);
}
.ps-personalised .portal-side [aria-current="page"] :is(strong,small) { color:inherit; }
.ps-personalised .portal-body :is(input,select,textarea)::placeholder {
  color:var(--ps-muted); opacity:1;
}
.ps-personalised .portal-body :is(option,optgroup) {
  color:var(--ps-text); background:var(--ps-surface);
}
.ps-personalised .portal-body :is(input,select,textarea):focus-visible {
  outline:2px solid var(--ps-accent); outline-offset:3px;
}
[data-portal-theme="dark"] .portal-body {
  --ok:#9bdfbb; --ok-bg:#203e34; --warn:#edc17b; --warn-bg:#423a2d;
  --interview:#a8cdff; --interview-bg:#243950; --danger:#ffb4ad; --danger-bg:#492e34;
  --seaglass:#a6e2d8;
  /* ORLA's local labels previously stayed dark against dark portal surfaces. */
  --ol-label:var(--ps-text); --ol-label-2:var(--ps-muted); --ol-label-3:var(--ps-muted);
  --ol-fill:var(--ps-surface); --ol-fill-2:var(--ps-soft); --ol-sep:var(--ps-border);
  --ol-accent:var(--ps-accent); --ol-accent-2:var(--ps-accent); --ol-tint:var(--ps-soft);
  --ol-green:var(--ok); --ol-orange:var(--warn); --ol-red:var(--danger); --ol-glass:var(--ps-glass);
}
[data-portal-theme="dark"] .portal-body :is(.btn-primary,.gm-primary) :is(strong,span,small) {
  color:inherit;
}
[data-portal-theme="dark"] .portal-body :is(.btn-ink,.portal-avatar,.admin-count,.portal-badge) {
  background:var(--ps-accent); color:var(--ps-on-accent);
}
[data-portal-theme="dark"] .portal-body :is(.btn-primary,.gm-primary):hover {
  background:color-mix(in srgb,var(--ps-accent) 85%,white);
  color:var(--ps-on-accent);
}
[data-portal-theme="dark"] .portal-body :is(.p-btn,.btn-ghost):hover {
  background:var(--ps-soft); color:var(--ps-text);
}
[data-portal-theme="dark"] .portal-body :is(.p-focus,.p-entry,.p-stat,.p-inline-field select,
  .a-filter-right select,.a-filter-right input[type="search"],.a-notes li,
  .wu-staff,.ad-context,.ad-panel,.ad-browser,.ad-portals button,
  .finn-panel,.finn-panel button,.finn-status,.we-tools,.we-tools-close,
  .we-tools-grid>a,.we-tools-grid>button,.we-motion-toggle,.we-badges span,
  .eva-tools,.eva-tools-close,.eva-tool-links a,.eva-hd-dialog,.eva-design-studio,
  .eva-design-card,.eva-float-choices button,.eva-moment-buttons button,.eva-sound,
  .eva-duet,.eva-small-dialogue,.we-eva-reply) {
  background:var(--ps-surface); color:var(--ps-text); border-color:var(--ps-border);
}
[data-portal-theme="dark"] .portal-body :is(.ad-tag,.we-tools-grid>a:hover,
  .we-tools-grid>button:hover,.we-tools-close:hover,.we-motion-toggle:hover,
  .eva-design-card:hover,.finn-panel button:hover) {
  background:var(--ps-soft); color:var(--ps-text); border-color:var(--ps-border);
}
[data-portal-theme="dark"] .portal-body :is(.ad-panel,.ad-context,.ad-browser,
  .finn-panel,.finn-status,.we-tools,.eva-tools,.eva-design-studio)
  :is(h1,h2,h3,h4,label,legend,strong) { color:var(--ps-text); }
[data-portal-theme="dark"] .portal-body :is(.ad-panel,.ad-context,.ad-browser,
  .finn-panel,.we-tools,.eva-tools) :is(p,small) { color:var(--ps-muted); }
[data-portal-theme="dark"] .portal-body :is(.ps-status.is-error,.ps-save-status.is-error) {
  color:var(--danger); background:var(--danger-bg);
}
[data-portal-theme="dark"] .portal-body :is(.p-table,.data) tbody tr:hover {
  background:var(--ps-soft); color:var(--ps-text);
}
/* Bridge independently scoped module tokens, including top-layer dialogs. */
[data-portal-theme="dark"] :is(.gd,.gd-dialog,.gd-editor) {
  --gd-ink:var(--ps-text); --gd-muted:var(--ps-muted); --gd-line:var(--ps-border);
  --gd-bg:var(--ps-surface); --gd-surface:var(--ps-bg); --gd-blue:var(--ps-accent);
}
[data-portal-theme="dark"] body[data-portalnav="drive"] .portal-content {
  background:var(--ps-bg);
}
[data-portal-theme="dark"] :is(.gd-btn.primary,.kv .kv-primary,.kv-mini-pop .kv-primary) {
  color:var(--ps-on-accent); background:var(--ps-accent); border-color:var(--ps-accent);
}
[data-portal-theme="dark"] :is(.gd-btn.primary,.kv .kv-primary,.kv-mini-pop .kv-primary):hover {
  color:var(--ps-on-accent); background:color-mix(in srgb,var(--ps-accent) 85%,white);
}
[data-portal-theme="dark"] :is(.gd-filters>button.is-active,.gd-view-switch button.is-active,
  .gd-menu-items>button:hover) { background:var(--ps-soft); color:var(--ps-text); }
[data-portal-theme="dark"] .gd-editor-body { background:var(--ps-bg); }
/* The white document sheet and its authored formatting intentionally stay paper. */
[data-portal-theme="dark"] .gd-paper {
  --ink:#242b33; --ink-soft:#242b33; --slate:#242b33; --stone:#59636d;
}
[data-portal-theme="dark"] .gm-app,[data-portal-theme="dark"] .gm-dialog {
  --gm-danger:var(--danger);
}
[data-portal-theme="dark"] .ta {
  --ta-text:var(--ps-text); --ta-muted:var(--ps-muted); --ta-line:var(--ps-border);
  --ta-glass:var(--ps-glass); --ta-teal:var(--ps-accent);
  --ta-ok:var(--ok); --ta-warn:var(--warn); --ta-bad:var(--danger);
}
[data-portal-theme="dark"] .ad {
  --ad-ink:var(--ps-text); --ad-muted:var(--ps-muted); --ad-line:var(--ps-border);
  --ad-bg:var(--ps-bg); --ad-accent:var(--ps-accent);
}
[data-portal-theme="dark"] .portal-body :is(.ta-notice,.ta-purpose,.ta-drop,.ta-file,
  .ta-chips li,.ta-btn-ghost,.ta-hrow,.ta-module,.ta-box,.ta-sheet,
  .ta-summary div,.ta-skips div,.ta-confirm,.ta-flight li,.ta-details,
  .ta-details button,.ol-card,.ol-banner,.ol-emp,.ol-sheet,
  .ol-select,.ol-input,.ol-textarea,.ol-seg button[aria-pressed="true"]) {
  color:var(--ps-text); background:var(--ps-surface); border-color:var(--ps-border);
}
[data-portal-theme="dark"] .portal-body :is(.ta-notice.warn,.ta-count.over,.ta-pill.next) {
  color:var(--warn); background:var(--warn-bg);
}
[data-portal-theme="dark"] .portal-body :is(.ta-chips li.bad,.ta-pill.bad,
  .ta-problems,.ta-flight li.failed,.ta-btn-danger) {
  color:var(--danger); background:var(--danger-bg);
}
[data-portal-theme="dark"] .portal-body :is(.ta-pill.live,.ta-flight li.sent) {
  color:var(--ok); background:var(--ok-bg);
}
[data-portal-theme="dark"] .portal-body .ol-btn {
  color:var(--ps-on-accent);
}
[data-portal-theme="dark"] .portal-body :is(.ol-btn.ol-2,.ol-btn.ol-3) {
  color:var(--ps-accent);
}
[data-portal-theme="dark"] .portal-body .ol-btn.ol-danger { color:var(--danger); }
/* Previewed employer emails remain light paper, including inherited text tokens.
   Do not override authored colours or change the email that will actually send. */
[data-portal-theme="dark"] .portal-body :is(.ol-mail,.ta-mail) {
  --ol-label:#1d1d1f; --ol-label-2:#595960; --ol-label-3:#595960;
  --ta-text:#10232c; --ta-muted:#5a6b72; --ink:#102a35; --slate:#1e2a30;
  color:#10232c; background:#fff;
}
[data-portal-text="large"] { font-size:112.5%; }
[data-portal-density="compact"] .portal-content { padding:var(--sp-4); }
[data-portal-density="compact"] :is(.p-card,.admin-card,.ps-detail) { padding:var(--sp-4); }
[data-portal-density="compact"] .portal-nav a { padding-block:var(--sp-2); min-height:44px; }
[data-wallpaper="atlantic"] { --ps-wallpaper:radial-gradient(ellipse at 15% 90%,#c2e3e0 0,transparent 55%),linear-gradient(145deg,#183f59,#6eacae 50%,#d7e8df); }
[data-wallpaper="glen"] { --ps-wallpaper:radial-gradient(ellipse at 20% 100%,#254b3d,transparent 65%),linear-gradient(155deg,#c4d6c1,#779b79 55%,#334f45); }
[data-wallpaper="sand"] { --ps-wallpaper:linear-gradient(145deg,#f7e9cd 5%,#d8c3a2 50%,#b19479); }
[data-wallpaper="dusk"] { --ps-wallpaper:linear-gradient(145deg,#b0d9e1,#ebd6b7 60%,#bb8f6b); }
[data-wallpaper="dusk"][data-daylight="night"] { --ps-wallpaper:linear-gradient(145deg,#132838,#3b5262 55%,#907967); }
[data-wallpaper="aurora"] { --ps-wallpaper:radial-gradient(ellipse at 30% 100%,#6baf8f,transparent 50%),linear-gradient(130deg,#102b35,#316d70 45%,#192f43); }
.ps-personalised:not([data-wallpaper="none"]) .portal-main,
.ps-personalised:not([data-wallpaper="none"])[data-wallpaper-scope="sidebar"] .portal-side {
  background-image:var(--ps-wallpaper); background-size:160% 160%; background-attachment:fixed;
}
.ps-personalised[data-wallpaper-scope="sidebar"] .portal-main { background-image:none; }
.ps-personalised:not([data-wallpaper="none"])[data-wallpaper-scope="workspace"] .portal-content > :is(.p-page-head,.p-welcome,.page-head) {
  background:var(--ps-glass); border-radius:var(--ps-radius); padding:var(--sp-4);
}
.ps-personalised:not([data-wallpaper="none"])[data-wallpaper-scope="sidebar"] .portal-side {
  background-blend-mode:multiply; background-color:#344953;
}
.ps-personalised:is([data-wallpaper="atlantic"],[data-wallpaper="aurora"]):not([data-portal-motion="reduced"]) :is(.portal-main,.ps-swatch[data-wallpaper="atlantic"],.ps-swatch[data-wallpaper="aurora"]) {
  animation:ps-tide 28s ease-in-out infinite alternate;
}
.ps-personalised:is([data-wallpaper="atlantic"],[data-wallpaper="aurora"])[data-wallpaper-scope="sidebar"]:not([data-portal-motion="reduced"]) .portal-side {
  animation:ps-tide 28s ease-in-out infinite alternate;
}
@keyframes ps-tide { from { background-position:0% 20%; } to { background-position:100% 80%; } }
[data-portal-motion="reduced"] .portal-body *,[data-portal-motion="reduced"] .portal-body *::before,[data-portal-motion="reduced"] .portal-body *::after {
  animation:none !important; transition:none !important; scroll-behavior:auto !important;
}
[data-portal-transparency="false"] { --ps-glass:var(--ps-surface); }
[data-portal-transparency="false"] .portal-body * { backdrop-filter:none !important; }
.ps-settings-shortcut { font-size:var(--text-micro); padding:var(--sp-2) var(--sp-3); border:1px solid var(--ps-border); border-radius:8px; color:var(--ps-text); min-height:44px; display:inline-flex; align-items:center; }
.ps-settings { color:var(--ps-text); max-width:1160px; margin-inline:auto; padding:var(--sp-6); background:var(--ps-glass); border:1px solid var(--ps-border); border-radius:16px; }
.ps-settings [hidden] { display:none !important; }
.ps-settings :is(h1,h2,h3,strong) { color:var(--ps-text); }
.ps-settings h1 { font-size:clamp(1.5rem,1.2rem + 1vw,2rem); margin:0 0 var(--sp-2); }
.ps-settings h2 { font-size:var(--text-sub); margin:0 0 var(--sp-2); }
.ps-settings p { font-size:var(--text-small); color:var(--ps-muted); max-width:65ch; }
.ps-heading { display:flex; gap:var(--sp-4); justify-content:space-between; align-items:center; margin-bottom:var(--sp-4); }
.ps-heading .eyebrow { font-size:var(--text-micro); margin-bottom:var(--sp-2); color:var(--ps-accent); letter-spacing:.1em; }
.ps-heading p { margin:0; }
.ps-status { padding:var(--sp-3) var(--sp-4); background:var(--ps-soft); border-radius:8px; min-height:44px; }
.ps-status.is-error { color:#a33434; background:#fff0ed; }
.ps-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:var(--sp-6); margin-top:var(--sp-6); }
.ps-categories { display:flex; flex-direction:column; gap:var(--sp-2); align-self:start; }
.ps-categories button { text-align:left; border:0; border-radius:8px; padding:var(--sp-3) var(--sp-4); min-height:44px; font:inherit; font-size:var(--text-small); color:var(--ps-muted); background:transparent; cursor:pointer; }
.ps-categories button[aria-pressed="true"] { background:var(--ps-soft); color:var(--ps-accent); font-weight:600; }
.ps-categories p { font-size:var(--text-micro); margin:var(--sp-4) var(--sp-3); }
.ps-detail { min-width:0; border-left:1px solid var(--ps-border); padding-left:var(--sp-6); }
.ps-section-head { margin-bottom:var(--sp-5); }
.ps-section-head p { margin-bottom:0; }
.ps-settings fieldset { border:0; margin:0; padding:0; min-width:0; }
.ps-settings .ps-fieldset { margin-bottom:var(--sp-6); }
.ps-fieldset legend { font-size:var(--text-small); font-weight:600; margin-bottom:var(--sp-3); }
.ps-fieldset > p { margin:var(--sp-3) 0; }
.ps-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-4); }
.ps-mode,.ps-wallpaper { display:flex; flex-direction:column; gap:var(--sp-2); min-width:0; position:relative; cursor:pointer; font-size:var(--text-small); }
.ps-mode input,.ps-wallpaper input { position:absolute; opacity:0; width:1px; height:1px; }
.ps-mini { height:88px; border:1px solid #c9d3d5; border-radius:10px; padding:var(--sp-3); padding-left:32%; position:relative; display:flex; flex-direction:column; gap:var(--sp-2); overflow:hidden; }
.ps-mini::before { content:""; position:absolute; width:25%; inset:0 auto 0 0; background:#d9e4e5; }
.ps-mini i { height:12px; border-radius:3px; background:#d1e0e0; }
.ps-mini i:last-child { width:65%; }
.ps-mini-light { background:#f9fbfb; }
.ps-mini-dark { background:#1b2b34; }
.ps-mini-dark::before { background:#10232e; }
.ps-mini-dark i { background:#46606d; }
.ps-mini-auto { background:linear-gradient(90deg,#f9fbfb 50%,#1b2b34 50%); }
.ps-mini-auto i { background:#9db6c0; }
.ps-mode:has(input:checked) .ps-mini,.ps-wallpaper:has(input:checked) .ps-swatch { outline:3px solid var(--ps-accent); outline-offset:3px; }
.ps-mode:has(input:focus-visible) .ps-mini,.ps-wallpaper:has(input:focus-visible) .ps-swatch { outline:3px dashed var(--ps-accent); outline-offset:5px; }
.ps-wallpapers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-5) var(--sp-4); margin-top:var(--sp-4); }
.ps-swatch { display:block; border-radius:10px; height:90px; background-image:var(--ps-wallpaper); background-size:160% 160%; border:1px solid var(--ps-border); }
.ps-swatch[data-wallpaper="none"] { background:#f1f0eb; }
.ps-wallpaper small { font-size:var(--text-micro); color:var(--ps-muted); }
.ps-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-4); margin-bottom:var(--sp-5); }
.ps-options label { display:grid; gap:var(--sp-2); font-size:var(--text-small); }
.ps-options select { width:100%; min-height:44px; border:1px solid var(--ps-border); border-radius:8px; padding:var(--sp-2) var(--sp-3); font:inherit; }
.ps-savebar { display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:center; padding-top:var(--sp-5); border-top:1px solid var(--ps-border); }
.ps-savebar button { min-height:44px; }
.ps-settings .p-btn { display:inline-flex; align-items:center; justify-content:center; padding:var(--sp-2) var(--sp-4); min-height:44px; border:1px solid var(--ps-border); border-radius:8px; font:inherit; font-size:var(--text-small); cursor:pointer; text-decoration:none; }
.ps-save-status { flex-basis:100%; margin:0; font-size:var(--text-micro) !important; }
.ps-save-status.is-error { color:#a33434; background:#fff0ed; padding:var(--sp-3); border-radius:8px; }
.ps-reset { font:inherit; font-size:var(--text-micro); border:0; background:transparent; color:var(--ps-muted); padding:var(--sp-2); cursor:pointer; margin-left:auto; text-decoration:underline; }
.ps-check { display:flex; gap:var(--sp-3); align-items:center; margin-bottom:var(--sp-5); cursor:pointer; min-height:44px; }
.ps-check input { width:22px; height:22px; accent-color:var(--ps-accent); }
.ps-check small { display:block; color:var(--ps-muted); font-size:var(--text-small); }
.ps-account { display:grid; grid-template-columns:130px minmax(0,1fr); gap:var(--sp-3); font-size:var(--text-small); padding-bottom:var(--sp-5); margin:0; }
.ps-account dt { color:var(--ps-muted); }
.ps-account dd { margin:0; overflow-wrap:anywhere; }
.ps-links { border-block:1px solid var(--ps-border); margin-bottom:var(--sp-5); }
.ps-links a { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); padding:var(--sp-4) 0; color:var(--ps-text); min-height:64px; border-bottom:1px solid var(--ps-border); }
.ps-links a:last-child { border-bottom:0; }
.ps-links small { display:block; color:var(--ps-muted); font-size:var(--text-small); margin-top:var(--sp-1); }
.ps-links a:hover { color:var(--ps-accent); }
.ps-legacy { margin-top:var(--sp-5); background:var(--ps-surface); border:1px solid var(--ps-border); border-radius:12px; padding:var(--sp-5); }
.ps-legacy summary { cursor:pointer; min-height:44px; }
.ps-settings :is(button,a,select) { transition:box-shadow var(--ps-speed); }
.ps-settings :is(button,a):focus-visible { outline:3px solid var(--ps-accent); outline-offset:3px; }
.ps-settings fieldset:disabled { opacity:.65; }
.ps-settings button:disabled { cursor:wait; }
@media (prefers-reduced-motion:reduce) {
  .ps-personalised .portal-body * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media (max-width:850px) {
  .ps-layout { grid-template-columns:1fr; gap:var(--sp-5); }
  .ps-categories { flex-direction:row; flex-wrap:wrap; gap:var(--sp-1); }
  .ps-categories p { display:none; }
  .ps-categories button { flex:1 1 auto; padding:var(--sp-3); }
  .ps-detail { border-left:0; padding-left:0; }
}
@media (max-width:480px) {
  .ps-settings { padding:var(--sp-4); border-radius:12px; }
  .ps-heading { align-items:flex-start; flex-direction:column; }
  .ps-wallpapers { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-options { grid-template-columns:1fr; }
  .ps-modes { gap:var(--sp-3); }
  .ps-mini { height:72px; }
  .ps-account { grid-template-columns:1fr; gap:var(--sp-1); }
  .ps-account dd { margin-bottom:var(--sp-3); }
  .ps-reset { margin-left:0; }
  .ps-settings-shortcut { padding:var(--sp-2); }
}
