.wrapper{display:flex;flex-direction:column;height:100%;min-width:20rem;max-width:60rem;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-inline:6vw}header{display:flex;justify-content:space-between;align-items:center;padding-block:var(--sq-16)}nav{display:flex;gap:var(--sq-4)}nav>a{padding:var(--pad)}main{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:3rem}.grid section{display:flex;flex-direction:column;gap:.5rem}.grid section h3{border-block-end-width:2px;border-block-end-style:solid}.grid section p{margin-block-end:.5rem}.grid ul{list-style-type:square;margin:0;padding:0 1.5ch}.grid li+li{margin-top:.5rem}.prof{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sq-32);margin-block:var(--sq-24) var(--sq-48)}.prof_pic>img{aspect-ratio:1;border-radius:50%}.prof_info{display:flex;flex-direction:column;align-items:center}.prof_name{margin-block-start:var(--sq-16)}.prof_info a{padding:.5rem;width:2rem}.prof_info img{height:auto;width:100%}footer{text-align:center;font-size:small;padding:var(--pad)}@media(prefers-color-scheme:light){nav{color:var(--color-brand-500)}.grid section h3{border-block-end-color:var(--color-brand-200)}.heart{color:var(--color-error-500)}}@media(prefers-color-scheme:dark){nav{color:var(--color-brand-400)}.grid section h3{border-block-end-color:var(--color-brand-800)}.heart{color:var(--color-error-400)}}