:root{
  --teal:#2F6073; --navy:#233846; --aqua:#D9ECEC; --aqua-l:#EDF6F6;
  --mist:#F1F6F8; --coral:#D89A7C; --warm:#FAFAF7; --line:#DCE3E6;
  --ok:#2E7D5B; --warn:#8A5A00; --bad:#A33A2A;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.6;color:var(--navy);background:var(--warm)}
.wrap{max-width:880px;margin:0 auto;padding:0 24px}
a{color:var(--teal)} a:hover{text-decoration:none}
h1{font-size:28px;font-weight:600;line-height:1.25}
h2{font-size:19px;font-weight:600;margin:32px 0 12px}
h3{font-size:16px;font-weight:600;margin:20px 0 8px}
p{margin:10px 0}
header{background:#fff;border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.brand{font-size:19px;font-weight:600;color:var(--navy);text-decoration:none}
.brand span{color:var(--coral)}
header nav{display:flex;gap:20px;font-size:14px}
main{padding:36px 0 64px}
footer{background:var(--navy);color:rgba(255,255,255,.8);font-size:13px;padding:26px 0;margin-top:40px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a{color:rgba(255,255,255,.85)}
.lead{font-size:17px;color:#41586a;margin:12px 0 4px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin:18px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}
.hint{font-size:13px;color:#61798a;margin-top:4px}
input[type=text],input[type=number],input[type=file],select,textarea{
  width:100%;font:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--line);
  border-radius:7px;background:#fff;color:var(--navy)}
textarea{min-height:92px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--aqua);border-color:var(--teal)}
.check{display:flex;gap:9px;align-items:flex-start;font-size:14px;font-weight:400}
.check input{margin-top:4px;flex:none}
.btn{display:inline-block;font:inherit;font-size:16px;font-weight:500;padding:12px 24px;
  border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--teal);color:#fff}
.btn.primary:hover{background:var(--navy)}
.btn.coral{background:var(--coral);color:#fff}
.btn.ghost{border-color:var(--teal);color:var(--teal);background:#fff}
.btn:disabled{opacity:.5;cursor:not-allowed}
table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
th,td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
th{font-weight:600;background:var(--mist)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px}
.kv dt{color:#61798a} .kv dd{font-weight:500}
.note{border-left:3px solid var(--teal);background:var(--aqua-l);padding:12px 16px;
  border-radius:0 7px 7px 0;margin:14px 0;font-size:14.5px}
.note.warn{border-color:var(--coral);background:#FBF1EC}
.note.bad{border-color:var(--bad);background:#FBEDEA}
.note.ok{border-color:var(--ok);background:#EDF6F1}
.note ul{margin:6px 0 0 18px} .note li{margin:3px 0}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;
  background:var(--aqua);color:var(--teal);letter-spacing:.02em}
.pill.warn{background:#F6E3D8;color:#8A5A00}
.pill.bad{background:#F6DCD7;color:var(--bad)}
.stat{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0}
.stat div{min-width:96px}
.stat b{display:block;font-size:26px;font-weight:600;line-height:1.2}
.stat span{font-size:13px;color:#61798a}
.preis{font-size:20px;font-weight:600}
.muted{color:#61798a;font-size:13.5px}
hr{border:0;border-top:1px solid var(--line);margin:26px 0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:var(--mist);padding:1px 5px;border-radius:4px}