/* dictionnaireBiblique.com : frise chronologique */
.frise-page{position:relative}
.fz-tools{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:18px 0 12px}
.fz-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 480px}
.fz-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 11px;font:600 .84rem var(--f-body);cursor:pointer;transition:background .15s,border-color .15s}
.fz-chip i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.fz-chip:hover{border-color:var(--c)}
.fz-chip[aria-pressed="true"]{background:var(--terra-soft);border-color:var(--c)}
.fz-print{flex:none}
.fz-zone:empty{display:none}.fz-zone{margin:8px 0 16px}

.fz-desk{background:var(--warm);border:1px solid var(--line);border-radius:14px;padding:12px 12px 8px}
.fz-minimap{position:relative;display:flex;height:16px;border-radius:8px;overflow:hidden;margin-bottom:10px}
.fz-minimap button{border:0;padding:0;cursor:pointer;opacity:.75;min-width:4px}
.fz-minimap button:hover{opacity:1}
.fz-vue{position:absolute;top:0;bottom:0;border:2px solid var(--ink);border-radius:8px;pointer-events:none;background:rgba(255,255,255,.18)}
.fz-scroll{overflow-x:auto;overflow-y:hidden;border-radius:10px;background:var(--surface);cursor:grab;scrollbar-width:thin;overscroll-behavior-x:contain}
.fz-scroll:active{cursor:grabbing}
.fz-scroll:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}
.fz-track{position:relative;padding-top:70px;padding-bottom:6px}
.fz-band{position:absolute;top:0;bottom:0;border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,transparent),color-mix(in srgb,var(--c) 5%,transparent) 140px,transparent)}
.fz-band header{position:sticky;left:0;height:42px;padding:6px 12px;border-top:5px solid var(--c);display:flex;flex-direction:column;justify-content:center}
.fz-band header b{font:700 1rem var(--f-display);color:var(--ink);white-space:nowrap}
.fz-band header span{font-size:.74rem;color:var(--ink-3);white-space:nowrap}
.fz-axis{position:absolute;top:47px;left:0;right:0;height:20px;border-bottom:1px dashed var(--line)}
.fz-axis span{position:absolute;transform:translateX(-50%);font:500 .7rem var(--f-mono);color:var(--ink-3)}
.fz-lane{position:relative;border-top:1px solid var(--line)}
.fz-le{height:calc(var(--hE) + 28px)}.fz-lp{height:calc(var(--hP) + 28px)}.fz-ll{height:calc(var(--hL) + 28px)}
.fz-lt{position:sticky;left:8px;display:inline-block;z-index:3;margin:4px 0 0;padding:2px 9px;border-radius:6px;background:var(--surface);font:700 .7rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--terra);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.fz-ev{position:absolute;margin-top:26px;width:150px;text-align:left;border:1px solid var(--line);border-left:4px solid var(--c);background:var(--surface);color:var(--ink);border-radius:8px;padding:3px 8px;cursor:pointer;font:inherit;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .15s,box-shadow .15s}
.fz-ev small{display:block;font-size:.68rem;color:var(--ink-3)}
.fz-ev b{display:block;font-size:.8rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-ev:hover,.fz-ev:focus-visible{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.12);z-index:2}
.fz-ev.sel{background:var(--terra-soft);border-color:var(--terra)}
.fz-bar{position:absolute;margin-top:26px;height:26px;display:flex;align-items:center;border-radius:13px;background:var(--lapis-soft);border:1px solid color-mix(in srgb,var(--lapis) 35%,transparent);color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:600;overflow:visible;white-space:nowrap}
.fz-bar span{padding:0 9px}
.fz-bar:hover{background:var(--lapis);color:var(--surface)}
.fz-liv.redac{background:var(--olive-soft);border-color:color-mix(in srgb,var(--olive) 40%,transparent)}
.fz-liv.cadre{background:transparent;border:1px dashed var(--olive)}
.fz-liv:hover{background:var(--olive);color:var(--surface)}
.fz-legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.8rem;color:var(--ink-2);margin:8px 2px 0}
.fz-legend span{display:inline-block;width:22px;height:10px;border-radius:5px;margin-right:-8px;vertical-align:middle}
.lg-c{border:1px dashed var(--olive)}.lg-r{background:var(--olive-soft);border:1px solid var(--olive)}.lg-p{background:var(--lapis-soft);border:1px solid var(--lapis)}

.fz-epcard{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--c)}
.fz-epcard h2{font-size:1.4rem;margin:2px 0}.fz-dates{color:var(--terra);font-weight:600;font-size:.88rem}
.fz-epcard p{color:var(--ink-2)}
.fz-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.fz-tags a{padding:4px 10px;border-radius:999px;background:var(--terra-soft);color:var(--ink);text-decoration:none;font-size:.85rem}
.fz-tags a:hover{background:var(--terra);color:var(--surface)}
.fz-tags a.tout{background:transparent;color:var(--lapis)}
.fz-mini-h{font:700 .7rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 0}

.fz-list{display:none}
.fz-sec{margin:0 0 18px;padding:14px 14px 10px;border-radius:12px;background:var(--warm);border-top:5px solid var(--c);scroll-margin-top:calc(var(--top-h,64px) + 8px)}
.fz-sec h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:1.3rem;margin:0}
.fz-sec h2 small{font:600 .8rem var(--f-body);color:var(--terra)}
.fz-txt{color:var(--ink-2);margin:4px 0 8px}
.fz-sec ol{list-style:none;padding:0 0 0 14px;margin:0;border-left:2px solid var(--c)}
.fz-sec li{position:relative;margin:0 0 6px}
.fz-sec li::before{content:"";position:absolute;left:-21px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--c);border:2px solid var(--warm)}
.fz-li{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit}
.fz-li small{display:block;color:var(--ink-3);font-size:.75rem}
.fz-li b{display:block;font-size:.98rem}
.fz-li span{display:block;color:var(--ink-2);font-size:.88rem}
.fz-li em{font-style:normal;color:var(--lapis);font-size:.8rem}
.fz-li:hover{border-color:var(--c)}

.fz-note{margin:18px 0;padding:12px 16px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);font-size:.92rem}
.fz-note summary{cursor:pointer;font-weight:700;color:var(--ink)}
.fz-note p{margin-top:8px;max-width:80ch}

.fz-panel{position:fixed;z-index:60;right:16px;top:calc(var(--top-h,64px) + 16px);bottom:16px;width:min(390px,calc(100vw - 32px));overflow-y:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:6px solid var(--c);border-radius:14px;padding:14px 18px 18px;box-shadow:0 18px 40px rgba(0,0,0,.22);animation:fz-in .22s ease-out}
.fz-panel[hidden]{display:none}
@keyframes fz-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.fz-ph{display:flex;justify-content:space-between;align-items:center}
.fz-ept{font:700 .72rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.fz-x{border:0;background:var(--surface-2);color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer}
.fz-pd{color:var(--terra);font-weight:600;font-size:.88rem;margin-top:6px}
.fz-panel h2{font-size:1.45rem;margin:2px 0 6px}
.fz-panel>p{color:var(--ink-2)}
.fz-verset{margin:12px 0;padding:12px 14px;border-left:4px solid var(--terra);background:var(--warm);border-radius:0 10px 10px 0;font:1.02rem/1.55 var(--f-text)}
.fz-verset small{display:block;margin-top:6px;font:.8rem var(--f-body);color:var(--ink-3)}
.fz-nav{display:flex;justify-content:space-between;gap:8px;margin-top:18px}
.fz-nav .btn[disabled]{opacity:.4;cursor:default}

@media (max-width:700px){
  .fz-desk,.fz-epcard{display:none}
  .fz-list{display:block}
  .fz-chips{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .fz-chip{flex:none}
  .fz-panel{left:0;right:0;bottom:0;top:auto;width:auto;max-height:78vh;border-radius:16px 16px 0 0;animation-name:fz-up}
  @keyframes fz-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
}
@media (prefers-reduced-motion:reduce){
  .fz-panel{animation:none}.fz-ev,.fz-chip{transition:none}.fz-ev:hover,.fz-ev:focus-visible{transform:none}
}
@media print{
  .fz-desk,.fz-tools,.fz-epcard,.fz-panel,.fz-zone{display:none!important}
  .fz-list{display:block!important}
  .fz-sec{break-inside:avoid-page;background:#fff;border-top-width:3px}
  .fz-li{border:0;padding:2px 0}
  .fz-note{display:block}.fz-note p{display:block}
}