/* OnlineTarot.nl — Bekers. Alle stijlen zijn beperkt tot .su-page. */
.su-page{padding-bottom:65px;color:#d5d9e4}
.su-page a{transition:color .2s ease,background .2s ease,border-color .2s ease}
.su-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 0;color:#9ca9c0;font-size:12px}
.su-breadcrumb a{color:#c6cbd7;text-decoration:none}.su-breadcrumb a:hover{color:#e4ca87}
.su-hero{text-align:center;max-width:790px;margin:56px auto 65px}
.su-eyebrow{display:block;font-family:'Lora',serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#c7ad73;line-height:1.7}
.su-hero h1,.su-page h2,.su-page h3{font-family:'Cormorant Garamond',serif;font-weight:500;color:#f0edf0}
.su-hero h1{font-size:clamp(40px,6vw,65px);line-height:1.08;margin:14px 0 22px}
.su-lead{font-size:16px;line-height:1.95;color:#c3cbdb;margin:0 auto;max-width:710px}
.su-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:30px;color:#d4b77b;font-size:12px;letter-spacing:.04em}
.su-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:48px;align-items:center;padding:36px 0 70px;border-top:1px solid #34405a}
.su-intro h2,.su-section-heading h2,.su-outro h2{font-size:clamp(32px,4vw,44px);line-height:1.15;margin:12px 0 20px}
.su-intro p,.su-section-heading p,.su-outro p{line-height:1.95;color:#bfc8d8;font-size:14px}
.su-symbol{border:1px solid #4a4b57;border-radius:12px;background:linear-gradient(145deg,#111c32,#080f20);text-align:center;padding:42px 25px;box-shadow:0 15px 40px #0002}
.su-symbol-icon{display:block;font-size:44px;color:#d6b77a;margin-bottom:16px}
.su-symbol-title{font-family:'Cormorant Garamond',serif;font-size:29px;color:#ead9ad}
.su-symbol p{margin:10px auto;max-width:240px}.su-symbol-line{height:1px;background:#554b3b;margin:24px auto;width:75px}.su-symbol-small{color:#a7afbf;font-size:12px}
.su-feature{display:grid;grid-template-columns:minmax(160px,270px) 1fr;align-items:center;gap:48px;padding:42px;background:linear-gradient(120deg,#14223b,#0a1428);border:1px solid #63583f;border-radius:12px;margin-bottom:88px}
.su-feature-image{text-align:center}.su-feature-image img{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:206/341;object-fit:cover;margin:auto;border-radius:7px;box-shadow:0 18px 35px #0007}
.su-feature h2{font-size:clamp(36px,5vw,53px);margin:10px 0 18px}.su-feature p{line-height:1.95;color:#c9d0dd;max-width:500px}
.su-button{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(135deg,#e4ca87,#b9954d);color:#101727!important;border:1px solid #e4ca87;border-radius:7px;text-decoration:none;padding:13px 22px;font-size:13px;font-weight:700;margin-top:17px}.su-button:hover{filter:brightness(1.1)}
.su-section-heading{text-align:center;max-width:690px;margin:0 auto 38px}.su-section-heading h2{margin-bottom:12px}
.su-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.su-entry{display:grid;grid-template-columns:105px minmax(0,1fr);gap:21px;align-items:center;padding:19px;background:#0e192e;border:1px solid #2d3a53;border-radius:10px;min-width:0}
.su-entry:hover{border-color:#8c7750;background:#12203a}.su-entry-image img{display:block;width:105px;height:auto;aspect-ratio:206/341;object-fit:cover;border-radius:5px}
.su-entry-kicker{color:#bca678;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.su-entry h3{font-size:27px;line-height:1.1;margin:8px 0}.su-entry h3 a{color:inherit;text-decoration:none}.su-entry h3 a:hover{color:#e4ca87}
.su-entry p{color:#b8c1d1;font-size:12px;line-height:1.8;margin:8px 0 12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.su-text-link{color:#e2c487;font-size:12px;font-weight:600;text-decoration:none}.su-text-link:hover{color:#fff}
.su-empty{text-align:center;color:#e4ca87;padding:30px;border:1px solid #4a4b57;border-radius:8px}
.su-outro{text-align:center;max-width:750px;margin:90px auto 0;padding:50px 28px;border-top:1px solid #34405a}.su-outro .su-button{margin-top:22px}
@media(max-width:800px){.su-list{grid-template-columns:1fr}.su-intro{gap:24px}.su-feature{gap:28px;padding:30px}}
@media(max-width:600px){.su-hero{margin:38px auto 48px}.su-intro{grid-template-columns:1fr;padding-bottom:48px}.su-symbol{padding:30px}.su-feature{grid-template-columns:1fr;text-align:center;padding:27px 20px;margin-bottom:62px}.su-feature-image img{max-width:175px}.su-feature-copy p{margin-left:auto;margin-right:auto}.su-entry{grid-template-columns:88px minmax(0,1fr);gap:15px;padding:13px}.su-entry-image img{width:88px}.su-entry h3{font-size:25px}.su-outro{margin-top:65px;padding:38px 8px}}
@media(prefers-reduced-motion:reduce){.su-page a{transition:none}}