/* Lumen UI theme — visual layer only. Existing DOM ids, forms and workflows stay unchanged. */
:root{
  color-scheme:light;
  --lumen-bg:#edf2fb;
  --lumen-surface:rgba(255,255,255,.82);
  --lumen-surface-solid:#fff;
  --lumen-text:#232636;
  --lumen-muted:#85899a;
  --lumen-line:rgba(82,87,120,.12);
  --lumen-purple:#6e5fe7;
  --lumen-purple-2:#8a6cf1;
  --lumen-purple-soft:#eeeaff;
  --lumen-shadow:0 18px 50px rgba(79,73,137,.10),0 2px 8px rgba(69,74,108,.05);
  --lumen-shadow-soft:0 8px 24px rgba(79,73,137,.08);
  --topbar:82px;
  --sidebar:224px;
  --shell-gap:16px;
  font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--lumen-text);
  background:var(--lumen-bg);
}
*{scrollbar-width:thin;scrollbar-color:#c9c5df transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c9c5df;background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}
html,body{width:100%;height:100%;overflow:hidden}
body{
  min-height:0;
  grid-template-rows:var(--topbar) minmax(0,1fr);
  color:var(--lumen-text);
  background:
    radial-gradient(circle at 7% 86%,rgba(121,105,235,.18),transparent 30%),
    radial-gradient(circle at 93% 5%,rgba(255,188,192,.22),transparent 29%),
    radial-gradient(circle at 8% 2%,rgba(125,203,255,.20),transparent 28%),
    linear-gradient(135deg,#edf5ff 0%,#f8f7fd 48%,#f3effb 100%);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 36%,rgba(255,255,255,.12));
}

/* Header / brand */
body>header{
  position:relative;z-index:40;
  display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) auto;align-items:center;gap:var(--shell-gap);
  width:100%;max-width:none;height:var(--topbar);margin:0;padding:14px 16px 10px;
  border:0;background:transparent;backdrop-filter:none;
  transition:grid-template-columns .34s cubic-bezier(.2,.8,.2,1);
}
body>header::before{
  content:"";position:absolute;z-index:-1;top:14px;right:16px;bottom:10px;left:calc(var(--sidebar) + var(--shell-gap) + 16px);
  border:1px solid rgba(255,255,255,.76);border-radius:17px;background:rgba(255,255,255,.70);
  box-shadow:var(--lumen-shadow-soft);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  transition:left .34s cubic-bezier(.2,.8,.2,1);
}
.brand{
  position:relative;display:flex;align-items:center;gap:11px;width:100%;height:58px;padding:10px 42px 10px 14px;
  border:1px solid rgba(255,255,255,.82);border-radius:17px;background:rgba(255,255,255,.72);
  box-shadow:var(--lumen-shadow-soft);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  overflow:visible;
}
.brand-mark{
  display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:0;background:transparent;color:var(--lumen-purple);
  box-shadow:none;transform:translateZ(0);transition:transform .28s ease,filter .28s ease;
}
.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04);filter:drop-shadow(0 7px 9px rgba(92,72,217,.23))}
.brand-mark svg{display:block;width:31px;height:31px;fill:currentColor;stroke:none}
.brand-copy{min-width:0;transition:opacity .2s ease,transform .28s ease,max-width .3s ease;max-width:150px;white-space:nowrap;overflow:hidden}
body>header .brand h1{margin:0;color:#202433;font-size:20px;font-weight:760;line-height:1.05;letter-spacing:-.035em}
body>header .brand small{display:block;margin-top:3px;color:#9699a9;font-size:9px;font-weight:650;letter-spacing:.055em;text-transform:uppercase}
.sidebar-collapse-control{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sidebar-toggle{
  position:absolute;right:-13px;top:16px;z-index:5;display:grid;place-items:center;width:29px;height:29px;
  border:1px solid rgba(96,91,130,.11);border-radius:50%;background:#fff;color:#555966;
  box-shadow:0 5px 14px rgba(67,61,110,.14);cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.sidebar-toggle:hover{transform:translateX(-1px) scale(1.07);box-shadow:0 8px 18px rgba(67,61,110,.19);background:#fbfaff}
.sidebar-toggle:active{transform:scale(.95)}
.sidebar-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .34s cubic-bezier(.2,.8,.2,1)}
body>header>.pill{
  grid-column:3;position:relative;z-index:2;max-width:min(36vw,340px);margin-right:13px;padding:7px 12px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--lumen-line);border-radius:11px;
  background:rgba(255,255,255,.68);color:#4d5060;font-size:12px;font-weight:650;box-shadow:none;
}

/* Application shell */
body>main{
  position:relative;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--shell-gap);
  width:100%;max-width:none;height:calc(100dvh - var(--topbar));min-height:0;margin:0;padding:0 16px 16px;
  overflow:hidden;transition:grid-template-columns .34s cubic-bezier(.2,.8,.2,1);
}
#notice{right:22px;bottom:22px;z-index:120;border:1px solid rgba(255,255,255,.66);box-shadow:0 16px 42px rgba(54,55,84,.18);backdrop-filter:blur(18px);color:#fff}
#notice.ok:not(:empty){background:rgba(56,146,118,.92)}
#notice.bad:not(:empty){background:rgba(184,71,83,.94)}

nav{
  grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;gap:5px;min-width:0;height:auto;min-height:0;
  margin:0;padding:12px 10px;border:1px solid rgba(255,255,255,.82);border-radius:19px;
  background:rgba(255,255,255,.67);box-shadow:var(--lumen-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  overflow-x:hidden;overflow-y:auto;white-space:normal;transition:padding .28s ease;
}
nav button{
  position:relative;display:flex;align-items:center;gap:11px;flex:0 0 47px;width:100%;min-width:0;min-height:47px;padding:8px 10px;
  border:0;border-radius:11px;background:transparent;color:#4b4e5e;text-align:left;font-size:13px;font-weight:650;
  box-shadow:none;overflow:hidden;transition:background .22s ease,color .22s ease,transform .2s ease,box-shadow .24s ease,padding .28s ease;
}
nav button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.48),transparent 70%);transform:translateX(-130%);transition:transform .5s ease}
nav button:hover{background:rgba(238,235,253,.80);color:#343647;transform:translateX(2px)}
nav button:hover::after{transform:translateX(130%)}
nav button:active{transform:translateX(1px) scale(.985)}
nav button.active{
  background:linear-gradient(135deg,#6558e5 0%,#8370ef 100%);color:#fff;box-shadow:0 9px 22px rgba(100,82,225,.27),inset 0 1px rgba(255,255,255,.24)
}
.nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:currentColor;font-size:0;font-weight:inherit;transition:transform .22s ease}
nav button:hover .nav-icon{transform:scale(1.05)}
.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
nav button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .18s ease,max-width .3s ease,transform .3s ease;max-width:130px}
nav .badge{margin-left:auto}
.badge:not(:empty){display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;border:0;border-radius:999px;background:#fff;color:#6558df;font-size:10px;font-weight:800;box-shadow:0 2px 8px rgba(45,39,99,.12)}
nav button:not(.active) .badge:not(:empty){background:#eeebf9;color:#555968}
nav button>span[id$="Count"]{margin-left:auto;color:#9a9dad;font-size:10px;transition:opacity .18s ease}
nav button.active>span[id$="Count"]{color:rgba(255,255,255,.78)}

/* Collapsed sidebar */
@media(min-width:821px){
  body:has(#sidebarCollapse:checked){--sidebar:74px}
  body:has(#sidebarCollapse:checked) .brand{justify-content:center;padding-inline:12px}
  body:has(#sidebarCollapse:checked) .brand-copy{max-width:0;opacity:0;transform:translateX(-6px)}
  body:has(#sidebarCollapse:checked) .sidebar-toggle svg{transform:rotate(180deg)}
  body:has(#sidebarCollapse:checked) nav{padding-inline:12px}
  body:has(#sidebarCollapse:checked) nav button{justify-content:center;padding-inline:8px;overflow:visible}
  body:has(#sidebarCollapse:checked) nav button>span:nth-child(2){max-width:0;opacity:0;transform:translateX(-6px)}
  body:has(#sidebarCollapse:checked) nav button>span[id$="Count"]{display:none}
  body:has(#sidebarCollapse:checked) nav .badge:not(:empty){position:absolute;right:6px;top:5px;min-width:8px;width:8px;height:8px;padding:0;color:transparent;font-size:0;box-shadow:0 0 0 2px #fff}
  body:has(#sidebarCollapse:checked) nav button.active .badge:not(:empty){box-shadow:0 0 0 2px #7665eb;background:#fff}
}

/* Views / cards */
.view{
  grid-column:2;grid-row:1;min-width:0;min-height:0;height:auto;padding:18px 19px;
  border:1px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,255,255,.76);
  box-shadow:var(--lumen-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;
}
.view.active{display:flex;flex-direction:column;animation:lumenViewIn .28s cubic-bezier(.2,.75,.25,1) both}
@keyframes lumenViewIn{from{opacity:0;transform:translateY(5px) scale(.997)}to{opacity:1;transform:none}}
.section-head{flex:0 0 auto;min-height:57px;padding:0 2px 13px;align-items:center}
.section-head h2{margin:0;color:#242737;font-size:20px;font-weight:760;letter-spacing:-.025em}
.section-head p{margin:4px 0 0;color:var(--lumen-muted);font-size:12px;line-height:1.35}
small,p{color:var(--lumen-muted)}

button{border-radius:10px;background:linear-gradient(135deg,#6759e5,#7b68ed);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(103,89,229,.18);transition:transform .18s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}
button:hover{filter:brightness(1.025);box-shadow:0 9px 21px rgba(103,89,229,.23)}
button:active{transform:translateY(1px) scale(.99)}
button:disabled{filter:none;box-shadow:none;cursor:not-allowed}
.ghost,.stage-actions button,.card-footer button:first-child{background:#f0f1f6;color:#4d5060;box-shadow:none}
.link{background:none;color:#6658dc;box-shadow:none}
.primary-action{box-shadow:0 7px 19px rgba(103,89,229,.20);font-size:13px}

.table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--lumen-line);border-radius:14px;background:rgba(255,255,255,.64)}
table{width:100%;border-collapse:collapse;background:transparent;color:var(--lumen-text)}
th,td{padding:11px 12px;border-bottom:1px solid rgba(80,83,110,.08);font-size:12px;color:#444756}
th{position:sticky;top:0;z-index:2;background:rgba(248,248,252,.96);color:#9497a6;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.045em;backdrop-filter:blur(12px)}
tbody tr{transition:background .18s ease}tbody tr:hover{background:rgba(242,240,253,.58)}
.pill{padding:5px 9px;border:1px solid rgba(93,86,154,.09);border-radius:999px;background:#f0eef9;color:#646777;font-size:11px;box-shadow:none}
.pill.linked{background:#eef7f3;color:#43806d}

.cards{min-height:0;overflow:auto;padding:2px 4px 3px 1px;gap:8px}
.candidate,.request-card,.system-cards article,.region-cards article{
  border:1px solid rgba(82,87,120,.11);background:rgba(255,255,255,.78);color:var(--lumen-text);box-shadow:0 4px 12px rgba(73,75,110,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .22s ease,background .2s ease;
}
.candidate:hover,.request-card:hover,.region-cards article:hover{transform:translateY(-1px);border-color:rgba(110,95,231,.24);background:#fff;box-shadow:0 10px 24px rgba(76,71,128,.08)}
.avatar{background:#f0eefb;color:#595d6b;border:1px solid rgba(93,86,154,.08)}
.doc-count{color:#9295a4}
.empty{padding:30px;border:1px dashed rgba(82,87,120,.20);border-radius:12px;background:rgba(255,255,255,.30);color:#9a9dab}

/* Request tabs */
.request-tabs{display:flex;gap:6px;flex:0 0 auto;margin-bottom:10px;padding:3px;border-radius:11px;background:rgba(237,237,244,.70);overflow-x:auto}
.request-tabs button{padding:7px 12px;border-radius:8px;background:transparent;color:#7f8291;font-size:11px;box-shadow:none;white-space:nowrap}
.request-tabs button:hover{background:rgba(255,255,255,.72);color:#4a4d5d}
.request-tabs button.active{background:#fff;color:#5549c9;box-shadow:0 3px 11px rgba(68,65,101,.08)}
.compact-requests .request-card{cursor:pointer}
.request-card-result small{color:#9a9dab}
.request-details div{border:1px solid rgba(82,87,120,.10);background:#f9f9fc;color:#454857}
.request-meta{background:#f5f5fa;color:#555867}
.request-result{background:#f1f8f5;color:#3f675a}
.status-new{color:#5b64b3}.status-in_progress{color:#a36c26}.status-completed{color:#3d8469}.status-rejected{color:#a95160}

/* Chat */
.chat-layout{border:1px solid var(--lumen-line);border-radius:14px;background:rgba(255,255,255,.70);box-shadow:none}
.chat-layout aside{border-right:1px solid var(--lumen-line);background:rgba(247,247,251,.56)}
.chat-person{background:transparent;color:#454857;border-bottom:1px solid rgba(82,87,120,.08);box-shadow:none}
.chat-person:hover{background:#f0eefb;box-shadow:none;transform:none}
.chat-person.active{background:#ebe8fb;color:#4439a9}
.chat-header{border-bottom:1px solid var(--lumen-line);background:rgba(255,255,255,.64);color:#343746}
.chat-messages{background:linear-gradient(180deg,rgba(250,250,253,.72),rgba(246,246,251,.54))}
.bubble{background:#fff;color:#444756;border:1px solid rgba(82,87,120,.08);box-shadow:0 3px 10px rgba(70,72,100,.05)}
.bubble.outgoing{background:#6e61df;color:#fff;border-color:transparent}
.bubble.outgoing small{color:rgba(255,255,255,.7)}
.chat-compose{border-top:1px solid var(--lumen-line);background:rgba(255,255,255,.82)}
.chat-action{background:#f0f0f5;color:#5d6070;box-shadow:none}
.chat-action:hover:not(:disabled){background:#ebe8fb;color:#5144bd}
.chat-attach.has-file{background:#ebe8fb;color:#5144bd}
.chat-voice.recording{background:#b35762;color:#fff}
.chat-photo-loading{color:#9699a8;background:#f4f4f8}
.chat-photo,.chat-video{background:#eef0f5}
.unread{background:#6d60df;color:#fff}

/* Forms / dialogs */
input,select,textarea{
  border:1px solid rgba(81,84,112,.15);border-radius:10px;background:#f8f8fb;color:#353846;padding:10px 11px;outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
input:focus,select:focus,textarea:focus{border-color:rgba(105,89,229,.42);background:#fff;box-shadow:0 0 0 3px rgba(105,89,229,.09)}
label{color:#6d7080}
dialog{border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.94);color:var(--lumen-text);box-shadow:0 30px 90px rgba(58,55,92,.22);backdrop-filter:blur(25px)}
dialog[open]{animation:lumenDialogIn .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes lumenDialogIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
dialog::backdrop{background:rgba(55,54,75,.22);backdrop-filter:blur(7px);animation:lumenBackdropIn .2s ease both}
@keyframes lumenBackdropIn{from{opacity:0}to{opacity:1}}
.dialog-head{border-bottom:1px solid rgba(82,87,120,.08);padding-bottom:10px}
.dialog-head button{background:transparent;color:#858897;box-shadow:none}
.large-dialog fieldset{border:1px solid rgba(82,87,120,.12);background:rgba(248,248,251,.58)}
.large-dialog legend{color:#5f54c8}
.large-dialog textarea,.settings-layout textarea{background:#f8f8fb;border-color:rgba(81,84,112,.15);color:#353846}
.candidate-summary span{background:#f7f7fa;color:#4b4e5d}
.candidate-status{border-color:rgba(77,144,119,.2);background:#eff8f4;color:#366d5a}
.candidate-status small{color:#608e7e}
.candidate-card-info h3,#candidateCardInfo h3{color:#454857}
.file-row{border:1px solid rgba(82,87,120,.11);background:#fff;color:#454857;box-shadow:none}
.file-row:hover{background:#faf9ff;border-color:rgba(110,95,231,.22)}

/* Request dialog / settings */
#requestDialogBody{scrollbar-color:#c9c5df transparent}
#requestDialog .request-details div{border-color:rgba(82,87,120,.10);background:#f8f8fb}
#requestDialogActions{border-top-color:rgba(82,87,120,.10)}
.approve-action{background:linear-gradient(135deg,#6759e5,#7b68ed);color:#fff}
.decision-check.ready{border-color:rgba(58,139,109,.24);background:#eff8f4;color:#3b765f}
.decision-check.attention{border-color:rgba(179,124,57,.24);background:#fff8ed;color:#946324}
.approval-editor label{border-color:rgba(82,87,120,.10);background:#f8f8fb}
.approval-editor input,.approval-editor select{background:#fff;color:#414452}
.region-decision small{color:#888b9a}
.settings-layout form{border:1px solid var(--lumen-line);background:rgba(255,255,255,.70)}
.region-cards p{color:#777a89}

/* Statistics */
.statistics-scroll>.stats{gap:10px}
.statistics-scroll>.stats article{border:1px solid rgba(82,87,120,.10);border-radius:14px;background:rgba(255,255,255,.80);box-shadow:0 4px 14px rgba(73,75,110,.04)}
.statistics-scroll>.stats span{color:#363947}
.system-cards article{border-radius:14px}
.system-cards small{color:#7064da}
.system-cards span{color:#8b8e9d}

/* Telegram gate */
.telegram-gate{background:radial-gradient(circle at 10% 10%,rgba(126,201,255,.28),transparent 32%),radial-gradient(circle at 90% 5%,rgba(255,185,194,.28),transparent 32%),linear-gradient(145deg,#eff5ff,#f6f0fc)}
.telegram-gate>div{border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.82);color:var(--lumen-text);box-shadow:0 26px 80px rgba(70,67,110,.18);backdrop-filter:blur(24px)}
.telegram-gate a{background:linear-gradient(135deg,#6759e5,#7b68ed);color:#fff}
.telegram-gate .brand-mark{width:42px;height:42px;margin-bottom:14px}
.telegram-gate .brand-mark svg{width:38px;height:38px}

/* Responsive */
@media(max-width:820px) and (min-width:561px){
  :root{--sidebar:72px;--topbar:72px;--shell-gap:10px}
  body>header{padding:10px 10px 8px}
  body>header::before{top:10px;right:10px;bottom:8px;left:calc(var(--sidebar) + var(--shell-gap) + 10px)}
  .brand{height:54px;justify-content:center;padding:10px}
  .brand-copy{display:none}.sidebar-toggle{display:none}
  body>header>.pill{margin-right:9px}
  body>main{padding:0 10px 10px}
  nav{padding:10px}
  nav button{justify-content:center;padding:8px;overflow:visible}
  nav button>span:nth-child(2){display:none}
  nav button>span[id$="Count"]{display:none}
  nav .badge:not(:empty){position:absolute;right:5px;top:5px;min-width:8px;width:8px;height:8px;padding:0;color:transparent;font-size:0;box-shadow:0 0 0 2px #fff}
  .view{padding:15px}
}
@media(max-width:560px){
  :root{--topbar:58px;--mobile-nav:78px}
  body{grid-template-rows:var(--topbar) minmax(0,1fr)}
  body>header{display:flex;height:var(--topbar);padding:7px 9px;gap:8px}
  body>header::before{display:none}
  .brand{height:44px;width:auto;min-width:0;flex:1;padding:6px 9px;border-radius:13px}
  .brand-mark{flex-basis:29px;width:29px;height:29px}.brand-mark svg{width:27px;height:27px}
  .brand-copy{max-width:100px}.brand-copy small{display:none!important}
  body>header .brand h1{font-size:17px}
  .sidebar-toggle{display:none}
  body>header>.pill{flex:0 1 auto;max-width:42vw;margin:0;padding:6px 9px;background:rgba(255,255,255,.78);font-size:9px}
  body>main{display:flex;height:calc(100dvh - var(--topbar));padding:7px 7px calc(var(--mobile-nav) + 7px)}
  nav{position:fixed;z-index:50;left:7px;right:7px;bottom:7px;height:var(--mobile-nav);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:5px;border:1px solid rgba(255,255,255,.84);border-radius:16px;background:rgba(255,255,255,.83);box-shadow:0 16px 42px rgba(67,63,107,.18);backdrop-filter:blur(22px)}
  nav button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:0;height:auto;padding:2px;border-radius:9px;font-size:8px;text-align:center}
  nav button:hover{transform:none}
  nav button.active{box-shadow:0 5px 12px rgba(100,82,225,.18)}
  nav button>span:nth-child(2){display:block;max-width:100%;line-height:1.05}
  .nav-icon{display:grid;flex-basis:22px;width:22px;height:22px}.nav-icon svg{width:17px;height:17px}
  nav .badge:not(:empty){position:absolute;right:7px;top:4px;min-width:15px;height:15px;padding:0 4px;font-size:8px}
  nav button>span[id$="Count"]{position:absolute;right:5px;top:4px;margin:0;font-size:8px}
  .view{width:100%;padding:13px 12px;border-radius:16px}
  .section-head{min-height:44px;padding-bottom:9px;flex-direction:row;align-items:center}
  .section-head h2{font-size:17px}.section-head p{display:none}.section-head button{width:auto;white-space:nowrap;padding:8px 9px;font-size:10px}
  #notice{left:8px;right:8px;bottom:calc(var(--mobile-nav) + 12px);text-align:center}
  .chat-layout{grid-template-columns:90px minmax(0,1fr)}
}
@media(max-width:380px){
  .brand-copy{max-width:76px}body>header .brand h1{font-size:15px}
  .section-head button{padding-inline:7px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}