.guide-world{--guide-ink:#f5f0e9;--guide-muted:#c4bdb5;--guide-accent:#ff749a;background:#111012;color:var(--guide-ink);padding:150px 24px 80px;position:relative;z-index:2}.guide-wrap{max-width:1120px;margin:auto}.guide-world ::selection{background:#ff749a;color:#111012}.guide-world a:focus-visible{outline:2px solid var(--guide-accent);outline-offset:6px}.guide-breadcrumb{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--guide-muted);margin-bottom:64px}.guide-breadcrumb a:hover,.guide-contents a:hover{color:var(--guide-accent)}.guide-opening{max-width:900px;margin-bottom:70px}.guide-opening h1{font-size:clamp(36px,5.5vw,76px);line-height:1.08;letter-spacing:-.035em;font-weight:700;text-wrap:balance;margin-bottom:28px}.guide-opening>p{max-width:66ch;font-size:19px;line-height:1.75;color:var(--guide-muted)}.guide-opening .guide-byline{font-size:14px;margin-bottom:24px}.guide-entry{display:grid;grid-template-columns:1fr auto;gap:40px;padding:44px 0;border-top:1px solid #4d454a}.guide-entry:last-child{border-bottom:1px solid #4d454a}.guide-entry h2{font-size:clamp(26px,3vw,40px);line-height:1.2;max-width:28ch;font-weight:600;text-wrap:balance}.guide-entry p{max-width:65ch;color:var(--guide-muted);line-height:1.7;margin-top:18px}.guide-entry .guide-entry-time{font-size:14px;white-space:nowrap}.guide-link{display:inline-block;color:var(--guide-accent);margin-top:26px;text-decoration:underline;text-underline-offset:6px}.guide-link:hover,.guide-next a:hover{color:#fff}.guide-contents{padding:26px 0 32px;border-block:1px solid #4d454a;margin-bottom:52px;max-width:780px}.guide-contents h2{font-size:20px;font-weight:600;margin-bottom:18px}.guide-contents ol{display:grid;gap:12px;color:var(--guide-muted);line-height:1.5}.guide-contents a{text-decoration:underline;text-underline-offset:4px}.guide-reading{max-width:70ch;font-size:18px;line-height:1.85}.guide-reading h2{font-size:30px;line-height:1.25;margin:64px 0 22px;font-weight:600;text-wrap:balance;scroll-margin-top:130px}.guide-reading h3{font-size:24px;line-height:1.35;margin:36px 0 16px;font-weight:600;scroll-margin-top:130px}.guide-reading p,.guide-reading li{color:var(--guide-muted)}.guide-reading ul{padding-left:24px;list-style:disc}.guide-reading strong{color:var(--guide-ink)}.guide-next{border-top:1px solid #4d454a;margin-top:72px;padding-top:30px;max-width:780px}.guide-next h2{font-size:17px;margin-bottom:18px}.guide-next a{font-size:26px;line-height:1.35;color:var(--guide-accent);display:block;max-width:38ch}.guide-contact{margin-top:90px;padding-top:40px;border-top:1px solid #4d454a;max-width:780px}.guide-contact h2{font-size:30px;font-weight:600;margin-bottom:18px}.guide-contact p{max-width:65ch;color:var(--guide-muted);line-height:1.8}.guide-button{display:inline-flex;padding:15px 24px;margin-top:28px;background:#d3124a;color:#fff;border-radius:8px;font-weight:600}.guide-button:hover{background:#ad0c3b}@media(max-width:700px){.guide-world{padding-top:140px}.guide-breadcrumb{margin-bottom:38px}.guide-opening{margin-bottom:42px}.guide-entry{grid-template-columns:1fr;gap:12px;padding:32px 0}.guide-entry .guide-entry-time{margin:0}.guide-reading{font-size:17px}.guide-reading h2{font-size:26px}.guide-contact{margin-top:60px}}
/* Dating article: homepage motifs, scoped to this guide only. */
.dating-feature{background:#080808;color:#f5f0e9}
.dating-feature .guide-reading{max-width:none}
.dating-feature .guide-opening{max-width:1080px}
.dating-feature .guide-opening h1{font-weight:800;font-size:clamp(38px,5.2vw,72px);max-width:24ch;line-height:1.08}
.dating-feature .guide-opening>p{max-width:68ch}
.dating-feature .guide-contents{max-width:760px}
.dating-feature .guide-reading>section{margin-block:72px}
.dating-feature .dating-copy{max-width:70ch}
.dating-feature .dating-copy>p+p{margin-top:22px}
.dating-feature .dating-copy h2{margin-top:64px}
.dating-feature .guide-reading a:not(.guide-button){color:#ff8daf;text-decoration:underline;text-underline-offset:4px}
.dating-feature .guide-reading a:not(.guide-button):hover{color:#fff}
.dating-feature mark{background:linear-gradient(transparent 52%,#87263e 52%);color:#fff;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.dating-feature .dating-chat{max-width:780px;margin-inline:auto}
.dating-feature .dating-chat-note{font-size:14px;line-height:1.7;max-width:65ch;margin-bottom:26px;color:#bdb4bc}
.dating-feature .bubble-in,.dating-feature .bubble-out{padding:20px 26px;width:fit-content;max-width:85%;line-height:1.65;margin:16px 0;font-weight:500}
.dating-feature .bubble-in{color:#eee8ec}
.dating-feature .bubble-out{margin-left:auto;color:#fff;background:linear-gradient(135deg,#a71836,#971344)}
.dating-feature .bubble-out p,.dating-feature .bubble-out a{color:#fff!important}
.dating-feature .dating-statement{padding:72px 0;margin-block:72px;border-block:1px solid #30262c;text-align:center;opacity:1;filter:saturate(.8);transform:none;transition:filter 1.2s cubic-bezier(.16,1,.3,1)}
.dating-feature .dating-statement.in-view{filter:saturate(1)}
.dating-feature .dating-statement p{font-size:clamp(34px,4.6vw,64px);line-height:1.12;font-weight:800;letter-spacing:-.035em;color:#f5f0e9;text-wrap:balance}
.dating-feature .dating-manifesto{padding:64px 24px;background:#121014;text-align:center}
.dating-feature .dating-manifesto h2{font-size:clamp(26px,3vw,40px);margin:0 0 44px;text-transform:uppercase;font-weight:800}
.dating-feature .dating-manifesto p{font-size:clamp(30px,4vw,52px);line-height:1.2;font-weight:800;letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:36px 0}
.dating-feature .dating-inline-cta{border-block:1px solid #49303a;padding:28px 0;margin:36px 0}
.dating-feature .guide-button{line-height:1.45;max-width:100%;white-space:normal}
.dating-feature .dating-plan ol{list-style:decimal;padding-left:30px}
.dating-feature .dating-plan li{padding-left:12px;margin:28px 0}
.dating-feature .dating-plan li::marker{color:#ff8daf;font-weight:700}
.dating-feature .dating-plan h3{margin:0 0 12px}
.dating-feature .dating-plan p{margin-top:16px}
.dating-feature .dating-faq{max-width:850px}
.dating-feature .dating-faq>h2{font-size:clamp(30px,4vw,50px);font-weight:800;text-transform:uppercase;max-width:22ch}
.dating-feature .dating-faq-pair{padding:24px 0;border-bottom:1px solid #30262c}
.dating-feature .dating-faq h3{font-size:19px;font-weight:600;scroll-margin-top:140px}
.dating-feature .dating-closing{max-width:70ch;padding-top:24px}
.dating-feature .dating-closing h2{font-size:clamp(30px,3.5vw,46px);font-weight:800}
.dating-feature .dating-closing p+p{margin-top:22px}
.dating-feature .guide-next{max-width:850px}
.dating-feature .guide-next a+a{margin-top:20px}
.dating-feature a:focus-visible{outline:2px solid #ff8daf;outline-offset:5px}
@media(max-width:700px){.dating-feature .guide-reading>section{margin-block:52px}.dating-feature .bubble-in,.dating-feature .bubble-out{max-width:94%;padding:17px 20px}.dating-feature .dating-manifesto{padding:44px 16px}.dating-feature .dating-statement{padding-block:48px;margin-block:52px}.dating-feature .dating-plan li{padding-left:4px}.dating-feature .dating-faq h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.dating-feature .ghost-focus{transition:none;filter:none;transform:none;opacity:1}}

/* Short reading cues: three strengths, matching the homepage voice. */
.dating-feature .dating-highlight-white{color:#fff;font-weight:500}
.dating-feature strong.dating-highlight-white{font-weight:750}
.dating-feature .dating-highlight-gradient{font-weight:650;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.dating-feature .dating-copy h2{font-weight:750}
.dating-feature .bubble-out .dating-highlight-white{color:#fff;font-weight:650}
.dating-feature .guide-button{transition:background-color 180ms ease,transform 180ms cubic-bezier(.16,1,.3,1)}
.dating-feature .guide-button:hover{transform:translateY(-2px)}
.dating-feature .guide-button:active{transform:translateY(0)}

/* A chat exchange arrives from its own side; statements come into focus. */
@media(prefers-reduced-motion:no-preference){
 .dating-feature .dating-chat.dating-motion-seen .bubble-in,
 .dating-feature .dating-faq-pair.dating-motion-seen .bubble-in{animation:dating-chat-in 580ms cubic-bezier(.16,1,.3,1) var(--dating-cue-delay,0ms) both}
 .dating-feature .dating-chat.dating-motion-seen .bubble-out,
 .dating-feature .dating-faq-pair.dating-motion-seen .bubble-out{animation:dating-chat-out 580ms cubic-bezier(.16,1,.3,1) var(--dating-cue-delay,90ms) both}
 .dating-feature .dating-statement.dating-motion-seen p{animation:dating-focus 760ms cubic-bezier(.16,1,.3,1) both}
 .dating-feature .dating-manifesto.dating-motion-seen>p{animation:dating-focus 700ms cubic-bezier(.16,1,.3,1) var(--dating-cue-delay,0ms) both}
}
@keyframes dating-chat-in{from{opacity:.86;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes dating-chat-out{from{opacity:.86;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes dating-focus{from{opacity:.86;filter:blur(1.5px) saturate(.6);transform:translateY(10px)}to{opacity:1;filter:blur(0) saturate(1);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 .dating-feature .guide-button:hover{transform:none}
 .dating-feature .dating-motion-seen p,.dating-feature .dating-motion-seen .bubble-in,.dating-feature .dating-motion-seen .bubble-out{animation:none;filter:none;transform:none}
}

/* Ratgeber overview: the homepage's dark panels and pill-shaped actions. */
.guide-index{background:#050505;color:#fff;padding-top:150px}
.guide-index .guide-breadcrumb{margin-bottom:36px;color:#c4bdb5}
.guide-index-opening{position:relative;padding:48px;border:1px solid #33242d;border-radius:32px;background:radial-gradient(ellipse at 90% 0%,rgba(253,41,123,.13),transparent 60%),linear-gradient(135deg,#171014,#0a090b);margin-bottom:36px;box-shadow:0 24px 70px -45px rgba(253,41,123,.4)}
.guide-index-opening h1{font-size:clamp(36px,5vw,68px);line-height:1.08;font-weight:800;letter-spacing:-.035em;text-wrap:balance;max-width:25ch;margin:0 0 24px}
.guide-index-opening>p{font-size:19px;line-height:1.75;color:#c4bdb5;max-width:65ch;margin:0 0 28px}
.guide-index .guide-index-button{gap:12px;padding:16px 26px;line-height:1.35;font-size:16px;white-space:normal;text-align:center;text-decoration:none;min-height:56px;max-width:100%}
.guide-index .guide-index-button svg{flex-shrink:0}
.guide-index .cta-primary{background:linear-gradient(135deg,#b91c1c,#be185d 58%,#c91e59);color:#fff}
.guide-index .cta-primary:hover{background:linear-gradient(135deg,#cc2332,#c91e59 58%,#bc1d52)}
.guide-index .cta-secondary{background:#1b151a;border-color:#59414e}
.guide-index-library{display:grid;grid-template-columns:1fr 1fr;gap:24px;scroll-margin-top:150px}
.guide-index-card{position:relative;padding:36px;border:1px solid #30262c;border-radius:28px;background:linear-gradient(145deg,#161216,#0d0c0e);transition:border-color 220ms ease,box-shadow 220ms ease}
.guide-index-card:hover,.guide-index-card:focus-within{border-color:#92415b;box-shadow:0 20px 55px -35px rgba(253,41,123,.45)}
.guide-index-card-copy{display:flex;flex-direction:column;height:100%}
.guide-index-card h2{font-size:clamp(27px,2.8vw,36px);line-height:1.18;letter-spacing:-.025em;font-weight:800;text-wrap:balance;max-width:28ch;margin:0 0 20px}
.guide-index-card h2 a{color:#fff;transition:color 180ms ease}
.guide-index-card h2 a:hover{color:#ff8daf}
.guide-index-description{font-size:18px;line-height:1.75;color:#c4bdb5;max-width:58ch;margin-bottom:28px}
.guide-index-card-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.guide-index-time{font-size:14px;line-height:1.5;color:#c4bdb5;margin:0}
.guide-index-featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding:44px;background:radial-gradient(ellipse at 100% 100%,rgba(190,24,93,.1),transparent 65%),linear-gradient(145deg,#1b1117,#0e0b0e);border-color:#63404f}
.guide-index-featured h2{font-size:clamp(30px,3.2vw,42px)}
.guide-index-chat{display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0}
.guide-index-chat .bubble-in,.guide-index-chat .bubble-out{font-size:18px;line-height:1.65;font-weight:500;max-width:94%;padding:22px 24px;margin:0}
.guide-index-chat .bubble-in{color:#eee8ec;background:#242024}
.guide-index-chat .bubble-out{background:linear-gradient(135deg,#a71836,#971344);color:#fff;align-self:flex-end}
.guide-index-chat-note{color:#c4bdb5;font-size:13px;line-height:1.65;max-width:45ch;margin:0}
.guide-index .guide-contact{max-width:none;margin-top:48px;border:1px solid #33242d;border-radius:32px;padding:44px;background:radial-gradient(ellipse at 20% 0%,rgba(253,41,123,.1),transparent 70%),#100c10;text-align:center}
.guide-index .guide-contact h2{font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-.03em;font-weight:800;text-wrap:balance;margin-bottom:22px}
.guide-index .guide-contact p{font-size:18px;max-width:65ch;margin:0 auto 28px}
.guide-index a:focus-visible{outline:2px solid #ff8daf;outline-offset:6px}
@media(max-width:900px){.guide-index-featured{grid-template-columns:1fr;gap:32px}.guide-index-chat{max-width:620px}.guide-index-card{padding:28px}.guide-index-featured{padding:36px}.guide-index-opening{padding:36px}}
@media(max-width:700px){.guide-index{padding-top:150px}.guide-index .guide-breadcrumb{margin-bottom:28px}.guide-index-opening{padding:28px 22px;border-radius:24px}.guide-index-opening h1{font-size:clamp(32px,8.2vw,48px)}.guide-index-opening>p{font-size:17px}.guide-index-library{grid-template-columns:1fr;gap:20px}.guide-index-card,.guide-index-featured{padding:28px 22px;border-radius:24px}.guide-index-card h2{font-size:28px}.guide-index-description{font-size:17px}.guide-index-chat .bubble-in,.guide-index-chat .bubble-out{font-size:16px;padding:18px}.guide-index .guide-contact{padding:32px 22px;border-radius:24px}.guide-index .guide-contact p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.guide-index .cta-primary,.guide-index .cta-secondary,.guide-index-card{transition:none}.guide-index .cta-primary:hover,.guide-index .cta-secondary:hover,.guide-index .cta-primary:active,.guide-index .cta-secondary:active{transform:none}}