/* Warm olive day palette and red field palette. */
:root{--ink:#292e20;--muted:#4b523b;--paper:#eeeee2;--surface:#faf9ee;--forest:#353d22;--forest-hover:#48522e;--line:#c5c7af;--line-soft:#dedfcd;--ochre:#c9a257;--focus:#846122}
.theme-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 24px;padding:12px 0;border-block:1px solid var(--line)}
.theme-control span{font-size:15px;font-weight:600}.theme-switch{display:flex;align-items:center;gap:10px;min-height:44px;background:transparent;color:var(--ink);border:0;padding:4px;cursor:pointer}.theme-switch i{display:block;width:46px;height:28px;border:1px solid currentColor;border-radius:20px;padding:3px}.theme-switch i:after{content:'';display:block;width:20px;height:20px;border-radius:50%;background:currentColor}.theme-switch[aria-checked=true] i:after{transform:translateX(18px)}
html[data-theme=night]{--ink:#000;--muted:#000;--paper:#a8170d;--surface:#a8170d;--forest:#000;--forest-hover:#000;--line:#650e08;--line-soft:#790f08;--ochre:#bd2113;--focus:#000;color:#000;background:#a8170d;scrollbar-color:#000 #a8170d;color-scheme:light}
html[data-theme=night] body,html[data-theme=night] body :where(*):not(svg,svg *){color:#000!important;background-color:transparent!important;border-color:#650e08!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme=night] body{background:#a8170d!important}
html[data-theme=night] :is(button,[role=button],input,select,textarea){border:1px solid #650e08!important}
html[data-theme=night] :is(button[aria-pressed=true],button[aria-selected=true],.active){background-color:#bd2113!important}
html[data-theme=night] input::placeholder,html[data-theme=night] textarea::placeholder{color:#34100d!important}
html[data-theme=night] :is(img,canvas,video,iframe){filter:grayscale(1) brightness(.48) sepia(1) saturate(7) hue-rotate(320deg)}
html[data-theme=night] svg{color:#000!important}html[data-theme=night] input{accent-color:#000}
html[data-theme=night] body :where(*):not(svg,svg *){background-image:none!important}html[data-theme=night] .theme-switch{border:0!important}
html[data-theme=night] *::before,html[data-theme=night] *::after{background-color:transparent!important;background-image:none!important;box-shadow:none!important}html[data-theme=night] .theme-switch i::after{background-color:#000!important}

.theme-toolbar{display:flex;justify-content:flex-end;max-width:1120px;margin:0 auto;padding:8px 20px 0}.theme-toolbar .theme-switch{font-size:14px;border:0;border-radius:6px}.theme-toolbar+ .skip-link{position:absolute}@media(max-width:600px){.theme-toolbar{padding:6px 16px 0}}

.has-theme-switch{display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-icon-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--forest);cursor:pointer;line-height:1}.theme-icon-switch svg{display:block}html[data-theme=night] body .theme-icon-switch{border-radius:50%} .hero h1.has-theme-switch{max-width:none}

/* Align account access with the tool's back row. */
.shell:has(.view){position:relative}.shell:has(.view)>.account-nav{position:absolute;right:28px;top:22px;padding:0;z-index:2}.shell:has(.view) .view>.back{max-width:calc(100% - 170px)}
html[data-theme=night] body input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-block;flex:none;width:24px;height:24px;min-height:24px;margin:0;vertical-align:middle;border:1.5px solid #000!important;border-radius:5px;background:transparent!important;cursor:pointer}
html[data-theme=night] body input[type=checkbox]:checked{background-color:#000!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='%23a8170d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:22px 22px!important;background-position:center!important;background-repeat:no-repeat!important}
html[data-theme=night] body input[type=checkbox]:indeterminate{background:#000!important;box-shadow:inset 0 0 0 8px #a8170d!important}
@media(max-width:600px){.shell:has(.view)>.account-nav{right:16px;top:14px}.shell:has(.view) .view>.back{max-width:calc(100% - 155px)}.shell:has(.view)>.account-nav a{font-size:13px}}
html[data-theme=night] body input[type=checkbox]:focus-visible{outline:2px solid #000!important;outline-offset:3px}