.avariel-explorer{--ap-paper:light-dark(#f5eee0,#25281f);--ap-ink:light-dark(#332f25,#eee6d7);--ap-muted:light-dark(#6d6556,#bfb7a7);--ap-line:light-dark(#d7c8ae,#575749);--ap-leaf:light-dark(#3d583e,#bfd0aa);--ap-inset:light-dark(#e8e9db,#30382a);background:var(--ap-paper);color:var(--ap-ink);font-family:Arial,sans-serif;overflow:hidden;border-radius:10px;color-scheme:light dark}
.avariel-explorer *{box-sizing:border-box}.avariel-explorer button{font:inherit;color:inherit}.avariel-explorer .ap-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--ap-line)}.avariel-explorer .ap-brand{font:24px Georgia,serif;letter-spacing:3px}.avariel-explorer .ap-header nav{display:flex;gap:8px;flex-wrap:wrap}.avariel-explorer .ap-nav{background:transparent;border:0;padding:9px 12px;border-bottom:2px solid transparent;font-size:13px}.avariel-explorer .ap-nav[aria-pressed=true]{border-color:var(--ap-leaf)}.avariel-explorer .ap-title{padding:25px 28px 22px}.avariel-explorer .ap-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ap-muted)}.avariel-explorer h1{font:400 35px Georgia,serif;margin:10px 0}.avariel-explorer .ap-subtitle{font-size:14px;color:var(--ap-muted)}.avariel-explorer .ap-visual{position:relative;margin:0 20px}.avariel-explorer .ap-visual img{display:block;width:100%;height:auto;border-radius:5px}.avariel-explorer .ap-hotspot{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;border:2px solid #efe8d9;background:#3e513c;color:#fff;box-shadow:0 0 0 5px #ffffff35;font-size:13px;font-weight:500;display:grid;place-items:center}.avariel-explorer .ap-hotspot[aria-pressed=true]{background:#e7ce8d;color:#2c3223}.avariel-explorer .ap-selectors{padding:15px 24px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--ap-line)}.avariel-explorer .ap-select{background:transparent;border:1px solid var(--ap-line);padding:8px 10px;border-radius:5px;font-size:12px}.avariel-explorer .ap-select[aria-pressed=true]{background:var(--ap-leaf);color:var(--ap-paper);border-color:var(--ap-leaf)}.avariel-explorer .ap-body{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px}.avariel-explorer .ap-reader{max-width:600px}.avariel-explorer .ap-readbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;flex-wrap:wrap}.avariel-explorer .ap-simple{border:1px solid var(--ap-line);background:transparent;padding:8px 10px;border-radius:5px;font-size:12px}.avariel-explorer .ap-prose{font:18px/1.85 Georgia,serif}.avariel-explorer .ap-prose p{margin:0 0 20px}.avariel-explorer .ap-inline{font:inherit;background:transparent;border:0;border-bottom:1px dotted var(--ap-leaf);padding:0;color:var(--ap-leaf)}.avariel-explorer .ap-panel{background:var(--ap-inset);padding:22px;border:1px solid var(--ap-line);border-radius:6px;height:fit-content}.avariel-explorer .ap-panel h2{font:400 25px Georgia,serif;margin:10px 0 15px}.avariel-explorer .ap-panel p{font-size:14px;line-height:1.65;margin:0 0 15px}.avariel-explorer .ap-panel ul{font-size:14px;line-height:1.7;padding-left:18px;margin:0 0 16px}.avariel-explorer .ap-caption{font-size:12px;color:var(--ap-muted);border-top:1px solid var(--ap-line);padding-top:13px;line-height:1.5}.avariel-explorer .ap-footer{padding:18px 28px;border-top:1px solid var(--ap-line);font-size:12px;color:var(--ap-muted)}.avariel-explorer .ap-only{grid-template-columns:1fr}.avariel-explorer .ap-only .ap-panel{display:none}.avariel-explorer button:focus-visible{outline:3px solid var(--ap-leaf);outline-offset:3px}.avariel-explorer [hidden]{display:none!important}@media(max-width:700px){.avariel-explorer .ap-body{grid-template-columns:1fr;padding:22px;gap:22px}.avariel-explorer .ap-header{padding:16px 20px}.avariel-explorer .ap-title{padding:22px 20px}.avariel-explorer h1{font-size:29px}.avariel-explorer .ap-hotspot{width:28px;height:28px;box-shadow:none}.avariel-explorer .ap-visual{margin:0}.avariel-explorer .ap-selectors{padding:15px 18px}}@media(pointer:coarse){.avariel-explorer .ap-hotspot{width:44px;height:44px}.avariel-explorer .ap-select,.avariel-explorer .ap-simple,.avariel-explorer .ap-nav{min-height:44px}}

.avariel-explorer { width:100%; max-width:1120px; margin:0 auto; isolation:isolate; }
.avariel-explorer button { cursor:pointer; }
.avariel-explorer .ap-title h1 {color:var(--ap-ink);}
.avariel-explorer .ap-panel h2 {color:var(--ap-ink);}
.avariel-explorer .ap-prose {color:var(--ap-ink);}
.avariel-explorer .av-map-dialog {box-sizing:border-box;width:min(1100px,94vw);max-height:90vh;padding:0;border:1px solid var(--ap-line);border-radius:8px;background:var(--ap-paper);color:var(--ap-ink);overflow:auto;}
.avariel-explorer .av-map-dialog::backdrop {background:rgba(0,0,0,.65);}
.avariel-explorer .av-map-header {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--ap-line);}
.avariel-explorer .av-map-header h2 {font:400 28px Georgia,serif;color:var(--ap-ink);margin:8px 0;}
.avariel-explorer .av-map-header p {font-size:13px;margin:0;color:var(--ap-muted);}
.avariel-explorer .av-close,.avariel-explorer .av-map-choices button {border:1px solid var(--ap-line);background:var(--ap-paper);color:var(--ap-ink);padding:10px 14px;border-radius:5px;font-size:13px;}
.avariel-explorer .av-draft {background:var(--ap-inset);font-size:13px;line-height:1.6;padding:14px 24px;margin:0;}
.avariel-explorer .av-map-image {position:relative;margin:18px;}
.avariel-explorer .av-map-image img {display:block;width:100%;height:auto;}
.avariel-explorer .av-map-pin {position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:#35513a;color:#fff;font-size:14px;display:grid;place-items:center;}
.avariel-explorer .av-map-choices {display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px;}
.avariel-explorer .av-map-choices button[aria-pressed=true] {background:var(--ap-leaf);color:var(--ap-paper);}
.avariel-explorer .av-map-detail {padding:20px 24px;background:var(--ap-inset);}
.avariel-explorer .av-map-detail h3 {font:400 23px Georgia,serif;color:var(--ap-ink);margin:0 0 12px;}
.avariel-explorer .av-map-detail p {font-size:14px;line-height:1.6;margin:0;}
.avariel-explorer .ap-body {align-items:start;}
.avariel-explorer .ap-panel {position:sticky;top:24px;}
.avariel-explorer.av-simple .ap-visual,.avariel-explorer.av-simple .ap-selectors,.avariel-explorer.av-simple .ap-panel {display:none;}
.avariel-explorer.av-simple .ap-body {grid-template-columns:1fr;}
.avariel-explorer.av-simple .ap-reader {margin:0 auto;}
.avariel-explorer [hidden] {display:none!important;}
.avariel-explorer :focus-visible {outline:3px solid var(--ap-leaf);outline-offset:3px;}
@media(max-width:700px){.avariel-explorer .ap-panel{position:static}.avariel-explorer .av-map-header,.avariel-explorer .av-map-detail{padding:16px}.avariel-explorer .av-draft{padding:12px 16px}}
@media(pointer:coarse){.avariel-explorer .av-map-pin{width:44px;height:44px}.avariel-explorer button{min-height:44px}}

/* Keep numbered markers circular even when the theme styles every button. */
.avariel-explorer button.ap-hotspot,
.avariel-explorer button.av-map-pin {
  --avariel-marker-size: 36px;
  box-sizing: border-box !important;
  width: var(--avariel-marker-size) !important;
  height: var(--avariel-marker-size) !important;
  min-width: var(--avariel-marker-size) !important;
  max-width: var(--avariel-marker-size) !important;
  min-height: var(--avariel-marker-size) !important;
  max-height: var(--avariel-marker-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  transform: translate(-50%, -50%) !important;
  appearance: none;
  -webkit-appearance: none;
}
.avariel-explorer button.ap-hotspot::before,
.avariel-explorer button.ap-hotspot::after,
.avariel-explorer button.av-map-pin::before,
.avariel-explorer button.av-map-pin::after { content: none !important; }
@media (max-width: 700px) {
  .avariel-explorer button.ap-hotspot,
  .avariel-explorer button.av-map-pin { --avariel-marker-size: 32px; }
}
@media (pointer: coarse) {
  .avariel-explorer button.ap-hotspot,
  .avariel-explorer button.av-map-pin { --avariel-marker-size: 44px; }
}

.avariel-explorer .av-listen { margin:0 28px 12px;padding:18px 20px;border:1px solid var(--ap-line);border-radius:6px;background:var(--ap-inset); }
.avariel-explorer .av-listen h2 {font:400 23px Georgia,serif;margin:0 0 12px;color:var(--ap-ink);}
.avariel-explorer .av-scene-audio {display:block;width:100%;height:54px;margin-bottom:12px;}
.avariel-explorer .av-audio-options {display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;}
.avariel-explorer .av-audio-options label {display:flex;align-items:center;gap:7px;margin:0;}
.avariel-explorer .av-audio-options select {font:inherit;padding:7px 9px;background:var(--ap-paper);color:var(--ap-ink);border:1px solid var(--ap-line);border-radius:4px;}
.avariel-explorer .av-audio-options button {font:inherit;padding:8px 12px;background:var(--ap-paper);color:var(--ap-ink);border:1px solid var(--ap-line);border-radius:4px;}
.avariel-explorer .av-audio-options input {width:18px;height:18px;accent-color:var(--ap-leaf);}
.avariel-explorer .av-audio-status {font-size:12px;color:var(--ap-muted);margin:12px 0 0;}
.avariel-explorer button.av-sentence {all:unset;font:inherit;color:inherit;display:inline;white-space:pre-wrap;cursor:pointer;text-align:inherit;border-radius:3px;}
.avariel-explorer button.av-sentence:hover {text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;}
.avariel-explorer button.av-sentence:focus-visible {outline:2px solid var(--ap-leaf);outline-offset:3px;}
.avariel-explorer button.av-sentence.av-speaking {background:color-mix(in srgb,var(--ap-leaf) 18%,var(--ap-paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--ap-leaf) 18%,var(--ap-paper));}
@media(max-width:700px){.avariel-explorer .av-listen{margin:0 18px 12px;padding:16px}.avariel-explorer .av-audio-options{gap:12px}}

.avariel-explorer .av-reading-controls {position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(540px,calc(100% - 32px));padding:12px 16px;background:var(--ap-paper);color:var(--ap-ink);border:1px solid var(--ap-line);border-radius:8px;box-shadow:0 4px 20px #00000025;}
.avariel-explorer .av-reading-label {font-size:13px;line-height:1.4;}
.avariel-explorer .av-reading-controls button {font:13px/1.4 Arial,sans-serif;background:var(--ap-leaf);color:var(--ap-paper);border:1px solid var(--ap-leaf);border-radius:5px;padding:10px 14px;min-height:44px;white-space:nowrap;}
.avariel-explorer:has(.av-reading-controls:not([hidden])) {padding-bottom:90px;}
@media(max-width:420px){.avariel-explorer .av-reading-controls{gap:10px;padding:10px}.avariel-explorer .av-reading-label{font-size:12px}.avariel-explorer .av-reading-controls button{font-size:12px;padding:10px}}

.avariel-explorer .av-reading-controls {flex-wrap:wrap;}
.avariel-explorer .av-reading-follow {display:flex;align-items:center;gap:7px;font:13px/1.4 Arial,sans-serif;margin:0;min-height:44px;cursor:pointer;}
.avariel-explorer .av-reading-follow input {width:18px;height:18px;margin:0;accent-color:var(--ap-leaf);}
@media(max-width:520px){.avariel-explorer .av-reading-label{flex-basis:100%}.avariel-explorer .av-reading-controls{gap:6px 12px}.avariel-explorer .av-reading-follow{flex:1}.avariel-explorer:has(.av-reading-controls:not([hidden])){padding-bottom:130px;}}

.avariel-explorer .av-moments {padding:0 28px 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.avariel-explorer .av-moment-name {flex-basis:100%;font:400 22px Georgia,serif;margin:0 0 5px;}
.avariel-explorer .av-moments button {font:13px Arial,sans-serif;padding:9px 12px;background:var(--ap-paper);color:var(--ap-ink);border:1px solid var(--ap-line);border-radius:5px;}
.avariel-explorer .av-moments button[aria-pressed=true] {background:var(--ap-leaf);color:var(--ap-paper);}
.avariel-explorer .av-moments label {font:13px Arial,sans-serif;display:flex;align-items:center;gap:7px;margin:0;}
.avariel-explorer .av-auto-moments {width:18px;height:18px;margin:0;accent-color:var(--ap-leaf);}
.avariel-explorer .av-reading-controls {width:min(680px,calc(100% - 32px));}
.avariel-explorer .av-reading-controls button[data-action=explore-moment] {background:var(--ap-inset);color:var(--ap-ink);border-color:var(--ap-line);}
.avariel-explorer.av-simple .av-moments {display:none;}
@media(max-width:700px){.avariel-explorer .av-moments{padding:0 18px 16px}}