body{--blockquote-bg:#e6dfd3;--blockquote-border:#b8ad9a;--alert-note-bg:#e5edf5;--alert-note-border:#4078c0;--alert-tip-bg:#e0ede0;--alert-tip-border:#3a8f47;--alert-important-bg:#ede5f5;--alert-important-border:#7a50c0;--alert-caution-bg:#f5e5e5;--alert-caution-border:#c03030;--alert-warning-bg:#f5ede0;--alert-warning-border:#9a7000;&.dark{--blockquote-bg:#434c5e;--blockquot-border:#4c566a;--alert-note-bg:#2e3f60;--alert-tip-bg:#2a453a;--alert-important-bg:#3d3466;--alert-caution-bg:#5c2e38;--alert-warning-bg:#54431e}}.alert{display:flex;flex-direction:column;border-left:.25rem solid var(--blockquote-border);margin:.5rem 0;padding:.25rem 1rem .25rem .75rem;background-color:var(--bg-secondary);> .alert-heading{padding:0;margin:0;font-weight:700;background-color:inherit}}.alert-note{border-color:var(--alert-note-border);border-left-color:var(--alert-note-border);background-color:var(--alert-note-bg);> .alert-heading{color:var(--alert-note-border)}}.alert-tip{border-color:var(--alert-tip-border);background-color:var(--alert-tip-bg);> .alert-heading{color:var(--alert-tip-border)}}.alert-important{border-color:var(--alert-important-border);border-left-color:var(--alert-important-border);background-color:var(--alert-important-bg);> .alert-heading{color:var(--alert-important-border)}}.alert-caution{border-color:var(--alert-caution-border);border-left-color:var(--alert-caution-border);background-color:var(--alert-caution-bg);> .alert-heading{color:var(--alert-caution-border)}}.alert-warning{border-color:var(--alert-warning-border);border-left-color:var(--alert-warning-border);background-color:var(--alert-warning-bg);> .alert-heading{color:var(--alert-warning-border)}}:root{font-size:18px}*{line-height:1.5;box-sizing:border-box;margin:0;padding:0}ul,ol{margin-left:2rem}input,button,textarea,select{font:inherit}img,picture,video,canvas,svg{max-width:100%}img,video,embed,iframe,figure,object{margin:0 auto;height:auto;text-align:center}pre,code,kbd,samp,var{font-family:var(--font-mono);font-size:.8rem}kbd{font-weight:700;border:.1rem solid var(--line)}code{white-space:pre;word-break:keep-all}body{--line:oklch(0.55 0.015 260);--bg:oklch(0.97 0.003 85);--bg-secondary:oklch(0.955 0.003 85);--bg-tertiary:oklch(0.94 0.003 85);--shadow:oklch(0.1 0.03 85 / 0.1);box-shadow:0 0 .5rem var(--shadow);background:var(--bg-secondary);position:relative;max-width:clamp(900px,60%,1500px);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;> header{border-bottom:.1rem solid var(--line);background-color:var(--bg-tertiary);padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;> nav{display:flex;flex-direction:row;list-style:none;> li{margin:0 1rem}}}> main{flex:1;background-color:var(--bg-tertiary);position:sticky;padding:2rem;> article{margin:1rem 0;padding:1rem 2rem;background-color:var(--bg);box-shadow:0 0 .5rem var(--shadow);> p{margin:.5rem 0}}}}