/* ============================================================================
 *  Andacht-Detailseite – editoriales Lese-Layout (ergänzt base.css/inhalte.css)
 *  Nutzt die Bibelnah-Tokens; Übersicht bleibt über inhalte.css.
 * ========================================================================== */

.ad-read{max-width:720px;margin:0 auto;padding:0 22px}

/* Lesefortschritt */
.ad-progress{position:sticky;top:80px;z-index:30;height:3px;background:transparent}
.ad-progress i{display:block;height:100%;width:0;
    background:linear-gradient(90deg,var(--c-accent-soft),var(--c-accent));transition:width .1s linear}

/* Hero */
.ad-hero{position:relative;overflow:hidden;padding:44px 0 8px;text-align:center}
.ad-hero::before{content:"";position:absolute;left:50%;top:-150px;transform:translateX(-50%);
    width:min(1000px,120%);height:500px;pointer-events:none;z-index:0;
    background:radial-gradient(closest-side,rgba(192,146,47,.12),transparent 72%)}
.ad-hero .ad-read{position:relative;z-index:1}

.ad-crumbs{font-family:var(--f-sans);font-size:.82rem;color:var(--c-muted);
    display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-bottom:24px}
.ad-crumbs a{color:var(--c-muted)}
.ad-crumbs a:hover{color:var(--c-accent-dark)}
.ad-crumbs__sep{opacity:.5}
.ad-crumbs__here{color:var(--c-primary)}

.ad-cat{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-sans);font-size:.72rem;
    font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent-dark);
    background:var(--c-accent-soft);border-radius:999px;padding:7px 16px}
.ad-cat svg{color:var(--c-accent)}
.ad-title{font-family:var(--f-display);font-weight:600;color:var(--c-primary-dark);
    font-size:clamp(2rem,5vw,3.4rem);line-height:1.07;letter-spacing:-.015em;margin:.5em auto 0;max-width:15ch}
.ad-byline{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
    margin-top:22px;font-family:var(--f-sans);font-size:.86rem;color:var(--c-muted)}
.ad-byline span{display:inline-flex;align-items:center;gap:7px}
.ad-byline svg{color:var(--c-accent)}
.ad-byline__dot{width:3px;height:3px;border-radius:50%;background:var(--c-line)}
.ad-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}
.ad-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-sans);font-size:.86rem;
    font-weight:600;color:var(--c-primary);background:var(--c-surface);border:1px solid var(--c-line);
    border-radius:999px;padding:9px 18px;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.ad-ghost:hover{border-color:var(--c-accent-soft);color:var(--c-accent-dark)}
.ad-ghost[aria-pressed="true"]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}

/* Anker-Vers */
.ad-anchor{text-align:center;margin:42px auto 6px;max-width:640px;border:0;padding:0}
.ad-anchor__t{font-family:var(--f-serif);font-style:italic;font-weight:500;
    font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.45;color:var(--c-primary-dark)}
.ad-anchor__r{font-family:var(--f-sans);font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;
    color:var(--c-accent-dark);font-weight:700;margin-top:18px;display:inline-flex;align-items:center;gap:10px}
.ad-anchor__r::before{content:"";width:24px;height:1.5px;background:var(--c-accent)}
.ad-anchor__r a{color:var(--c-muted);font-weight:400}
.ad-anchor__r a:hover{color:var(--c-accent-dark)}
.ad-anchor__ref{text-align:center;font-family:var(--f-sans);color:var(--c-muted);margin:36px 0 0}

/* Fließtext */
.ad-body{padding:34px 0 4px;font-family:var(--f-serif)}
.ad-body p{margin:0 0 1.4em;font-size:1.18rem;line-height:1.82;color:var(--c-ink)}
.ad-body > p:first-of-type::first-letter{font-family:var(--f-display);font-weight:600;
    color:var(--c-accent-dark);float:left;font-size:4.2em;line-height:.72;padding:.06em .14em 0 0}
.ad-body a{color:var(--c-accent-dark);font-weight:500;border-bottom:1px solid var(--c-accent-soft);
    text-decoration:none;white-space:nowrap}
.ad-body a:hover{border-color:var(--c-accent)}
.ad-body em{color:var(--c-primary-dark);font-style:italic}

/* Gebet */
.ad-prayer{position:relative;text-align:center;margin:44px auto;padding:36px 34px;
    background:var(--c-primary-dark);border-radius:18px;overflow:hidden}
.ad-prayer::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(560px 240px at 80% -20%,rgba(192,146,47,.22),transparent 60%)}
.ad-prayer__in{position:relative}
.ad-prayer__lbl{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-sans);font-size:.7rem;
    font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent-soft);margin-bottom:16px}
.ad-prayer__lbl::before,.ad-prayer__lbl::after{content:"";width:26px;height:1px;background:rgba(234,217,168,.5)}
.ad-prayer p{font-family:var(--f-serif);font-style:italic;font-size:1.3rem;line-height:1.5;color:#fbf6e9;
    margin:0;max-width:540px;margin-inline:auto}

/* Tags */
.ad-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:38px auto 0}
.ad-tags a{font-family:var(--f-sans);font-size:.84rem;color:var(--c-primary);background:var(--c-paper-deep);
    border:1px solid var(--c-line);border-radius:999px;padding:7px 15px;transition:.16s}
.ad-tags a:hover{border-color:var(--c-accent-soft);color:var(--c-accent-dark);background:var(--c-surface)}

/* End-Navigation */
.ad-endnav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:42px auto 0;
    padding-top:32px;border-top:1px solid var(--c-line)}

/* Verwandte */
.ad-related{padding:70px 0 84px;margin-top:60px;background:var(--c-paper-deep);border-top:1px solid var(--c-line)}
.ad-sechead{display:flex;align-items:baseline;gap:18px;margin-bottom:28px}
.ad-sechead__kick{font-family:var(--f-sans);font-size:.72rem;font-weight:700;letter-spacing:.2em;
    text-transform:uppercase;color:var(--c-accent-dark);white-space:nowrap}
.ad-sechead h2{font-family:var(--f-display);font-weight:600;color:var(--c-primary-dark);
    font-size:clamp(1.7rem,4vw,2.5rem);margin:0;line-height:1.04}
.ad-sechead__rule{flex:1;height:1px;background:var(--c-line);align-self:center}
.ad-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ad-rc{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);
    border-radius:16px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s}
.ad-rc:hover{transform:translateY(-3px);border-color:var(--c-accent-soft);
    box-shadow:0 18px 36px -26px rgba(27,47,78,.4);text-decoration:none}
.ad-rc__cat{font-family:var(--f-sans);font-size:.66rem;font-weight:700;letter-spacing:.16em;
    text-transform:uppercase;color:var(--c-accent-dark)}
.ad-rc h3{font-family:var(--f-display);font-weight:600;font-size:1.45rem;color:var(--c-primary-dark);
    line-height:1.16;margin:10px 0 8px}
.ad-rc p{font-family:var(--f-serif);font-size:.98rem;color:var(--c-muted);line-height:1.55;margin:0 0 16px}
.ad-rc__meta{margin-top:auto;font-family:var(--f-sans);font-size:.78rem;color:var(--c-muted)}

/* Toast */
.ad-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);
    background:var(--c-primary-dark);color:#fff;font-family:var(--f-sans);font-size:.9rem;font-weight:600;
    padding:12px 22px;border-radius:999px;box-shadow:0 18px 40px -18px rgba(0,0,0,.55);
    opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:120;max-width:90vw;text-align:center}
.ad-toast.is-on{opacity:1;transform:translate(-50%,0)}

@media (max-width:860px){
    .ad-cards{grid-template-columns:1fr}
}
@media (max-width:560px){
    .ad-body p{font-size:1.1rem}
    .ad-prayer p{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){
    .ad-progress i,.ad-toast,.ad-rc,.ad-ghost{transition:none}
}