@font-face{font-family:'IBM Plex Mono';src:url('./fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Mono';src:url('./fonts/IBMPlexMono-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}body{font-family:'IBM Plex Mono',monospace;background-color:#f0f0f0;color:#333;margin:0;padding:40px 20%}nav{display:flex;justify-content:space-between;align-items:center}nav li{display:inline-block;margin-right:20px}nav a{text-decoration:none;color:#333}nav a:hover{text-decoration:underline}section{margin:40px 0}section h2{font-size:18px;font-weight:600;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px}section ul{list-style:none;padding:0}section li{margin-bottom:16px;line-height:1.6}section li p{margin:8px 0 0 0;color:#666;font-size:14px}section strong{color:#333;font-weight:600}#dark-mode-toggle{display:none}#theme-toggle{cursor:pointer}#theme-toggle:hover{text-decoration:underline}#theme-toggle::after{content:"dark mode"}body:has(#dark-mode-toggle:checked){background-color:#1a1a1a;color:#d0d0d0}body:has(#dark-mode-toggle:checked) #theme-toggle::after{content:"light mode"}body:has(#dark-mode-toggle:checked) nav a,body:has(#dark-mode-toggle:checked) #theme-toggle{color:#d0d0d0}body:has(#dark-mode-toggle:checked) section h2{border-bottom-color:#444}body:has(#dark-mode-toggle:checked) section li p{color:#888}body:has(#dark-mode-toggle:checked) section strong{color:#d0d0d0}body:has(#dark-mode-toggle:checked) a{color:#d0d0d0}@media (max-width:1200px){body{padding:40px 12%}}@media (max-width:768px){body{padding:25px 7%}nav{flex-direction:column;align-items:center;gap:12px}#theme-toggle{order:0}nav ul{order:1}}@media (max-width:480px){body{padding:20px 5%}}@media (max-width:560px){#theme-toggle{margin-bottom:10px}nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;max-width:18rem;padding:0;margin:0}nav li{display:block;margin-right:0}}