html{color-scheme:light}
body{background:#f7f6f1;color:#18333a;font:17px/1.6 Segoe UI,Arial,sans-serif;margin:0;padding:0 16px}
main{max-width:720px;margin:5vh auto;padding:32px;background:white;border:1px solid #e2e5df;border-radius:16px;box-shadow:0 8px 30px #152a360d}
h1{font:34px Georgia,serif;line-height:1.2;margin:0 0 12px}
h1:before{content:'C';display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;background:#265f51;color:#e0edcd;border-radius:11px;margin-right:12px;font:600 26px/42px Segoe UI;vertical-align:middle}
h2{font:600 22px Georgia,serif;margin:28px 0 8px}
p,li{font-size:16px}
ul{margin:8px 0 16px;padding-left:1.2em}
a{color:#265f51}
a:focus-visible{outline:2px solid #265f51;outline-offset:3px}
.draft{background:#fff3cb;color:#3d3208;border:1px solid #c4a24a;border-radius:8px;padding:12px 14px;font-weight:650}
.updated{color:#687981;font-size:14px}
.todo{font-weight:700;background:#fff3cb;color:#3d3208;padding:2px 6px;border-radius:4px}
.legal-footer{margin-top:28px;padding-top:16px;border-top:1px solid #e2e5df;font-size:14px}
html[data-cd-theme=dark]{color-scheme:dark}
html[data-cd-theme=dark] body{background:#0d1412;color:#edf4f0}
html[data-cd-theme=dark] main{background:#141d1a;border-color:#2a3832;box-shadow:0 12px 36px #0005}
html[data-cd-theme=dark] h1:before{background:#1a5b49;color:#edf4f0}
html[data-cd-theme=dark] a{color:#74c2a5}
html[data-cd-theme=dark] a:focus-visible{outline-color:#74c2a5}
html[data-cd-theme=dark] .draft,html[data-cd-theme=dark] .todo{background:#3d3416;color:#f6e7b2;border-color:#a6842e}
html[data-cd-theme=dark] .updated,html[data-cd-theme=dark] .legal-footer{color:#a0afa8;border-top-color:#3b4c45}
@media(max-width:700px){main{margin:16px auto;padding:22px}h1{font-size:28px}}