@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
.ui-label{font-weight:600;color:#ffb38d}section p{overflow-wrap:anywhere}
:root{color-scheme:dark;font-family:'Space Grotesk',Arial,sans-serif;background:#101010;color:#efede7}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.7}header,main,footer{width:min(900px,92%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #ffffff24}a{color:#ff9668;text-underline-offset:4px}header a,footer a{text-decoration:none}label{display:flex;align-items:center;gap:8px;font-size:14px}select{font:inherit;color:inherit;background:#242321;border:1px solid #ffffff30;padding:7px;border-radius:5px}a:focus-visible,select:focus-visible{outline:2px solid #ff682c;outline-offset:4px}main{padding:32px 0}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 16px}#intro{color:#bbb5ad}#contents{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:28px 0;padding:20px;border:1px solid #ffffff24;border-radius:8px}#contents a{font-size:14px}section{padding:20px 0;border-top:1px solid #ffffff20;scroll-margin-top:16px}h2{font-size:23px;line-height:1.3;margin:0 0 16px}section p{margin:0 0 14px}footer{display:flex;justify-content:space-between;padding:16px 0 24px;color:#aaa59f;font-size:12px}footer a{color:inherit}@media(max-width:600px){header{flex-wrap:wrap;padding:14px 0}main{padding:24px 0}#contents{grid-template-columns:1fr;padding:16px}h2{font-size:20px}}