:root{--yellow-accent: #ffdd00;--red-accent: #e04403;--green-accent: #007167;--blue-accent: #003d4c;--yellow-dark-accent: #ccb100;--red-dark-accent: #ae3502;--green-dark-accent: #003e39;--blue-dark-accent: #001419;--yellow-light-accent: #ffe433;--red-light-accent: #fc5c1a;--green-light-accent: #00a495;--blue-light-accent: #00667f;--neutral-100: #fff;--neutral-200: #d4d5ce;--neutral-300: #74776f;--neutral-400: #484b43;--neutral-450: #1a1a1a;--neutral-500: #030704;--neutral-600: #000;--header-bg: var(--neutral-500);--header-text: var(--neutral-100);--main-bg: var(--neutral-100);--main-text: var(--neutral-500);--secondary-text: var(--neutral-400);--button-text: var(--neutral-100);--accent-text: var(--blue-dark-accent);--input-bg: var(--main-bg);--input-clr: var(--main-text);--error-text: var(--red-dark-accent);--body-font: "Calibri", Avenir, Helvetica, Arial, sans-serif;--body-text: 1.1rem;--small-text: .9rem;--standard-margin: 1rem;--double-margin: 2rem;--half-margin: .5rem;--third-margin: .3333rem;--quarter-margin: .25rem;--label-width: 18ch}:root.dark{--header-bg: var(--neutral-500);--header-text: var(--neutral-100);--main-bg: var(--neutral-450);--main-text: var(--neutral-100);--secondary-text: var(--neutral-200);--error-text: var(--red-light-accent);--accent-text: var(--neutral-200)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{line-height:1.5;min-height:100vh}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--body-font);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--body-text);background-color:var(--main-bg);color:var(--main-text)}.content-grid{--padding-inline: 2rem;--content-max-width: 740px;--breakout-max-width: 1200px;--breakout-size: calc( (var(--breakout-max-width) - var(--content-max-width)) / 2 );display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 2,var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}.main-layout{min-height:100vh;display:grid;grid-template-rows:max-content auto max-content}header{background-color:var(--header-bg);color:var(--header-text)}main{padding-block:2rem;container-type:inline-size}footer{width:100%;text-align:center}h1,.h1,h2,.h2{font-weight:900;margin-bottom:.25em;text-wrap:balance}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin-top:1em}p{margin:0 0 var(--standard-margin) 0}button{background-color:var(--blue-accent);border:none;color:var(--button-text);padding:.75rem 1.5rem;margin-block:1rem;font-weight:700}button:hover{background-color:var(--blue-light-accent)}.form{display:grid}.group{display:grid;gap:var(--standard-margin)}fieldset{padding-block:var(--standard-margin);padding-right:var(--standard-margin);padding-left:var(--standard-margin);margin-bottom:var(--standard-margin)}.input-group{display:grid;grid-template-areas:"label label label" "error error error" "input input input" "comment comment status";grid-template-columns:1fr var(--label-width);align-items:center;-moz-column-gap:var(--standard-margin);column-gap:var(--standard-margin);row-gap:var(--third-margin);margin-bottom:var(--standard-margin)}@container (width > 55ch){.input-group{grid-template-areas:". error error" "label input input" ". autocomplete autocomplete" ". comment status";grid-template-columns:var(--label-width) 1fr}}label{grid-area:label;text-align:left;font-weight:300}@container (width > 55ch){label{padding-left:var(--standard-margin)}}label.checkbox-label{padding-left:0}.checkbox-group{margin-bottom:var(--standard-margin);display:flex;align-items:center;gap:var(--half-margin)}@container (width > 55ch){.checkbox-group{margin-left:calc(var(--label-width) + var(--standard-margin))}.checkbox-error{margin-left:calc(var(--label-width) + var(--standard-margin) * 3)}}input,select,textarea{grid-area:input;width:100%;padding:var(--half-margin);border:1px solid var(--neutral-300);background-color:var(--input-bg);color:var(--input-clr)}input.inline,select.inline,textarea.inline{width:auto;padding:var(--quarter-margin)}.short input,.short select,.short textarea{width:25ch}.xshort input,.xshort select,.xshort textarea{width:12ch}a,a:active,a:focus,a:visited{color:var(--accent-text)}p.status{grid-area:status;font-size:var(--small-text);color:var(--secondary-text);margin-bottom:0;align-self:flex-start}.short p.status{align-self:center}p.comment{grid-area:comment;font-style:italic;font-size:var(--small-text);color:var(--secondary-text);margin-bottom:0}p.error{grid-area:error;color:var(--error-text);font-size:var(--small-text);margin-bottom:0}div.input-group:has(.error),div.select-group:has(.error),div.textarea-group:has(.error){border-left:3px solid var(--error-text);padding-left:6px}@container (width > 55ch){div.input-group:has(.error),div.select-group:has(.error),div.textarea-group:has(.error){padding-left:0}}input[type=checkbox]{width:auto;margin:0;margin-right:var(--third-margin)}input[type=radio]{width:auto;margin:0;margin-right:var(--quarter-margin)}label.checkbox,label.radiobutton{display:flex;align-items:center}.radio-buttons{display:flex;flex-direction:column}ul{margin:0 0 var(--standard-margin) var(--double-margin)}