:root{--surface: #FCFFD9;--on-surface: hsl(180, 11%, 23%);--outline: hsl(180, 11%, 23%, 30%);--link: #7b161a;quotes:"'""'"}q{cite>&{font-style:normal}font-style:italic}cite,em{padding-right:.2ch}body{min-height:100vh;background-color:var(--surface);display:flex;flex-direction:column}#app{flex-grow:1;display:flex;flex-direction:column;gap:16px}header{position:sticky;z-index:1;top:0}nav{height:3rem;display:grid;grid-template-columns:1fr repeat(3,2fr) 1fr;justify-content:space-around;align-items:center;background-color:var(--surface);padding:0 16px;@media (max-width: 904px){height:4rem}}header a{text-decoration:none;color:var(--on-surface);font-size:1.5rem;text-align:center;transition:all .2s ease-in-out;@media (max-width: 904px){font-size:1.25rem}@media (max-width: 599px){font-size:1.1rem}}header a:hover{filter:drop-shadow(0 0 8px var(--on-surface))}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;filter:drop-shadow(0 0 8px var(--link))}footer{min-height:3rem;background-color:var(--surface);color:var(--on-surface);padding:8px;@media (max-width: 904px){min-height:4rem}}main{display:grid;align-items:start;flex-grow:1;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;gap:16px 24px;@media (max-width: 600px){margin:0 16px;width:calc(100% - 32px);grid-template-columns:repeat(4,1fr);gap:16px}@media (min-width: 600px) and (max-width: 904px){margin:0 32px;width:calc(100% - 64px);grid-template-columns:repeat(8,1fr)}@media (min-width: 904px) and (max-width: 1240px){margin:0 auto;width:840px}@media (min-width: 1240px) and (max-width: 1440px){margin:0 200px;width:calc(100% - 400px)}@media (min-width: 1440px){margin:0 auto;width:1040px}}p,label,ul{font-size:1.2em;color:var(--on-surface);margin-bottom:.5em}*{box-sizing:border-box;margin:0;padding:0}._active_1han1_1{font-weight:700;font-weight:900}._banner_1han1_6{z-index:0;top:3rem;@media (max-width: 904px){top:4rem}position:sticky;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;margin-top:-16px;height:128px;background:linear-gradient(150deg,#c45eb2,#9bcf90 80%);filter:drop-shadow(0 0 16px var(--link))}._banner_1han1_6>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;transition:all .2s ease-in-out;width:calc(100% - 32px);margin:16px;font-size:.75em;@media (min-width: 600px){width:calc(100% - 64px);margin:16px 32px;font-size:.85em}@media (min-width: 905px){width:840px;margin:16px auto;font-size:1em}@media (min-width: 1240px){width:calc(100% - 400px);margin:16px 200px}@media (min-width: 1440px){width:1040px;margin:16px auto}}._banner_1han1_6 p{color:#000;transition:all .2s ease-in-out;margin-bottom:0}._banner_1han1_6 img{aspect-ratio:1;height:96px;background:#fff9;border-radius:8px;padding:8px}