/* Gemeinsames Styling für die Rechts-/Support-Seiten von Elternkompass */
:root{
  --green:#43614f; --green-deep:#324a3c; --paper:#f3ece1; --cream:#fcfaf6;
  --ink:#2c2a26; --muted:#6f6658; --line:#e4dccd;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
.wrap{max-width:760px;margin:0 auto;padding:28px 22px 80px}
.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:28px}
.brand{font-weight:800;color:var(--green-deep);text-decoration:none}
.back{color:var(--muted);text-decoration:none;font-size:14px}
.back:hover{color:var(--ink)}
h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:34px;color:var(--green-deep);margin:8px 0 18px;letter-spacing:-.5px}
h2{font-size:19px;color:var(--green-deep);margin:28px 0 8px}
h3{font-size:16px;margin:18px 0 6px}
p,li{font-size:15.5px;color:var(--ink);margin:8px 0}
ul{padding-left:22px}
a{color:var(--green-deep)}
.muted{color:var(--muted);font-size:13.5px}
.note{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:18px 0;font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;font-size:13.5px;color:var(--muted)}
footer a{color:var(--muted);margin-right:16px;text-decoration:none}
footer a:hover{color:var(--ink)}