:root{--anu-gold:#be830e;--anu-gold-tint:#f5edde;--unigrey:#333;--black:#000;--white:#fff}*,:before,:after{box-sizing:border-box}::selection{background:var(--anu-gold-tint);color:var(--black)}body{color:var(--unigrey);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;padding:0 0 4rem;font-family:system-ui,sans-serif;font-size:16px;line-height:1.6}main{max-width:62rem;margin:0 auto;padding:0 1.5rem}h1,h2{color:var(--black);letter-spacing:-.01em;font-weight:800}nav[aria-label=site]{align-items:center;gap:1.75rem;max-width:62rem;margin:0 auto;padding:1.25rem 1.5rem 0;display:flex}nav[aria-label=site] a{color:var(--unigrey);letter-spacing:.03em;text-transform:uppercase;border-block-end:2px solid #0000;padding-block-end:.15rem;font-size:1.15rem;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}nav[aria-label=site] a:hover,nav[aria-label=site] a:focus-visible{color:var(--black);border-block-end-color:var(--anu-gold)}.hero{background:linear-gradient(135deg, var(--anu-gold) 0%, #7a5c0a 100%);margin-block-start:1.1rem;padding-block:2.5rem 3rem}.hero-inner{max-width:62rem;margin:0 auto;padding:0 1.5rem}.hero h1{color:var(--white);margin:0;font-size:2.75rem}.hero .masthead{align-items:center;gap:1rem;display:flex}.hero .masthead h1{margin:0}.hero .masthead img{flex-shrink:0}.upload-panel{background:var(--anu-gold-tint);border-radius:.7rem;margin-block:1.75rem 2rem;padding:1.5rem 2.25rem 2.25rem}.upload-panel h2{margin:0 0 .5rem;font-size:1.4rem}.upload-panel form{margin-block-start:.75rem}input[type=file]{padding:.4rem}input[type=file]::file-selector-button{font:inherit;letter-spacing:.03em;text-transform:uppercase;color:var(--white);background:var(--anu-gold);border:1px solid var(--anu-gold);cursor:pointer;border-radius:.4rem;margin-inline-end:.85rem;padding:.65rem 1.25rem;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s}input[type=file]::file-selector-button:hover{background:var(--unigrey);border-color:var(--unigrey)}.year-form{background:var(--anu-gold-tint);border-radius:.6rem;flex-wrap:wrap;align-items:center;gap:.6rem .75rem;margin-block:1.75rem;padding:1rem 1.25rem;display:flex}.year-form label{color:var(--black);font-size:1.1rem;font-weight:700}.year-form select{flex:1;min-width:8rem;font-size:1.1rem}section[aria-label="progress by category"]{flex-direction:column;gap:2.1rem;margin-block:2rem 2.5rem;display:flex}.category{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem;display:flex}.category h2{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:1.05rem}.category>p:first-of-type{color:var(--unigrey);margin:0;font-weight:700}.category-note{color:var(--unigrey);flex-basis:100%;margin:0;font-size:.8rem;font-style:italic}progress{background:var(--anu-gold-tint);border:none;border-radius:999px;flex-basis:100%;width:100%;height:1.15rem;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--anu-gold-tint);border-radius:999px}progress::-webkit-progress-value{background:var(--anu-gold);border-radius:999px;transition:width .4s}progress::-moz-progress-bar{background:var(--anu-gold);border-radius:999px;transition:width .4s}.missing{color:var(--black);background:var(--anu-gold-tint);border-inline-start:3px solid var(--anu-gold);border-radius:.35rem;flex-basis:100%;align-items:baseline;gap:.4rem;margin-block-start:.9rem;padding:.6rem .9rem;font-size:.9rem;font-weight:600;display:flex}.course-list{flex-basis:100%;margin-block-start:.9rem;padding-inline-start:0;list-style:none}.course-list li{border-block-end:1px solid var(--anu-gold-tint);align-items:center;gap:.6rem;padding-block:.5rem;font-size:.92rem;display:flex}.course-list li:last-child{border-block-end:none}.course-list form{margin:0;margin-inline-start:auto}.course-list button{color:var(--unigrey);background:var(--white);border:1px solid var(--anu-gold-tint);border-radius:.4rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700}.course-list button:hover,.course-list button:focus-visible{color:var(--white);background:var(--unigrey);border-color:var(--unigrey)}section[aria-label="progress by category"]+h2{background:var(--anu-gold-tint);border-radius:.7rem .7rem 0 0;margin:2rem 0 0;padding:2rem 2.25rem .75rem;font-size:1.4rem}section[aria-label="progress by category"]+h2+form{background:var(--anu-gold-tint);border-radius:0 0 .7rem .7rem;grid-template-columns:1fr 1fr;grid-template-areas:"code-label units-label""code-input units-input""name-label name-label""name-input name-input""cat-label cat-label""cat-input cat-input""button button";gap:.4rem 1.5rem;margin-block:0 2rem;padding:.5rem 2.25rem 2.25rem;display:grid}section[aria-label="progress by category"]+h2+form label{color:var(--unigrey);font-size:.9rem;font-weight:500}section[aria-label="progress by category"]+h2+form label[for=courseCode]{grid-area:code-label}section[aria-label="progress by category"]+h2+form input#courseCode{grid-area:code-input}section[aria-label="progress by category"]+h2+form label[for=courseName]{grid-area:name-label}section[aria-label="progress by category"]+h2+form input#courseName{grid-area:name-input}section[aria-label="progress by category"]+h2+form label[for=units]{grid-area:units-label}section[aria-label="progress by category"]+h2+form input#units{grid-area:units-input}section[aria-label="progress by category"]+h2+form label[for=category]{grid-area:cat-label}section[aria-label="progress by category"]+h2+form select#category{grid-area:cat-input}section[aria-label="progress by category"]+h2+form button{grid-area:button;justify-self:end;margin-block-start:.6rem}form{flex-wrap:wrap;align-items:center;gap:.6rem .75rem;display:flex}label{color:var(--unigrey);font-size:.85rem;font-weight:700}input,select{min-width:12rem;font:inherit;color:var(--unigrey);background:var(--white);border:2px solid var(--anu-gold-tint);border-radius:.4rem;flex:1;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--unigrey);opacity:.45}input:hover,select:hover{border-color:var(--anu-gold)}input:focus,select:focus,input:focus-visible,select:focus-visible{border-color:var(--anu-gold);box-shadow:0 0 0 3px var(--anu-gold-tint);outline:none}option:checked,option:hover{background:var(--anu-gold-tint);color:var(--black)}button{font:inherit;letter-spacing:.03em;text-transform:uppercase;color:var(--white);background:var(--anu-gold);border:1px solid var(--anu-gold);cursor:pointer;border-radius:.4rem;padding:.75rem 1.75rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s}button:hover,button:focus-visible{background:var(--unigrey);border-color:var(--unigrey)}button:active{transform:translateY(1px)}.course-list button{text-transform:none;letter-spacing:normal}@media (width<=32rem){.hero{padding-block:1.75rem 2.25rem}.hero h1{font-size:2rem}.hero .masthead img{width:40px;height:42px}section[aria-label="progress by category"]+h2+form{grid-template-columns:1fr;grid-template-areas:"code-label""code-input""units-label""units-input""name-label""name-input""cat-label""cat-input""button"}form{flex-direction:column;align-items:stretch}input,select,button{width:100%;min-width:0}section[aria-label="progress by category"]+h2+form button{justify-self:stretch}.course-list li{flex-wrap:wrap}.course-list form{margin-inline-start:0}}.detected-courses{flex-direction:column;gap:.75rem;margin-block:1.25rem;padding-inline-start:0;list-style:none;display:flex}.detected-courses li{background:var(--white);border:1px solid var(--anu-gold-tint);border-radius:.5rem;flex-direction:column;gap:.6rem;padding:.9rem 1.1rem;display:flex}.detected-courses .course-title{align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;display:flex}.detected-courses .course-fields{flex-wrap:wrap;gap:.5rem 1.5rem;padding-inline-start:1.7rem;display:flex}.detected-courses .course-fields label{color:var(--unigrey);align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.detected-courses .course-fields input,.detected-courses .course-fields select{flex:initial;min-width:7rem;padding:.4rem .6rem}
