:root{--ink:#2b2340;--soft:#6d6488;--paper:#f7f3ec;--line:#e3dbcf;--glow:#c9874f}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif}
.wrap{max-width:40rem;margin:0 auto;padding:3.2rem 1.4rem 4rem}
.mark{display:flex;gap:.45rem;margin-bottom:1.6rem}
.mark i{width:.85rem;height:.85rem;border-radius:50%;display:block}
.mark i:nth-child(1){background:#c9874f}.mark i:nth-child(2){background:#7c6fb0}.mark i:nth-child(3){background:#5f9a8c}
h1{font-weight:400;font-size:2.2rem;line-height:1.2;margin:0 0 .3rem}
.by{color:var(--soft);font-style:italic;margin:0 0 2.2rem}
h2{font-weight:400;font-size:1.25rem;margin:2.3rem 0 .5rem;padding-top:1.2rem;border-top:1px solid var(--line)}
h3{font-size:1rem;margin:1.4rem 0 .2rem;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif}
p,li{margin:.45rem 0}
a{color:var(--ink);text-decoration-color:var(--glow);text-underline-offset:3px}
.note{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;margin:1.6rem 0}
footer{margin-top:3rem;color:var(--soft);font-size:.9rem}