/* Grundlayout — Farben kommen als CSS-Variablen aus dem Branding (includes/branding.php) */
:root{
  --panel:#fffdf8;
  --ink:#20242b;
  --ink-soft:#54606e;
  --navy-soft:#1c3a57;
  --gold-soft:#e4cfa0;
  --line:#ddd0b0;
  --ok:#3e6b4f;
  --err:#a33b3b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg,#f6f1e6);color:var(--ink);font-family:var(--font-serif,Georgia,'Times New Roman',serif);}
a{color:var(--navy,#12283f);}
.topnav{background:var(--navy,#12283f);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:3px solid var(--gold,#b8863b);flex-wrap:wrap;gap:12px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;}
.seal{width:42px;height:42px;border-radius:50%;border:2px solid var(--gold,#b8863b);display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--gold,#b8863b);font-size:calc(13px * var(--font-scale,1));background:var(--navy-soft);}
.brandtext{display:flex;flex-direction:column;}
.brandtext .name{font-size:calc(16px * var(--font-scale,1));letter-spacing:.02em;}
.brandtext .motto{font-size:calc(10.5px * var(--font-scale,1));color:var(--gold-soft);font-style:italic;letter-spacing:.1em;}
.navlinks{display:flex;gap:14px;font-family:var(--font-sans,system-ui,sans-serif);flex-wrap:wrap;}
.navlinks a{color:#e9e2cf;text-decoration:none;font-size:calc(14px * var(--font-scale,1));padding:8px 4px;}
.navlinks a:hover{color:var(--gold,#b8863b);}
main{max-width:1360px;margin:0 auto;padding:30px 32px 70px;}
.sitefooter{text-align:center;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(11px * var(--font-scale,1));color:var(--ink-soft);padding:24px;}

/* Startseite (Landing Page) */
.hero{text-align:center;padding:26px 0 6px;}
.hero .kicker{font-family:var(--font-sans,system-ui,sans-serif);color:var(--gold,#b8863b);letter-spacing:.22em;text-transform:uppercase;font-size:calc(11.5px * var(--font-scale,1));margin-bottom:12px;}
.hero h1{font-size:calc(32px * var(--font-scale,1));color:var(--navy,#12283f);margin:0 0 14px;line-height:1.25;}
.hero .lead{font-family:var(--font-sans,system-ui,sans-serif);color:var(--ink-soft);font-size:calc(15px * var(--font-scale,1));max-width:620px;margin:0 auto 34px;line-height:1.65;}
.intro-text{max-width:700px;margin:0 auto 42px;font-size:calc(15.5px * var(--font-scale,1));line-height:1.75;color:var(--ink);text-align:center;font-style:italic;}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:42px;}
.pillar{background:var(--panel);border:1px solid var(--line);padding:30px 22px;text-align:center;}
.pillar-icon{width:66px;height:66px;border-radius:50%;background:var(--navy,#12283f);border:2px solid var(--gold,#b8863b);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.pillar h3{color:var(--navy,#12283f);font-size:calc(15px * var(--font-scale,1));margin:0 0 10px;letter-spacing:.01em;}
.pillar p{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));color:var(--ink-soft);line-height:1.6;margin:0;}
.cta-box{text-align:center;background:var(--navy,#12283f);color:#fff;padding:44px 24px;margin-bottom:8px;border-top:3px solid var(--gold,#b8863b);}
.cta-box h2{margin:0 0 8px;font-size:calc(21px * var(--font-scale,1));}
.cta-box .motto{color:var(--gold-soft);font-style:italic;font-size:calc(12px * var(--font-scale,1));letter-spacing:.12em;margin-bottom:22px;}
.cta-box .fine{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(11.5px * var(--font-scale,1));color:var(--gold-soft);margin-top:16px;}
.cta-box .fine a{color:var(--gold-soft);}
@media(max-width:820px){.pillars{grid-template-columns:1fr}}

.flash{font-family:var(--font-sans,system-ui,sans-serif);padding:12px 16px;margin-bottom:18px;border-radius:2px;font-size:calc(14px * var(--font-scale,1));}
.flash-success{background:#e5f1e8;color:var(--ok);border:1px solid var(--ok);}
.flash-error{background:#f6e6e6;color:var(--err);border:1px solid var(--err);}
.flash-info{background:var(--gold-soft);color:#5b4415;border:1px solid var(--gold,#b8863b);}

.card{background:var(--panel);border:1px solid var(--line);padding:26px;margin-bottom:20px;max-width:var(--card-max-width,none);margin-left:auto;margin-right:auto;}

/* "+ Neu"-Aufklapper: hält die Anlegen-Formulare (Feed, Wissensartikel, Tarif) bis zum
   Klick verborgen, damit die Übersichtsseite nicht von einem dauerhaft offenen Formular
   dominiert wird — Inhalt wird erst beim Öffnen sichtbar (bzw. der Editor initialisiert). */
.neu-disclosure{margin-bottom:20px;max-width:var(--card-max-width,none);margin-left:auto;margin-right:auto;}
.neu-disclosure summary{list-style:none;cursor:pointer;}
.neu-disclosure summary::-webkit-details-marker{display:none;}
.neu-disclosure[open] summary{margin-bottom:16px;}
.neu-disclosure-inhalt{background:var(--panel);border:1px solid var(--line);padding:26px;}
.card h1,.card h2{color:var(--navy,#12283f);margin-top:0;}

form.stacked label{display:block;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));color:var(--ink-soft);margin:12px 0 4px;}
form.stacked input[type=text],form.stacked input[type=email],form.stacked input[type=password],
form.stacked input[type=date],form.stacked input[type=file],form.stacked select,form.stacked textarea{
  width:100%;padding:10px 12px;border:1px solid var(--line);background:#fff;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));
}
form.stacked textarea{min-height:90px;}
.btn{display:inline-block;padding:11px 22px;background:var(--navy,#12283f);color:#fff;border:none;font-family:var(--font-sans,system-ui,sans-serif);letter-spacing:.04em;font-size:calc(14px * var(--font-scale,1));cursor:pointer;text-decoration:none;margin-top:14px;}
.btn:hover{background:var(--navy-soft);}
.btn-gold{background:var(--gold,#b8863b);color:var(--navy,#12283f);font-weight:700;}
.btn-small{padding:6px 12px;font-size:calc(14px * var(--font-scale,1));margin-top:0;}
.btn-danger{background:var(--err);}

.login-wrap{display:flex;justify-content:center;padding:30px 0;}
.login-card{width:400px;text-align:center;}
.login-seal{width:64px;height:64px;border-radius:50%;border:3px solid var(--gold,#b8863b);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:calc(20px * var(--font-scale,1));color:var(--gold,#b8863b);font-weight:bold;}
.motto{font-style:italic;color:var(--gold,#b8863b);letter-spacing:.1em;font-size:calc(12.5px * var(--font-scale,1));}

.avatar{width:56px;height:56px;border-radius:50%;background:var(--navy,#12283f);color:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0;}
.badge{display:inline-block;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(10.5px * var(--font-scale,1));padding:4px 9px;border-radius:2px;letter-spacing:.03em;}
.badge-verified{background:var(--gold-soft);color:#5b4415;}
.badge-pending{background:#f3e6c9;color:#7a5b12;}
.badge-amt{background:var(--navy-soft);color:#fff;margin-left:6px;}

table.admin-table{width:100%;border-collapse:collapse;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));}
table.admin-table th,table.admin-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);}
table.admin-table th{color:var(--navy,#12283f);font-size:calc(11.5px * var(--font-scale,1));text-transform:uppercase;letter-spacing:.05em;}

.qual-card{background:var(--panel);border:1px solid var(--line);padding:16px;margin-bottom:12px;font-family:var(--font-sans,system-ui,sans-serif);}
.qual-card .art{font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(14px * var(--font-scale,1));margin-bottom:4px;}
.qual-card .datum{font-size:calc(11px * var(--font-scale,1));color:var(--gold,#b8863b);margin-bottom:6px;}
.qual-card .beschreibung{font-size:calc(14px * var(--font-scale,1));color:var(--ink-soft);}
.doc-note{font-size:calc(11px * var(--font-scale,1));color:var(--ink-soft);margin-top:6px;}

.post{background:var(--panel);border:1px solid var(--line);padding:18px;margin-bottom:14px;font-family:var(--font-sans,system-ui,sans-serif);}
.post-hervorgehoben{border:1px solid var(--gold,#b8863b);border-left:4px solid var(--gold,#b8863b);box-shadow:0 2px 8px rgba(184,134,59,.18);}
.post-hervorgehoben-label{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(11px * var(--font-scale,1));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8a5a2e;margin-bottom:10px;}
.post .meta{display:flex;gap:10px;align-items:center;margin-bottom:10px;}
.post .meta .avatar{width:36px;height:36px;font-size:calc(11px * var(--font-scale,1));}
.post .meta .who{font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(13.5px * var(--font-scale,1));}
.post .meta .when{font-size:calc(11px * var(--font-scale,1));color:var(--ink-soft);}

.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(12.5px * var(--font-scale,1));}
.modul-h3{color:var(--navy,#12283f);font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(12px * var(--font-scale,1));text-transform:uppercase;letter-spacing:.06em;margin:18px 0 6px;}

.color-swatch{display:inline-block;width:18px;height:18px;border:1px solid var(--line);vertical-align:middle;margin-right:6px;}

/* WYSIWYG-Editor (Quill) und gerenderte Editor-Inhalte */
.editor-wrap{background:#fff;margin-bottom:14px;}
.editor-wrap .ql-toolbar{border-color:var(--line);}
.editor-wrap .ql-container{border-color:var(--line);font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));min-height:140px;}
.editor-wrap .ql-editor{min-height:140px;}
.post-content,.artikel-inhalt{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));line-height:1.65;color:var(--ink);}
.post-content p,.artikel-inhalt p{margin:0 0 10px;}
.post-content img,.artikel-inhalt img{max-width:100%;height:auto;margin:8px 0;border:1px solid var(--line);}
.post-content blockquote,.artikel-inhalt blockquote{border-left:3px solid var(--gold,#b8863b);margin:10px 0;padding:4px 0 4px 14px;color:var(--ink-soft);font-style:italic;}
.post-content ul,.post-content ol,.artikel-inhalt ul,.artikel-inhalt ol{margin:0 0 10px;padding-left:22px;}
.post-content h1,.post-content h2,.post-content h3,.artikel-inhalt h1,.artikel-inhalt h2,.artikel-inhalt h3{font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);margin:14px 0 8px;}
.post-content a,.artikel-inhalt a{color:var(--navy,#12283f);text-decoration:underline;}

/* Arbeitsorte (Profil) */
.arbeitsort-card{background:var(--panel);border:1px solid var(--line);padding:14px 16px;margin-bottom:10px;font-family:var(--font-sans,system-ui,sans-serif);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}

/* Profilseite */
.profil-kopf{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold,#b8863b);padding:26px;margin-bottom:20px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;max-width:var(--card-max-width,none);margin-left:auto;margin-right:auto;}
.profil-kopf-info h1{margin:0 0 4px;}
.profil-kopf-meta{font-family:var(--font-sans,system-ui,sans-serif);color:var(--ink-soft);font-size:calc(14px * var(--font-scale,1));margin:0 0 10px;}
.profil-kopf-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.profil-kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;max-width:var(--card-max-width,none);margin-left:auto;margin-right:auto;}
@media(max-width:760px){.profil-kontakt-grid{grid-template-columns:1fr;}}
.profil-kontakt-card,.profil-karte-card{background:var(--panel);border:1px solid var(--line);padding:22px;}
.profil-kontakt-zeile{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));}
.profil-kontakt-zeile:last-child{margin-bottom:0;}
.profil-kontakt-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--navy,#12283f);color:var(--gold-soft,#e4cfa0);display:flex;align-items:center;justify-content:center;font-size:15px;}
.profil-kontakt-label{font-size:calc(11px * var(--font-scale,1));text-transform:uppercase;letter-spacing:.05em;color:var(--gold,#b8863b);margin-bottom:2px;}
#profil-karte-container{width:100%;height:220px;border:1px solid var(--line);background:#eee5d2;}
.arbeitsort-card .bezeichnung{font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(14px * var(--font-scale,1));}
.arbeitsort-card .position{font-size:calc(12.5px * var(--font-scale,1));color:var(--ink-soft);margin-top:2px;}
.arbeitsort-card .adresse{font-size:calc(12px * var(--font-scale,1));color:var(--ink-soft);margin-top:2px;}

/* Profilfoto / Fotogalerie */
.avatar-foto{object-fit:cover;}
.profilfoto-vorschau{display:flex;align-items:center;gap:16px;margin-bottom:14px;}
.profilfoto-vorschau .avatar,.profilfoto-vorschau .avatar-foto{width:96px;height:96px;font-size:26px;}
/* Mitgliederverzeichnis */
.mitglieder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:8px;}
.mitglied-card{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:14px 16px;text-decoration:none;color:var(--ink);transition:border-color .15s;}
.mitglied-card:hover{border-color:var(--gold,#b8863b);}
.mitglied-card .mitglied-info{min-width:0;}
.mitglied-card .name{font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(15px * var(--font-scale,1));font-weight:700;}
.mitglied-card .spezialgebiet{font-size:calc(12.5px * var(--font-scale,1));color:var(--ink-soft);margin-top:2px;}
.mitglied-card .ort{font-size:calc(11.5px * var(--font-scale,1));color:var(--gold,#b8863b);margin:2px 0 6px;}

.foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;}
.foto-thumb{display:block;background:var(--panel);border:1px solid var(--line);text-decoration:none;overflow:hidden;}
.foto-thumb img{width:100%;height:140px;object-fit:cover;display:block;}
.foto-thumb .unterschrift{display:block;padding:6px 8px;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(11px * var(--font-scale,1));color:var(--ink-soft);}
.foto-verwalten-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px;}
.foto-verwalten-grid .foto-karte{position:relative;background:var(--panel);border:1px solid var(--line);overflow:hidden;}
.foto-verwalten-grid .foto-karte img{width:100%;height:120px;object-fit:cover;display:block;}
.foto-verwalten-grid .foto-karte form{padding:6px;}
.foto-verwalten-grid .foto-karte .btn-small{width:100%;text-align:center;}

/* Qualifikations-Thumbnails */
.qual-card-mit-thumb{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.qual-card-mit-thumb .qual-text{flex:1;min-width:0;}
.qual-thumb{flex-shrink:0;}
.qual-thumb img{width:64px;height:80px;object-fit:cover;border:1px solid var(--line);display:block;}
.qual-thumb-pdf{display:flex;align-items:center;justify-content:center;width:64px;height:80px;border:1px solid var(--line);background:#f1ece0;color:var(--navy,#12283f);font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(11px * var(--font-scale,1));font-weight:700;letter-spacing:.04em;text-decoration:none;}

/* Fachgruppen */
.fachgruppe-card{background:var(--panel);border:1px solid var(--line);padding:18px;margin-bottom:12px;font-family:var(--font-sans,system-ui,sans-serif);}
.fachgruppe-card h3{margin:0 0 4px;font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(15px * var(--font-scale,1));}
.fachgruppe-card .meta{font-size:calc(11.5px * var(--font-scale,1));color:var(--gold,#b8863b);margin-bottom:8px;}
.fachgruppe-card p{font-size:calc(14px * var(--font-scale,1));color:var(--ink-soft);margin:0 0 10px;}

/* Jobs / Stellenmarkt */
.job-card{background:var(--panel);border:1px solid var(--line);padding:18px;margin-bottom:12px;font-family:var(--font-sans,system-ui,sans-serif);}
.job-card h3{margin:0 0 4px;font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(19px * var(--font-scale,1));}
.job-card .unternehmen{font-size:calc(14px * var(--font-scale,1));color:var(--ink-soft);}
.job-card .ort{font-size:calc(11.5px * var(--font-scale,1));color:var(--gold,#b8863b);margin:4px 0 10px;}
.job-card .beschreibung{font-size:calc(14px * var(--font-scale,1));white-space:pre-line;}

/* Wissensdatenbank */
.artikel-card{background:var(--panel);border:1px solid var(--line);padding:18px;margin-bottom:12px;font-family:var(--font-sans,system-ui,sans-serif);}
.artikel-card h3{margin:0 0 4px;font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(15px * var(--font-scale,1));}
.artikel-card .kategorie{display:inline-block;font-size:calc(10.5px * var(--font-scale,1));padding:3px 10px;border-radius:10px;margin-bottom:8px;font-weight:700;letter-spacing:.02em;}
.artikel-card .inhalt{font-size:calc(14px * var(--font-scale,1));white-space:pre-line;color:var(--ink);}

.farbpunkt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;}

.wissen-kategorie-header{border-left:5px solid var(--navy,#12283f);background:var(--panel);padding:10px 16px;margin:26px 0 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.wissen-kategorie-header .wissen-kategorie-name{font-family:var(--font-serif,Georgia,serif);font-weight:700;font-size:calc(17px * var(--font-scale,1));color:var(--navy,#12283f);}
.wissen-kategorie-header .wissen-kategorie-anzahl{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(11px * var(--font-scale,1));color:#fff;background:var(--navy,#12283f);padding:2px 10px;border-radius:10px;}
.wissen-kategorie-header .wissen-kategorie-beschreibung{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(12px * var(--font-scale,1));color:var(--ink-soft);flex-basis:100%;}
.wissen-kategorie-header-neutral{border-left-color:#999;border-left-style:dashed;}
.wissen-kategorie-header-neutral .wissen-kategorie-name{color:var(--ink-soft);}
.wissen-kategorie-header-neutral .wissen-kategorie-anzahl{background:#888;}

/* Tarifübersicht */
table.tarif-table{width:100%;border-collapse:collapse;font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));background:var(--panel);border:1px solid var(--line);}
table.tarif-table th,table.tarif-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);}
table.tarif-table th{color:#fff;background:var(--navy,#12283f);font-size:calc(11.5px * var(--font-scale,1));text-transform:uppercase;letter-spacing:.05em;}

/* Werbung */
.ad-banner{background:var(--gold-soft);border:1px solid var(--gold,#b8863b);padding:14px 18px;margin-bottom:20px;font-family:var(--font-sans,system-ui,sans-serif);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.ad-banner .label{font-size:calc(9.5px * var(--font-scale,1));text-transform:uppercase;letter-spacing:.08em;color:#5b4415;}
.ad-banner .text{font-size:calc(14px * var(--font-scale,1));color:#3d3011;}
.ad-banner a.btn{margin-top:0;}

/* Mitgliederkarte */
#karte-container{width:100%;height:520px;border:1px solid var(--line);background:#eee5d2;}
.karte-hinweis{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(14px * var(--font-scale,1));color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);padding:18px;}

/* Organigramm */
.org-ebene{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.org-box{background:var(--panel);border:2px solid var(--navy,#12283f);padding:12px 16px;font-family:var(--font-sans,system-ui,sans-serif);text-align:center;min-width:170px;}
.org-box .titel{font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(13.5px * var(--font-scale,1));font-weight:700;}
.org-box .inhaber{font-size:calc(12px * var(--font-scale,1));color:var(--ink-soft);margin-top:4px;}
.org-box .vakant{font-size:calc(11.5px * var(--font-scale,1));color:#a67a1f;font-style:italic;margin-top:4px;}

/* Mitgliederversammlung & Abstimmungen */
.mv-card{background:var(--panel);border:1px solid var(--line);padding:18px;margin-bottom:14px;font-family:var(--font-sans,system-ui,sans-serif);}
.mv-card h3{margin:0 0 4px;font-family:var(--font-serif,Georgia,serif);color:var(--navy,#12283f);font-size:calc(15px * var(--font-scale,1));}
.mv-card .termin{font-size:calc(12px * var(--font-scale,1));color:var(--gold,#b8863b);margin-bottom:6px;}
.antrag-card{border-top:1px solid var(--line);padding:14px 0;font-family:var(--font-sans,system-ui,sans-serif);}
.antrag-card h4{margin:0 0 4px;color:var(--navy,#12283f);font-size:calc(14px * var(--font-scale,1));}
.vote-buttons{display:flex;gap:8px;margin-top:10px;}
.vote-buttons .btn{margin-top:0;padding:8px 16px;}
.vote-result{display:flex;gap:14px;font-size:calc(12px * var(--font-scale,1));color:var(--ink-soft);margin-top:8px;}
.vote-result strong{color:var(--navy,#12283f);}