:root{--cream:#FFF8EC;--orange:#F28C28;--purple:#6B3FA0;--ink:#2E2340}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--cream);color:var(--ink)}
nav{display:flex;justify-content:space-between;align-items:center;padding:14px 6%;background:#fff;border-bottom:3px solid var(--orange)}
nav a{color:var(--purple);margin-left:18px;text-decoration:none;font-family:sans-serif}
.logo{font-weight:bold;font-size:1.4em;color:var(--purple)}
.btn{display:inline-block;background:var(--orange);color:#fff!important;padding:12px 22px;border-radius:30px;text-decoration:none;font-family:sans-serif;font-weight:bold}
.btn.alt{background:var(--purple)}
.hero{display:flex;align-items:center;gap:40px;padding:50px 6%}.hero img{width:300px}
.hero h1{font-size:2.6em;color:var(--purple);margin:0 0 10px}
section{padding:40px 6%}h2{color:var(--purple);text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.card{background:#fff;border-radius:14px;padding:20px;border-top:5px solid var(--orange);box-shadow:0 2px 8px #0001}
.card h3{margin-top:0;color:var(--orange)}
.badge{opacity:.6;border:2px dashed var(--purple);padding:10px 16px;border-radius:10px;font-family:sans-serif}
footer{background:var(--purple);color:#fff;padding:24px 6%;font-family:sans-serif}footer a{color:#FFD9B0;margin-right:16px}
.draft{background:#ffe0b3;padding:12px;border:2px solid var(--orange);font-family:sans-serif}
nav .links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}a.logo{text-decoration:none;margin-left:0}
.card ul,.card ol{padding-left:20px;line-height:1.5}
@media(max-width:700px){.hero{flex-direction:column;text-align:center}.hero img{width:200px}nav{flex-direction:column;gap:8px}nav a{margin-left:10px}}

.legal{max-width:820px;margin:auto;line-height:1.6}.legal h1{color:var(--purple)}.legal h2{text-align:left;margin-top:1.8em}.legal h3{color:var(--orange);margin-bottom:.3em}.legal table{border-collapse:collapse;width:100%;font-size:.95em;background:#fff}.legal th,.legal td{border:1px solid #d9cfe6;padding:8px;text-align:left;vertical-align:top}.legal th{background:#f1eaf8}.legal .note{background:#fff;border-left:5px solid var(--purple);padding:12px 16px;border-radius:8px}.legal .crisis{border:2px solid #c0392b;padding:14px;border-radius:10px;background:#fff}.legal .toc a{margin-right:12px}

/*seo*/.explore a{margin-right:12px}.legal table{display:block;overflow-x:auto}picture img{max-width:100%;height:auto}.card h3 a{color:var(--orange)}.hero picture img{width:300px}@media(max-width:700px){.hero picture img{width:200px}}
