/* DFB Syntakstræ (grafisk) – Pergament & Oxblod */
.dfb-mt {
	--mt-oxblod: var(--bb-oxblod, #8b1a1a);
	--mt-blæk: #2b2420;
	--mt-daempet: #8a7f74;
	--mt-linje: #c9bfb2;
	--mt-pergament: #fbf7f0;
	--mt-kant: #e6ddd0;
	color: var(--mt-blæk);
}
.dfb-mt-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1.5rem; margin-bottom: .5rem; }
.dfb-mt-titel { margin: 0; font-family: Georgia, "Times New Roman", serif; }
.dfb-mt-titel span { color: var(--mt-daempet); font-weight: normal; }
.dfb-mt-valg { font-size: .9rem; color: var(--mt-daempet); cursor: pointer; }

.dfb-mt-noegle { margin: .5rem 0 1.25rem; font-size: .92rem; background: var(--mt-pergament); border: 1px solid var(--mt-kant); border-radius: 6px; padding: .5rem .9rem; }
.dfb-mt-noegle summary { cursor: pointer; color: var(--mt-oxblod); font-weight: 600; }
.dfb-mt-noegle dl { display: grid; grid-template-columns: max-content 1fr max-content 1fr; gap: .2rem .8rem; margin: .6rem 0 .2rem; }
.dfb-mt-noegle dt { font-family: ui-monospace, Menlo, Consolas, monospace; color: var(--mt-oxblod); font-weight: 600; }
.dfb-mt-noegle dd { margin: 0; }
@media (max-width: 600px) { .dfb-mt-noegle dl { grid-template-columns: max-content 1fr; } }

.dfb-mt-saetning { margin: 0 0 1.75rem; padding-top: .9rem; border-top: 1px solid var(--mt-kant); }
.dfb-mt-ref { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--mt-oxblod); margin: 0 0 .2rem; font-family: system-ui, sans-serif; }
.dfb-mt-graesk { font-family: "Gentium Plus", "SBL Greek", "Palatino Linotype", Georgia, serif; font-size: 1.05rem; margin: 0 0 .4rem; color: var(--mt-daempet); }
.dfb-mt-rul { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dfb-mt-svg { display: block; max-width: none; height: auto; }

.dfb-mt-linjer line { stroke: var(--mt-linje); stroke-width: 1; }
.dfb-mt-linjer line.dfb-mt-til-ord { stroke-dasharray: 2 3; }
.dfb-mt-linjer line.dfb-mt-aktiv { stroke: var(--mt-oxblod); stroke-width: 1.6; stroke-dasharray: none; }

.dfb-mt-lab { font: 11px system-ui, -apple-system, "Segoe UI", sans-serif; fill: #6b5f55; cursor: pointer; }
.dfb-mt-lab-rolle { fill: var(--mt-oxblod); font-weight: 600; }
.dfb-mt-lab-ord { fill: var(--mt-daempet); }
.dfb-mt-lab.dfb-mt-aktiv, .dfb-mt-lab.dfb-mt-fast { fill: var(--mt-oxblod); text-decoration: underline; }

.dfb-mt-gr { font: 17px "Gentium Plus", "SBL Greek", "Palatino Linotype", Georgia, serif; fill: var(--mt-blæk); }
.dfb-mt-da { font: 13px system-ui, -apple-system, "Segoe UI", sans-serif; fill: #4a3f37; }
.dfb-mt-da.dfb-mt-tom { fill: #c0b6aa; }
.dfb-mt-en { font: italic 13px system-ui, -apple-system, "Segoe UI", sans-serif; fill: var(--mt-daempet); }
.dfb-mt-vers { font: 11px system-ui, sans-serif; fill: var(--mt-daempet); }
.dfb-mt-ordraekke.dfb-mt-aktiv .dfb-mt-gr,
.dfb-mt-ordraekke.dfb-mt-markeret .dfb-mt-gr { fill: var(--mt-oxblod); font-weight: 600; }
.dfb-mt-ordraekke.dfb-mt-aktiv .dfb-mt-da,
.dfb-mt-ordraekke.dfb-mt-markeret .dfb-mt-da { fill: var(--mt-oxblod); }

.dfb-mt-kilde { font-size: .8rem; color: var(--mt-daempet); margin-top: 1rem; }

/* Bog/kapitel-vaelger: grundstilen kommer fra temaet (.dfb-nav, .dfb-mega-*), resten som i dfb-lxx */
.dfb-mt .dfb-nav { margin-bottom: 1.25rem; }
.dfb-mt .dfb-mega-lxx-titel { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: #8a0000; text-transform: uppercase; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #e0d6c8; }
.dfb-mt .dfb-mega-lxx-raekke { display: flex; gap: 24px; align-items: flex-start; }
.dfb-mt .dfb-mega-lxx-col { flex: 1; min-width: 0; }
.dfb-mt .dfb-mega-lxx-sek-titel { font-size: 10px; font-weight: 700; letter-spacing: .08em; color: #666; margin: 0 0 6px 0; padding: 0; }
.dfb-mt.dfb-mt-henter .dfb-mt-saetninger { opacity: .4; transition: opacity .15s; }

.dfb-mt-tip { position: fixed; z-index: 100001; pointer-events: none; max-width: 280px; padding: .35rem .6rem; background: #2b2420; color: #fbf7f0; font: 13px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif; border-radius: 4px; border-left: 3px solid #8b1a1a; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.dfb-mt-tip[hidden] { display: none; }

/* Som paa laesersiden (temaets .bb-ny-laeser-regler), men kun her */
.dfb-mt.dfb-laesning-wrap { max-width: none; margin: 0; }
.dfb-mt .dfb-nav { background: transparent; border: 0; border-bottom: 1px solid #e6ddd0; border-radius: 0; padding: 0 0 20px; margin: 0 0 28px; box-shadow: none; }
.dfb-mt .dfb-label { color: #5c4f45; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.dfb-mt .dfb-btn-vis { border-radius: 999px; background: var(--bb-oxblod, #8b1a1a); color: #fff; border: 0; padding: .5rem 1.5rem; }
.dfb-mt .dfb-btn-vis:hover { background: #6e1414; }

/* Hebraisk */
.dfb-mt-gr.dfb-mt-hb { font: 19px "SBL Hebrew", "Ezra SIL", "Taamey Frank CLM", "Times New Roman", serif; }
.dfb-mt-graesk.dfb-mt-hb-linje { font-family: "SBL Hebrew", "Ezra SIL", "Taamey Frank CLM", "Times New Roman", serif; font-size: 1.25rem; text-align: right; }

/* 0.5.0: klikbare ord -> soegning */
.dfb-mt-soeg, .dfb-mt-soeg:hover, .dfb-mt-soeg:focus,
.dfb-mt-soeg .dfb-mt-gr { cursor: pointer; text-decoration: none !important; }
.dfb-mt-soeg:hover .dfb-mt-gr, .dfb-mt-soeg:focus .dfb-mt-gr { fill: #7a241f; }