:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{font-size:18px;line-height:32px;-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:#000;@media (max-width:1024px){font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}h2{font-size:36px;line-height:44px;margin:32px 0 24px;font-weight:700}h3{font-size:24px;line-height:32px;margin:24px 0 16px;font-weight:600}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.post-container{max-width:1200px;margin:0 auto;padding:32px 24px}.dos-and-donts{margin:48px 0;background:#ebebeb;padding:32px;border-radius:8px}.item-with-image{display:flex;gap:24px;margin-bottom:24px;align-items:flex-start}.item-with-image img{border-radius:8px;width:200px;height:200px;object-fit:cover}.accessibility-section{margin:48px 0}.accessibility-card,.dos-and-donts-card{background:#ebebeb;border-radius:8px;padding:32px}.accessibility-item{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #d7d7d7}.accessibility-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.accessibility-header{display:flex;gap:32px;margin-bottom:24px}.accessibility-header img{width:200px;height:200px;object-fit:cover;border-radius:8px}.accessibility-content{flex:1 1}.accessibility-content h3{margin-top:0}.accessibility-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:24px;background:#e1e1e1;border-radius:8px;overflow:hidden}.accessibility-table td,.accessibility-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #d7d7d7}.accessibility-table th{background:#d7d7d7;font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.05em}.accessibility-table tr:last-child td{border-bottom:none}.accessibility-table tr:hover td{background:#d7d7d7}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:45px;max-width:1024px;margin:0 auto;overflow:hidden;@media (max-width:400px){padding-left:24px;padding-bottom:24px;padding-right:24px;padding-top:24px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;h1{text-align:center}}.links{display:flex;align-items:center;gap:12px;a{text-decoration:none;padding:.25rem .5rem;border-radius:4px}.admin{color:#000;background:#fff;border:1px solid #000}.docs{color:#fff;background:#000;border:1px solid #fff}}.footer{display:flex;align-items:center;gap:8px;@media (max-width:1024px){flex-direction:column;gap:6px}p{margin:0}.codeLink{text-decoration:none;padding:0 .5rem;background:#c3c3c3;border-radius:4px}}.posts{margin:24px 0;a{display:inline-block;padding:12px 24px;background:#e1e1e1;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease;border:1px solid #d7d7d7;&:hover{background:#d7d7d7;transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,100%,.2)}&:active{transform:translateY(0)}}}}