/* Quran-Übersetzungsvergleich PRO – styles scoped to v0.9 components. */
.pro-controls{margin:12px 0 16px;padding:17px 20px 14px;border-radius:18px;background:var(--paper,#fff);border:1px solid var(--border,#d9e9e2);box-shadow:0 6px 24px rgba(9,61,43,.035)}
.pro-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pro-controls-heading strong{display:block;font-size:1.04rem;line-height:1.3;color:var(--text)}
.pro-controls-heading span{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}
.pro-control-actions{display:flex;gap:8px;flex-wrap:wrap}
.pro-control-actions button,.pro-action-strip button{border:1px solid var(--border);background:var(--paper);color:var(--main);border-radius:9px;padding:7px 11px;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700}
.pro-control-actions button:hover,.pro-control-actions button:focus-visible{background:var(--subtle);outline-color:var(--main)}
.pro-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pro-choice{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-weight:650;font-size:.83rem;line-height:1.3;cursor:pointer;min-width:0}
.pro-choice:has(input:checked){background:var(--subtle);border-color:color-mix(in srgb,var(--main) 42%,var(--border));color:var(--main)}
.pro-choice input{width:16px;height:16px;accent-color:var(--main);flex-shrink:0;margin:0}
.pro-choice span{overflow-wrap:anywhere}
.pro-options{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.pro-options label{font-size:.83rem;font-weight:700;color:var(--text);display:flex;gap:9px;align-items:center}
.pro-options select{font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--border);padding:9px 10px;border-radius:9px;max-width:220px;min-height:39px}
.pro-options input{accent-color:var(--main);width:16px;height:16px}
.pro-count{font-size:.78rem;margin-left:auto;color:var(--main);font-weight:750;background:var(--subtle);padding:6px 9px;border-radius:30px;white-space:nowrap}
.pro-disclaimer{font-size:.74rem;color:var(--muted);margin:10px 0 0;line-height:1.55}
.pro-heading-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
/* Replaces the legacy 2-translation compact mode with precise persisted selection. */
.reading-pref{display:none}
.compact-translations .inline-translation:nth-child(n+3):not([hidden]){display:grid}
.inline-translation[hidden],.compare-card[hidden]{display:none!important}
.pro-reference{background:color-mix(in srgb,var(--subtle) 57%,transparent);box-shadow:inset 3px 0 var(--main);border-radius:4px}
.pro-difference{background:#ffdd8a;color:#302912;border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pro-single-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pro-single-grid .compare-card{margin:0}
.pro-page-head{margin-top:6px;margin-bottom:17px}
.pro-range-form{display:flex;align-items:flex-end;gap:11px;padding:15px;background:var(--paper);border:1px solid var(--border);border-radius:14px}
.pro-range-form label{display:grid;gap:6px;font-size:.8rem;color:var(--muted);font-weight:700;flex:1;min-width:0}
.pro-range-form label:first-of-type{flex:2}
.pro-range-form input,.pro-range-form select{padding:10px 11px;min-height:44px;border:1px solid var(--border);background:var(--paper);border-radius:9px;color:var(--text);font:inherit;max-width:100%;width:100%}
.pro-range-form button{min-height:44px}
.pro-action-strip{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:14px 0;color:var(--text)}
.pro-action-strip>span{font-size:.78rem;color:var(--muted)}
.pro-action-strip>div{display:flex;flex-wrap:wrap;gap:7px}
.pro-batch{display:grid;gap:14px}
.pro-batch-verse{break-inside:avoid;page-break-inside:avoid;scroll-margin-top:70px}
.pro-batch-navigation{display:flex;justify-content:space-between;gap:12px;margin:19px 0 35px}
.pro-batch-navigation a{border:1px solid var(--border);background:var(--paper);border-radius:10px;padding:10px 16px;text-decoration:none;color:var(--main);font-size:.87rem;font-weight:750}
.pro-batch-navigation a[aria-disabled="true"]{opacity:.45;pointer-events:none}
body.dark .pro-controls,body.dark .pro-range-form{background:var(--paper)}
body.dark .pro-choice{background:var(--paper)}
body.dark .pro-choice:has(input:checked){background:var(--subtle)}
body.dark .pro-difference{background:#ddae57;color:#241800}
@media(max-width:850px){.pro-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-page-head{display:block}.pro-single-grid{grid-template-columns:1fr}}
@media(max-width:580px){.pro-controls{padding:13px 12px}.pro-controls-heading{align-items:flex-start;flex-wrap:wrap}.pro-choices{gap:6px}.pro-choice{font-size:.77rem;padding:8px}.pro-options{gap:9px}.pro-options label{flex-wrap:wrap}.pro-count{margin-left:0}.pro-range-form{flex-wrap:wrap;gap:9px}.pro-range-form label:first-of-type{flex:1 1 100%}.pro-range-form label{flex:1 1 35%}.pro-action-strip>div{width:100%}.pro-action-strip button{flex:1}.pro-batch-navigation{flex-direction:column}.pro-batch-navigation a{text-align:center}}
@media print{
 .header,.dash-search,.pro-controls,.pro-range-form,.pro-action-strip button,.pro-batch-navigation,.verse-actions,.footer-admin,footer{display:none!important}
 .layout{padding:0;max-width:none}.pro-page-head p{display:none}.pro-batch{gap:12px}.pro-batch-verse{border:1px solid #ddd;box-shadow:none}
 .inline-translation[hidden],.compare-card[hidden]{display:none!important}
 .arabic{color:#000!important}.pro-difference{background:#eee!important;color:#000!important}
 .inline-translations{grid-template-columns:1fr 1fr}.inline-translation{break-inside:avoid}
}