:root{color-scheme:light;--ink:#111111;--muted:#666666;--paper:#fafafa;--line:#dddddd;--accent:#dddddd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#555}a:focus-visible{outline:3px solid #777;outline-offset:5px}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:1px}.brand img{width:44px;height:44px;border-radius:10px}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}main{padding-top:64px;padding-bottom:64px}h1{font-size:clamp(30px,5vw,52px);line-height:1.3;letter-spacing:-1px;margin:0 0 24px}h2{font-size:24px;line-height:1.5;margin:36px 0 12px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 18px}.lead{font-size:19px;max-width:720px;color:var(--muted)}.label{font-size:13px;letter-spacing:2px;font-weight:700;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.card{border:1px solid var(--line);padding:24px;background:white;border-radius:14px}.card p{font-size:15px;color:var(--muted)}.note{padding:20px;border-left:4px solid #111;background:#efefef;border-radius:0 10px 10px 0}.button{display:inline-block;text-decoration:none;border-radius:9px;background:var(--ink);color:white;padding:12px 20px;font-weight:600}.button:hover{color:var(--accent)}ol,ul{padding-left:24px}li{margin:10px 0}.article{max-width:800px}.fine{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;margin:22px 0}th,td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}main{padding-top:40px}.grid{grid-template-columns:1fr}footer{flex-direction:column}table{font-size:14px}}

.codex-setup{margin:36px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:white;scroll-margin-top:24px}.codex-setup h2{margin-top:0}.codex-setup .label{margin-bottom:8px}.codex-setup p:last-child{margin-bottom:0}.codex-setup .button{max-width:100%;text-align:center}.codex-setup .fine{line-height:1.7}