*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#faf7f2;color:#2d2a26;font-family:Georgia,"Times New Roman",serif;line-height:1.8}
header.minimal{background:#fff;padding:16px 0;text-align:center;border-bottom:1px solid #e8e0d5}
.logo{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid #7c3aed;margin:0 auto 8px}
.logo img{width:100%;height:100%;object-fit:cover}
header.minimal h1{font-size:1.2rem;font-weight:500;margin:0;letter-spacing:.05em}
header.minimal p{font-size:.72rem;color:#7c3aed;margin:2px 0 0}
.hero{background:linear-gradient(rgba(250,247,242,.3),rgba(250,247,242,.5)),url(img/hero.jpg) center/cover no-repeat;padding:90px 20px 50px;text-align:center}
.hero h1{font-size:2rem;font-weight:normal;margin:0 0 10px;color:#1c1917}
.hero p{font-size:1rem;color:#57534e;max-width:480px;margin:0 auto}
nav.pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px 10px;background:#fff;border-bottom:1px solid #e8e0d5}
nav.pills a{color:#57534e;text-decoration:none;padding:7px 16px;font-size:.8rem;border-radius:20px;border:1px solid #e8e0d5}
nav.pills a.on{background:#7c3aed;color:#fff;border-color:#7c3aed}
main{max-width:680px;margin:0 auto;padding:36px 22px 80px}
h2{font-size:1.3rem;margin:32px 0 14px;color:#6d28d9;font-weight:normal}
p,li{margin:0 0 16px}
ul{margin:0 0 16px 1.3em}
img{width:100%;height:auto;display:block;margin:18px 0;border-radius:6px}
.cap{color:#78716c;font-size:.82rem;margin:-8px 0 20px;font-style:italic}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.duo img{margin:0}
table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:.92rem;background:#fff}
th,td{border-bottom:1px solid #e8e0d5;padding:10px 8px;text-align:left}
th{color:#6d28d9}
.note{background:#f5f3ff;padding:16px;margin:22px 0;border-left:4px solid #7c3aed;font-size:.92rem}
footer.soft{background:#1c1917;color:#a8a29e;padding:36px 22px 20px;font-size:.88rem;text-align:center}
.fgrid{max-width:700px;margin:0 auto 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;text-align:left}
footer.soft a{color:#c4b5fd;text-decoration:none}
footer.soft h3{color:#fff;font-size:.9rem;margin:0 0 10px;font-weight:normal}
.end{color:#78716c;font-size:.8rem}
a{color:#6d28d9}
@media(max-width:700px){.duo,.fgrid{grid-template-columns:1fr}}