/* Mietspiegel: Übersicht nach Bundesland, Stand-Zeile, Status-Hinweise, Infoseiten. Ergänzt portal.css (Tokens dort). */

.kopfzeile .ms-stand{display:grid;gap:.15rem;margin:var(--s4) 0 0;padding:var(--s3) var(--s4);max-width:760px;font-size:.92rem;line-height:1.45;color:var(--mut);background:#fff;border:1px solid var(--linie);border-radius:var(--r2)}
.ms-stand b{color:var(--tinte);font-weight:600}
.ms-stand a{color:var(--wald);font-weight:600;overflow-wrap:anywhere}

.ms-status{display:grid;gap:.35rem;margin:var(--s5) 0 0;padding:var(--s4) var(--s5);border-radius:var(--r3);border:1px solid var(--linie);border-left:5px solid var(--wald);background:#fff}
.ms-status.warn{border-left-color:var(--gold);background:var(--gold-h)}
.ms-status b{font:700 1.05rem var(--display);letter-spacing:-.01em}
.ms-status .btn{justify-self:start;margin-top:.3rem}

.ms-vorteile{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s5)}
.ms-vorteile div{display:grid;gap:.3rem;align-content:start;padding:var(--s4);border-radius:var(--r3);background:var(--wald-h)}
.ms-vorteile b{font:700 1rem var(--display);letter-spacing:-.01em}
.ms-vorteile span{font-size:.92rem;color:var(--mut)}

.ms-such{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem var(--s4);align-items:center;position:sticky;top:0;z-index:5;background:#fff;padding:var(--s3) 0;margin-bottom:var(--s3)}
.ms-such label[for="ms-filter"]{grid-column:1/-1;font-weight:600}
.ms-such input[type="search"]{width:100%;min-height:48px;font-size:1rem}
.ms-such .ms-nur{margin:0;white-space:nowrap}

.ms-land{margin-top:var(--s5)}
.ms-land h2{font-size:1.25rem;margin:0 0 var(--s3);display:flex;gap:.5rem;align-items:baseline}
.ms-land h2 .mut{font-size:.9rem;font-weight:500}
.ms-liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.ms-eintrag a{display:grid;gap:.2rem;height:100%;align-content:start;background:#fff;border:1px solid var(--linie);border-radius:var(--r3);padding:var(--s4);text-decoration:none;color:var(--tinte)}
.ms-eintrag a:hover,.ms-eintrag a:focus-visible{border-color:var(--wald)}
.ms-eintrag b{font:800 1.12rem var(--display);letter-spacing:-.02em}
.ms-titel{font-size:.9rem}
.ms-meta{font-size:.85rem;color:var(--mut)}
.ms-eintrag em{font-style:normal;display:flex;gap:6px;flex-wrap:wrap;margin-top:.4rem}
.ms-tag.warn{background:var(--gold-h);border-color:var(--gold);color:var(--gold-d)}
.ms-tag.bremse{border-color:var(--wald);color:var(--wald)}
.ms-leer{margin:var(--s4) 0}

.ms-tabelle td{vertical-align:top}
.ms-tabelle td:first-child{white-space:nowrap;font-weight:600}

.ms-fakten{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.45rem var(--s4);margin:var(--s4) 0}
.ms-fakten dt{color:var(--mut);font-size:.9rem}
.ms-fakten dd{margin:0;overflow-wrap:anywhere}

@media (max-width:900px){.ms-vorteile{grid-template-columns:1fr}}
@media (max-width:560px){
  .ms-such{grid-template-columns:1fr}
  .ms-liste{grid-template-columns:1fr}
  .ms-fakten{grid-template-columns:1fr;gap:.1rem}
  .ms-fakten dd{margin-bottom:.45rem}
}