/* Les citacions a demanda mantenen el ritme del text i la traçabilitat. */
.art .cita-marge { position:static;display:contents;margin:0;width:auto; }
body[data-fonts-ready] .art .cita-marge { display:none; }
.art button.cita { display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:40px;min-height:28px;padding:4px 6px;margin-inline:4px 0;border:0;border-radius:5px;background:transparent;color:var(--foix);font:500 .6875rem/1.2 var(--sans);vertical-align:baseline;cursor:pointer; }
.art button.cita::before { content:'[';opacity:.55; }
.art button.cita::after { content:']';opacity:.55; }
.art button.cita:is(:hover,:focus-visible) { background:var(--paper-2);color:var(--ink);outline:1px solid var(--rule); }
.art .acte { padding-bottom:0; }
.font-preview { position:fixed;z-index:55;width:min(360px,calc(100vw - 24px));padding:18px 20px;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:10px;box-shadow:0 8px 36px #0003;pointer-events:auto; }
.font-preview[hidden] { display:none; }
.font-preview b { display:block;font:500 .6875rem/1.5 var(--sans);color:var(--foix); }
.font-preview p { display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0;font:.8125rem/1.65 var(--sans); }
.font-preview > span { font:.6875rem/1.5 var(--sans);color:var(--ink-3); }
.font-reader { background:var(--paper);color:var(--ink); }
.font-reader[open] { display:flex;flex-direction:column; }
.font-reader-bar { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px 10px 32px;border-bottom:1px solid var(--rule);flex-shrink:0; }
.font-reader-bar > span { color:var(--ink-3);font:.75rem var(--sans); }
.font-reader-bar button { display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:none;color:var(--ink);font:.8125rem var(--sans);cursor:pointer; }
.font-reader-bar button:hover { background:var(--paper-2); }
.font-reader-bar button span { font-size:1.25rem; }
.font-reader-body { min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:40px 64px 48px; }
.font-reader-body > .eyebrow { font-size:.6875rem;margin-bottom:18px; }
.font-reader-body h2 { font:500 clamp(1.75rem,3.2vw,2.65rem)/1.18 var(--sans);letter-spacing:-.04em;margin:0 0 32px;text-wrap:balance; }
.font-reader .cita-panell { margin:0;padding:0;border:0; }
.font-reader .cita-panell .cita-full { margin:0 0 28px; }
.font-reader .cita-panell .cita-full img { width:100%;height:auto;max-height:400px;max-width:none;object-fit:contain;border-radius:6px;background:var(--paper-2); }
.font-reader .cita-panell .cita-lit { margin:0 0 28px;padding-left:20px;border-left:2px solid var(--rule);font:1.0625rem/1.8 var(--sans);color:var(--ink-2); }
.font-reader .cita-panell .cita-ref { margin:0 0 20px;padding:0;border:0;font:1rem/1.8 var(--sans);color:var(--ink-2);overflow-wrap:anywhere; }
.font-reader .cita-panell .cita-accions { margin:28px 0 0; }
.font-reader .cita-panell a { display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--foix);font:.875rem/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px; }
@media(max-width:700px){
 .font-reader-bar{padding:8px 12px 8px 24px;}
 .font-reader-body{padding:28px 24px 36px;}
 .font-reader .cita-panell .cita-ref{font-size:.9375rem;}
 .font-reader .cita-panell .cita-lit{font-size:1rem;}
 .art button.cita{min-height:32px;}
}
@media print { body[data-fonts-ready] .art .cita-marge{display:contents;} .font-preview,.font-reader{display:none!important;} }