/* The Dogeared Disciple — Prophecy Timeline / Version 7.2 */
.tl-hero{background:radial-gradient(circle at 74% 38%,rgba(201,162,77,.17),transparent 32%),linear-gradient(125deg,#071522,#143048 59%,#461d27);color:#fff;padding:82px 0 74px;position:relative;overflow:hidden}
.tl-hero:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(90deg,transparent 0 87px,#f0d489 88px,#f0d489 89px)}
.tl-hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);align-items:center;gap:48px;position:relative;z-index:1}
.tl-hero h1{font-size:clamp(2.8rem,5.5vw,4.8rem);max-width:760px;letter-spacing:-.03em;line-height:1.08}
.tl-hero-lead{font-size:1.15rem;line-height:1.65;max-width:640px;color:#e5e7ea}
.tl-hero-symbol{position:relative;min-height:285px;display:grid;place-items:center;border:1px solid rgba(201,162,77,.5);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(0,0,0,.24));box-shadow:0 30px 60px rgba(0,0,0,.24);overflow:hidden;text-align:center}
.tl-hero-symbol:before{content:"";position:absolute;width:285px;height:285px;border:1px solid rgba(201,162,77,.4);border-radius:50%;box-shadow:0 0 0 28px rgba(201,162,77,.035),0 0 0 62px rgba(201,162,77,.02)}
.tl-hero-symbol p{font-size:1.18rem;letter-spacing:.15em;color:#f3d88a;line-height:1.9;z-index:2;text-shadow:0 3px 12px #081522}
.tl-hero-symbol p strong{font-family:Georgia,serif;font-size:1.4rem;letter-spacing:.1em;color:white}
.tl-orbit{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:24px 15px;color:rgba(245,218,144,.8);font:700 .75rem system-ui,sans-serif}
.tl-preface{background:#f1eadc;padding:30px 0 15px}
.tl-perspective{background:#fff;border:1px solid #ded0b3;border-left:6px solid #a67f39;border-radius:14px;padding:22px 28px;box-shadow:0 8px 20px rgba(20,32,49,.055)}
.tl-perspective h2{font:700 1.48rem Georgia,serif;color:#14253a;margin:0 0 8px}
.tl-perspective p{margin:7px 0;color:#374151;font-size:.96rem;line-height:1.68}
.tl-body-section{background:#f7f5ef;padding:60px 0 72px}
.tl-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.tl-section-heading h2{font:700 clamp(1.85rem,3.6vw,2.65rem)/1.15 Georgia,serif;margin:0;color:#14253a}
.tl-section-heading p:not(.eyebrow){margin:8px 0 0;color:#596372}
.tl-section-heading .eyebrow{color:#85601d;margin-bottom:9px}
.tl-step-progress{white-space:nowrap;background:#10283e;color:#f1d994;border:1px solid #b79556;padding:8px 15px;border-radius:999px;font-weight:750;font-size:.84rem}
.tl-phase-list{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.tl-phase-btn{font-family:inherit;padding:9px 15px;border-radius:999px;border:1px solid #c9bfae;background:#fff;color:#263548;cursor:pointer;font-weight:750;font-size:.88rem;transition:background-color .18s,color .18s}
.tl-phase-btn:hover,.tl-phase-btn.is-active{background:#142d43;color:#f8e3ab;border-color:#a27e37}
.tl-rail-wrap{border:1px solid #cdbd9c;border-radius:20px;background:linear-gradient(120deg,#081522,#15344c);padding:19px 16px 16px;box-shadow:0 15px 35px rgba(11,25,39,.14)}
.tl-rail{position:relative;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:12px 5px 14px;scrollbar-color:#a88a52 #152a41;scrollbar-width:thin;scroll-snap-type:x proximity}
.tl-rail:before{content:"";position:absolute;top:30px;left:16px;right:16px;height:3px;background:linear-gradient(90deg,#f1d080,#963b42,#7b9ba5);opacity:.45}
.tl-tab{flex:0 0 150px;min-height:126px;display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:flex-start;border:1px solid rgba(240,212,137,.25);border-radius:13px;background:rgba(255,255,255,.045);color:#f5f2ec;font-family:inherit;cursor:pointer;padding:8px 10px 12px;position:relative;scroll-snap-align:start;transition:background-color .18s,border-color .18s,transform .18s}
.tl-tab:hover{background:rgba(221,183,94,.13);border-color:#c9a24d;transform:translateY(-1px)}
.tl-tab[aria-selected="true"]{background:rgba(201,162,77,.21);border-color:#f2d483;box-shadow:inset 0 0 0 1px rgba(241,211,143,.25)}
.tl-tab-number{display:grid;place-items:center;width:40px;height:40px;min-height:40px;border-radius:50%;border:2px solid #e2c47c;background:#142b3d;color:#f7e2a6;font-weight:850;line-height:1;font-size:.88rem;position:relative;z-index:2}
.tl-tab[aria-selected="true"] .tl-tab-number{background:#e0ba6d;color:#111d2b}
.tl-tab-name{font-size:.87rem;line-height:1.25;font-weight:740;text-align:center}
.tl-tab[hidden]{display:none!important}
.tl-event{background:#fff;border:1px solid #e1d7c8;border-radius:23px;padding:32px 38px;margin-top:22px;box-shadow:0 15px 40px rgba(15,23,42,.07);scroll-margin-top:110px}
.tl-event[hidden]{display:none!important}
.tl-event-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid #e3ddcf;padding-bottom:20px;margin-bottom:24px}
.tl-event-kicker{color:#876328;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:850;margin:0 0 7px}
.tl-event-heading h2{font:700 clamp(1.7rem,3.3vw,2.6rem)/1.15 Georgia,serif;color:#11273a;letter-spacing:-.015em;margin:0 0 10px}
.tl-event-tag{font-style:italic;color:#6d5160;margin:0;font-size:1.05rem}
.tl-event-mark{flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;border:2px solid #c09a50;border-radius:50%;color:#8a682d;background:#f6edda;font:700 1.2rem Georgia,serif}
.tl-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);gap:42px}
.tl-detail-grid h3{color:#233c51;font:700 1.14rem Georgia,serif;margin:0 0 7px}
.tl-main-copy>p{font-size:1.02rem;line-height:1.8;margin:0 0 25px;color:#354253}
.tl-nuance{padding:17px 18px 16px;border-radius:11px;border-left:4px solid #9c4e4e;background:#f9f2ee}
.tl-nuance strong{color:#6d3036;font-size:.9rem}
.tl-nuance p{margin:6px 0 0;color:#493e43;font-size:.93rem;line-height:1.65}
.tl-side-copy{border-left:1px solid #e6dcca;padding-left:28px}
.tl-side-copy h3{margin-bottom:12px}.tl-side-copy h3:not(:first-child){margin-top:29px}
.tl-scriptures,.tl-resources{margin:0;padding-left:19px;color:#374458;line-height:1.85;font-size:.95rem}
.tl-scriptures li{padding-left:2px;margin-bottom:3px}
.tl-resources li{margin-bottom:7px}
.tl-resources a{color:#1b5174;text-decoration:underline;text-decoration-color:#b6a77b;text-underline-offset:3px}
.tl-resources a:hover{color:#7a1f1f}
.tl-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}
.tl-step-btn{padding:13px 21px;border-radius:999px;border:1px solid #304c62;background:#10283e;color:#f6e6bb;font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer}
.tl-step-btn:hover:not(:disabled){background:#294860}
.tl-step-btn:disabled{opacity:.43;cursor:not-allowed}
.tl-next{background:#c9a24d;color:#172032;border-color:#a88339}
.tl-next:hover:not(:disabled){background:#f0cd7d}
#tl-counter{font-variant-numeric:tabular-nums;color:#596373;font-weight:800}
.tl-interaction-tip{color:#6a7180;font-size:.89rem;text-align:center;margin:22px auto 0}
.tl-footer-feature{background:#0c1b2b;color:#fff}.tl-footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.tl-footer-grid h2{font:700 clamp(1.8rem,3.4vw,2.7rem)/1.15 Georgia,serif;max-width:700px}.tl-footer-grid p:not(.eyebrow){color:#e1e8ee}
.tl-phase-btn:focus-visible,.tl-tab:focus-visible,.tl-step-btn:focus-visible{outline:3px solid #e5bc63;outline-offset:3px}
@media(max-width:960px){.tl-hero-layout{grid-template-columns:minmax(0,1.25fr) minmax(195px,.6fr);gap:25px}.tl-hero-symbol{min-height:255px}.tl-detail-grid{gap:25px}.tl-side-copy{padding-left:20px}}
@media(max-width:720px){.tl-hero{padding:57px 0 48px}.tl-hero-layout{grid-template-columns:1fr}.tl-hero-symbol{min-height:145px}.tl-hero-symbol:before{width:170px;height:170px}.tl-hero-symbol p{line-height:1.3}.tl-perspective{padding:18px}.tl-section-heading{display:block}.tl-step-progress{display:inline-block;margin-top:14px}.tl-body-section{padding:42px 0 48px}.tl-tab{flex-basis:138px}.tl-event{padding:22px 19px}.tl-event-heading{gap:9px}.tl-event-mark{width:43px;height:43px;font-size:1rem}.tl-detail-grid{grid-template-columns:1fr;gap:26px}.tl-side-copy{padding-left:0;border-left:0;border-top:1px solid #e6dcca;padding-top:22px}.tl-footer-grid{grid-template-columns:1fr;gap:15px}.tl-footer-feature{padding:50px 0}.tl-step-btn{padding:12px 13px;font-size:.86rem}}
@media(max-width:390px){.tl-phase-list{gap:6px}.tl-phase-btn{padding:8px 10px;font-size:.8rem}.tl-controls{gap:8px}.tl-tab{flex-basis:128px}.tl-hero h1{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){.tl-tab,.tl-phase-btn{transition:none;scroll-behavior:auto}}

/* Hide extra article panels only after interactive scripting initializes. */
.tl-js .tl-event:not([hidden]){display:block}