/* OnlineTarot.nl — Jean-Baptiste Alliette | zelfstandige stijlen (ba-) */
.ba-page{color:#d1d7e3;padding:0 0 65px;font-family:'Lora',serif;line-height:1.85}
.ba-page *{box-sizing:border-box}
.ba-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0 36px;font-size:12px;color:#aab5c9}
.ba-breadcrumb a{color:#c9b77e;text-decoration:none}.ba-breadcrumb a:hover{text-decoration:underline}
.ba-hero{position:relative;overflow:hidden;text-align:center;padding:54px 34px 46px;margin-bottom:46px;background:radial-gradient(ellipse at 50% 0%,#182744 0%,#0b1428 63%,#080f20 100%);border:1px solid #34425c;border-radius:14px}
.ba-hero:before{content:'✦';position:absolute;top:12px;right:26px;color:#a38d55;font-size:32px;opacity:.45}
.ba-eyebrow,.ba-section-number{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#cbb477;font-weight:600}
.ba-hero h1{max-width:800px;margin:12px auto 12px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,6vw,66px);line-height:1.05;color:#f0e9dc}
.ba-hero h1 em{display:block;font-weight:400;color:#d6be85}
.ba-subtitle{margin:0 auto 20px;font-family:'Cormorant Garamond',serif;font-size:clamp(21px,3vw,29px);line-height:1.3;color:#c8cbd6}
.ba-intro{max-width:740px;margin:0 auto;color:#c4ccda;font-size:15px;line-height:1.95}
.ba-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:640px;margin:35px auto 0;border-top:1px solid #45516a;padding-top:24px;gap:12px}
.ba-facts div{display:flex;flex-direction:column;gap:3px}.ba-facts strong{font-family:'Cormorant Garamond',serif;font-size:27px;color:#e8ce91;font-weight:600}.ba-facts span{font-size:11px;color:#b2bdd0}
.ba-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;align-items:start}
.ba-sidebar{position:sticky;top:24px}.ba-toc{background:#0c162a;border:1px solid #303e56;border-radius:10px;padding:22px 20px}.ba-toc h2{font-family:'Cormorant Garamond',serif;font-size:25px;color:#e4d6b4;margin:0 0 14px}.ba-toc ol{list-style:none;padding:0;margin:0}.ba-toc li+li{border-top:1px solid #25334a}.ba-toc a{display:block;padding:9px 0;font-size:12px;line-height:1.55;color:#b8c3d6;text-decoration:none}.ba-toc a:hover,.ba-toc a:focus-visible{color:#e8ca84}
.ba-article{min-width:0}.ba-section{scroll-margin-top:25px;padding:0 0 33px;margin:0 0 36px;border-bottom:1px solid #2b3850}.ba-section-number{margin:0 0 8px}.ba-section h2{font-family:'Cormorant Garamond',serif;color:#e7d5a6;font-weight:500;font-size:clamp(29px,3.5vw,39px);line-height:1.2;margin:0 0 20px}.ba-section p{font-size:14px;line-height:1.95;color:#c8d0dd;margin:0 0 17px}.ba-section a{color:#e2c580}.ba-section em{color:#e2d7c5}.ba-section ul{margin:0 0 20px;padding-left:22px}.ba-section li{font-size:14px;line-height:1.85;margin-bottom:9px}.ba-section li::marker{color:#d6b975}
.ba-section .geschiedenis-blok{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(170px,.85fr);gap:24px;align-items:start;margin:6px 0 15px}.ba-section .geschiedenis-tekst{min-width:0}.ba-section .geschiedenis-foto{margin:0;padding:10px;background:#101b30;border:1px solid #3a4861;border-radius:9px}.ba-section .geschiedenis-foto img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:5px}.ba-section figcaption{text-align:center;color:#b7c0d0;font-size:11px;margin-top:8px;line-height:1.5}
.ba-next{padding:30px;background:linear-gradient(140deg,#15233b,#0b1426);border:1px solid #4b4b53;border-radius:12px}.ba-next>p{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d1b77d;margin:0 0 6px}.ba-next h2{font-family:'Cormorant Garamond',serif;color:#f0e1bd;font-size:32px;font-weight:500;margin:0 0 18px}.ba-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ba-button{display:inline-block;background:linear-gradient(135deg,#e4ca87,#b9954d);border:1px solid #e4ca87;border-radius:7px;padding:11px 19px;color:#101727!important;font-size:12px;font-weight:700;text-decoration:none}.ba-button:hover{filter:brightness(1.1)}.ba-text-link{font-size:12px;color:#d8c18c!important;text-decoration:none}.ba-text-link:hover{text-decoration:underline}
@media(max-width:850px){.ba-layout{grid-template-columns:1fr;gap:20px}.ba-sidebar{position:static}.ba-toc ol{columns:2;column-gap:24px}.ba-toc li{break-inside:avoid}.ba-toc li+li{border-top:0}}
@media(max-width:600px){.ba-hero{padding:36px 18px}.ba-breadcrumb{margin:18px 0 22px}.ba-facts{gap:6px}.ba-facts strong{font-size:22px}.ba-facts span{font-size:10px}.ba-toc ol{columns:1}.ba-section .geschiedenis-blok{grid-template-columns:1fr}.ba-section .geschiedenis-foto{max-width:360px;width:100%;margin:0 auto}.ba-next{padding:23px 18px}}