/* Antik Rehber — Sesli rehber (kent sayfaları) */
.ag{--ag-bg:#24170f;--ag-card:#311f14;--ag-line:rgba(239,194,125,.18);--ag-gold:#efc27d;--ag-cream:#f6eadb;--ag-muted:#c9b39a;--ag-teal:#3fb3a8;
  width:min(1100px,calc(100% - 28px));margin:8px auto 32px;border-radius:18px;overflow:hidden;color:var(--ag-cream);
  background:radial-gradient(120% 140% at 100% 0%,rgba(239,194,125,.16) 0%,rgba(239,194,125,0) 45%),linear-gradient(160deg,#2c1c12 0%,var(--ag-bg) 60%,#1c120c 100%);
  box-shadow:0 18px 40px rgba(40,25,16,.22);scroll-margin-top:90px}
.ag[hidden]{display:none}
.ag-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:end;padding:30px 32px 22px;border-bottom:1px solid var(--ag-line)}
.ag-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--ag-gold);font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase}
.ag-kicker svg{width:16px;height:16px}
.ag-title{margin:0;font:400 32px/1.15 Georgia,"Times New Roman",serif;color:#fff}
.ag-sub{margin:10px 0 0;color:var(--ag-muted);font-size:14.5px;line-height:1.55;max-width:560px}
.ag-progress{min-width:230px;text-align:right}
.ag-progress-text{margin:0 0 9px;font-size:13.5px;line-height:1.4;color:var(--ag-cream)}
.ag-progress-text b{color:var(--ag-gold)}
.ag-bars{display:flex;gap:5px;justify-content:flex-end}
.ag-bars i{display:block;width:38px;height:6px;border-radius:4px;background:rgba(246,234,219,.14);transition:background .3s}
.ag-bars i.on{background:linear-gradient(90deg,#d79a4d,var(--ag-gold))}
.ag-list{list-style:none;margin:0;padding:10px 18px 6px}
.ag-stop{border-radius:14px;transition:background .2s}
.ag-stop+.ag-stop{border-top:1px solid var(--ag-line)}
.ag-stop.is-active{background:rgba(239,194,125,.08);border-top-color:transparent}
.ag-stop.is-active+.ag-stop{border-top-color:transparent}
.ag-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 52px;gap:14px;align-items:center;padding:14px}
.ag-num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(239,194,125,.45);color:var(--ag-gold);font:400 17px Georgia,serif}
.ag-stop.is-done .ag-num{background:var(--ag-gold);border-color:var(--ag-gold);color:#2b1a0e;font:700 15px system-ui,sans-serif}
.ag-label{margin:0;font:400 19px/1.25 Georgia,serif;color:#fff}
.ag-desc{margin:3px 0 0;color:var(--ag-muted);font-size:13.5px;line-height:1.4}
.ag-dur{color:var(--ag-muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ag-play{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;background:var(--ag-gold);color:#2b1a0e;transition:transform .15s,background .2s;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.ag-play:hover{transform:scale(1.06);background:#f6d39c}
.ag-play:focus-visible,.ag-mini:focus-visible,.ag-seek:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ag-play svg{width:20px;height:20px}
.ag-player{display:none;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:0 14px 14px 72px}
.ag-stop.is-active .ag-player{display:grid}
.ag-time{font-size:12.5px;color:var(--ag-muted);font-variant-numeric:tabular-nums;min-width:38px}
.ag-seek{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--ag-gold) var(--p,0%),rgba(246,234,219,.18) var(--p,0%));cursor:pointer}
.ag-seek::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.ag-seek::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:0}
.ag-mini{border:1px solid rgba(239,194,125,.4);background:transparent;color:var(--ag-cream);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;cursor:pointer}
.ag-mini:hover{background:rgba(239,194,125,.12)}
.ag-wave{display:inline-flex;gap:2px;align-items:flex-end;height:14px;margin-left:8px;vertical-align:middle}
.ag-wave i{display:block;width:3px;background:var(--ag-gold);border-radius:2px;animation:ag-w 1s ease-in-out infinite}
.ag-wave i:nth-child(2){animation-delay:.2s}.ag-wave i:nth-child(3){animation-delay:.4s}
@keyframes ag-w{0%,100%{height:4px}50%{height:14px}}
.ag:not(.is-playing) .ag-wave{display:none}
.ag-text{display:none;margin:0 14px 16px 72px;padding:16px 18px;border-left:2px solid var(--ag-gold);background:rgba(0,0,0,.18);border-radius:0 10px 10px 0;color:#eadbc8;font-size:15px;line-height:1.7}
.ag-stop.show-text .ag-text{display:block}
.ag-next{display:none;margin:0 14px 16px 72px}
.ag-stop.is-ended .ag-next{display:block}
.ag-foot{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;padding:16px 32px 22px;border-top:1px solid var(--ag-line);color:var(--ag-muted);font-size:12.5px;line-height:1.5}
.ag-foot details{flex:1 1 100%}
.ag-foot summary{cursor:pointer;color:var(--ag-cream);font-weight:600;width:max-content}
.ag-sources{margin:10px 0 0;padding-left:18px}
.ag-sources li{margin:4px 0}
.ag-sources a{color:var(--ag-gold)}
.audio-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;text-decoration:none;text-align:center;background:#2b1a0e!important;color:#f6eadb!important;border-color:#2b1a0e!important}
.audio-link:hover{background:#3a2516!important}
@media (prefers-reduced-motion:reduce){.ag-wave i{animation:none;height:10px}.ag-play{transition:none}}
@media (max-width:760px){
  .ag{width:calc(100% - 28px);border-radius:16px;margin-bottom:24px}
  .ag-head{grid-template-columns:1fr;padding:24px 20px 18px}
  .ag-title{font-size:26px}
  .ag-progress{text-align:left;min-width:0}
  .ag-bars{justify-content:flex-start}
  .ag-bars i{flex:1;width:auto}
  .ag-list{padding:6px 6px 4px}
  .ag-row{grid-template-columns:36px minmax(0,1fr) 48px;gap:12px;padding:13px 10px}
  .ag-num{width:34px;height:34px;font-size:15px}
  .ag-dur{display:none}
  .ag-label{font-size:17px}
  .ag-play{width:44px;height:44px}
  .ag-player{grid-template-columns:auto minmax(0,1fr) auto;padding:0 10px 14px 10px}
  .ag-player .ag-speed{display:none}
  .ag-text,.ag-next{margin-left:10px;margin-right:10px}
  .ag-foot{padding:14px 20px 20px}
}