@font-face{font-family:Raleway;src:url('/brand/fonts/Raleway-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Raleway;src:url('/brand/fonts/Raleway-SemiBold.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:Raleway;src:url('/brand/fonts/Raleway-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:Butler;src:url('/brand/fonts/Butler.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Butler;src:url('/brand/fonts/Butler-Medium.woff2') format('woff2');font-weight:500 900;font-display:swap}
:root{
  --brand-gold:rgb(228 191 128);
  --brand-dark:rgb(23 27 32);
  --brand-navy:rgb(27 51 68);
  --brand-white:rgb(255 255 255);
  --brand-grey:rgb(196 207 218);
  --brand-surface:#202e3a;
  --brand-raised:#293e4e;
  --brand-line:#647580;
  color-scheme:dark;
  font-family:Raleway,Arial,sans-serif;
  color:var(--brand-white);
  background:var(--brand-dark);
}
body{background:linear-gradient(135deg,var(--brand-dark),var(--brand-navy)) fixed;color:var(--brand-white)}
button,input,select,textarea{font-family:Raleway,Arial,sans-serif}
h1,h2,h3{font-family:Butler,Georgia,serif;font-weight:400;line-height:1.2}
:focus-visible{outline-color:var(--brand-gold)!important}
.top{background:var(--brand-dark);border-bottom-color:var(--brand-gold)}
.top-inner{min-height:84px}
.wordmark img{display:block;width:108px;height:auto;object-fit:contain}
.wordmark small{color:var(--brand-gold);font-weight:700;letter-spacing:.12em}
.language select{background:var(--brand-surface);color:var(--brand-white);border-color:var(--brand-line)}
.loading,.welcome,.card,.photo{background:var(--brand-surface);color:var(--brand-white);border-color:var(--brand-line);box-shadow:0 4px 14px #0002}
.loading-logo{display:block;width:170px;height:auto;margin:0 auto 1rem}
.loading p,.welcome p,.page-head p,.section-head p,.arrival p,.muted,.card label:not(.duty-title):not(.checkline):not(.language),.clock-grid small,.duty-group summary span{color:var(--brand-grey)}
.welcome h1,.page-head h1,.card h2{font-family:Butler,Georgia,serif;font-weight:400}
.eyebrow,.arrival .eyebrow{color:var(--brand-gold)}
.arrival{background:linear-gradient(135deg,var(--brand-dark),var(--brand-navy));border-color:var(--brand-gold)}
.clock{border-left-color:var(--brand-gold)}
.clock-grid div{background:var(--brand-raised)}
.clock-grid strong{color:var(--brand-white)}
.button{background:var(--brand-raised);border-color:var(--brand-line);color:var(--brand-white)}
.button.primary{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-dark)}
.button.secondary{background:var(--brand-navy);border-color:var(--brand-gold);color:var(--brand-white)}
.text-button{color:var(--brand-gold)}
.recent a,.choice{background:var(--brand-raised);border-color:var(--brand-line);color:var(--brand-grey)}
.recent a[aria-current=page],.choice.selected{background:var(--brand-navy);border-color:var(--brand-gold);color:var(--brand-gold)}
.progress{background:linear-gradient(to right,var(--brand-gold) var(--value),var(--brand-line) var(--value))}
.duty-group,.duty,.issue,.question{border-color:var(--brand-line)}
.duty-group summary,.duty-title{color:var(--brand-white)}
.duty-group summary:before{color:var(--brand-gold)}
.duty-title input,.checkline input{accent-color:var(--brand-gold)}
.card input:not([type=checkbox]),.card select,.card textarea{background:var(--brand-dark);color:var(--brand-white);border-color:var(--brand-line)}
.card input:disabled,.card textarea:disabled,.card select:disabled{background:var(--brand-raised);color:var(--brand-grey)}
.card input::placeholder,.card textarea::placeholder{color:var(--brand-grey)}
.photo img{background:var(--brand-raised)}
.sticky-actions{background:var(--brand-dark);border-color:var(--brand-line);box-shadow:0 -8px 25px #0004}
.sticky-actions p{color:var(--brand-gold)}
.alert{background:#422c31;color:#ffbbb5;border-left-color:#ffbbb5}
.success{background:#223e39;color:#aae2c5;border-left-color:#aae2c5}
 .clock-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.header-controls{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}
.theme-toggle{background:transparent;color:var(--brand-gold);border:1px solid var(--brand-gold);border-radius:.35rem;padding:.45rem .7rem;min-height:40px}
:root[data-theme='light']{--brand-dark:#f5f8f8;--brand-navy:#e4edf0;--brand-white:#1b2d38;--brand-grey:#526773;--brand-surface:#fff;--brand-raised:#eaf1f3;--brand-line:#9daeb7;color-scheme:light}
:root[data-theme='light'] body{background:linear-gradient(135deg,#f5f8f8,#e4edf0) fixed}
:root[data-theme='light'] .top{background:rgb(23 27 32)}
:root[data-theme='light'] .language{color:#fff}
:root[data-theme='light'] .language select{background:#26343e;color:#fff;border-color:#62717b}
:root[data-theme='light'] .eyebrow,:root[data-theme='light'] .text-button,:root[data-theme='light'] .duty-group summary:before{color:#855e2c}
:root[data-theme='light'] .button.primary{color:#171b20}
:root[data-theme='light'] .button.secondary{color:#1b2d38}
:root[data-theme='light'] .arrival{background:#e4edf0}
:root[data-theme='light'] .sticky-actions{background:#fff;box-shadow:0 -8px 25px #22334415}
:root[data-theme='light'] .alert{background:#fff0ee;color:#8a3028}
:root[data-theme='light'] .success{background:#e5f2e8;color:#24513c}
@media(max-width:640px){.top-inner{align-items:flex-start}.header-controls{gap:.4rem}.theme-toggle{font-size:.75rem;padding:.35rem .5rem}.language{gap:.3rem}}