/* Werkseiten - baut auf style.css der Mint-Seite auf. */
.werk{max-width:44em;padding-top:40px;padding-bottom:64px}
.werk .zurueck{font-size:.8rem;color:var(--muted);margin:0 0 22px;
               letter-spacing:.04em}
.sprachen{float:right}
.sprachen a,.sprachen .hier{margin-left:10px}
.sprachen .hier{color:var(--ink)}
@media(max-width:560px){.sprachen{float:none;display:block;margin-top:8px}
                        .sprachen a:first-child,
                        .sprachen .hier:first-child{margin-left:0}}
.werk h1{font-size:clamp(1.8rem,4.4vw,2.6rem);text-align:left;margin:0 0 8px}
.werk .jahr{color:var(--muted);font-size:.9rem;margin:0 0 26px}
.werk figure{margin:0 0 26px}
.werk figure img{width:100%;border:1px solid var(--line);border-radius:3px;
                 display:block}
.rueckfall{color:var(--muted);font-size:.84rem;border-left:2px solid var(--line);
           padding:2px 0 2px 14px;margin:0 0 20px}
.werk .bedeutung{max-width:none;margin:0}
.werk .bedeutung p{color:var(--ink);font-size:1.06rem;line-height:1.65}
.werk h2{font-family:var(--serif);font-weight:400;font-size:1.25rem;
         color:var(--ink);margin:0 0 6px}
.verweise .lead{color:var(--muted);font-size:.86rem;margin:0 0 20px}
.verweise ol{list-style:none;margin:0;padding:0}
.verweise li{padding:15px 0;border-top:1px solid var(--line)}
.verweise li:first-child{border-top:0}
.art{display:inline-block;font-size:.68rem;letter-spacing:.14em;
     text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dim);
     border-radius:2px;padding:3px 8px;margin-right:10px;cursor:help}
.ziel{font-family:var(--serif);font-size:1.05rem}
.ziel em{font-style:normal;color:var(--muted);font-size:.85rem;margin-left:8px}
.beleg{display:block;color:var(--muted);font-size:.9rem;margin-top:7px;
       line-height:1.55}
.belegquelle{display:block;color:var(--muted);font-size:.8rem;margin-top:5px}
.quellen ul{list-style:none;margin:10px 0 0;padding:0}
.quellen li{padding:5px 0;font-size:.94rem}
.quellen .wer{color:var(--muted);font-size:.85rem}
.quellenlage{color:var(--muted);font-size:.84rem;line-height:1.55;margin:22px 0 0;
             border-left:2px solid var(--line);padding:2px 0 2px 14px}
.quellenlage span{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;
                  color:var(--gold)}

/* Gemeinsame Kopfzeile */
.navi{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
      font-size:.82rem;color:var(--muted);letter-spacing:.03em;
      padding-bottom:16px;margin-bottom:24px;
      border-bottom:1px solid var(--line)}
.navi a,.navi .hier{margin-right:14px}
.navi .sprachen a,.navi .sprachen .hier{margin:0 0 0 12px}
.navi .hier{color:var(--ink)}
@media(max-width:560px){.navi{flex-direction:column;gap:8px}}
.rule.schmal{margin:22px 0}
.beschreibung p{color:var(--muted);font-size:1rem;line-height:1.7}
.wissen{margin:26px 0 0;padding:0}
.wissen dt{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;
           color:var(--gold);margin:20px 0 6px}
.wissen dt:first-child{margin-top:0}
.wissen dd{margin:0;color:var(--muted);line-height:1.65;font-size:.98rem}

/* Das Verzeichnis unter /w/ */
.kapitelindex{list-style:none;margin:24px 0 8px;padding:0;
              display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
              gap:2px 18px}
.kapitelindex li{display:flex;justify-content:space-between;gap:10px;
                 padding:5px 0;font-size:.9rem;border-bottom:1px solid var(--line)}
.kapitelindex li span{color:var(--muted);font-size:.78rem;
                      font-variant-numeric:tabular-nums}
.mehr{color:var(--gold)}
.verzeichnis h2.kap{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
                    color:var(--muted);font-family:var(--sans);
                    margin:30px 0 6px;padding-top:14px;
                    border-top:1px solid var(--line)}
.liste{list-style:none;margin:0;padding:0}
.liste li a{display:flex;align-items:baseline;gap:14px;padding:9px 0;
            color:var(--ink);text-decoration:none;
            border-bottom:1px solid var(--line)}
.liste li a:hover{color:var(--gold)}
.liste .nr{color:var(--muted);font-size:.78rem;min-width:3.2em;
           font-variant-numeric:tabular-nums}
.liste .tit{font-family:var(--serif);font-size:1.05rem;flex:1}
.liste .jhr{color:var(--muted);font-size:.82rem}