.article-hero{padding:62px 0 34px}
.article-hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:46px;align-items:center}
.article-hero h1{font-size:clamp(3rem,6.4vw,6rem);line-height:.94;letter-spacing:-.07em;margin:.65rem 0 1.2rem}
.article-hero h1 em{font:italic 400 1em Georgia,serif;color:var(--orange)}
.article-hero .lead{max-width:590px}
.article-photo{margin:0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.article-photo img{display:block;width:100%;height:450px;object-fit:cover}
.blog-meta{font-size:.88rem;color:var(--muted);font-weight:700;margin-top:1.2rem}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:start}
.article-copy{max-width:760px}
.article-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.05em;margin:2.4rem 0 .9rem}
.article-copy h3{font-size:1.3rem;line-height:1.2;margin:0 0 .5rem}
.article-copy p,.article-copy li{font-size:1.05rem}
.article-copy li+li{margin-top:.45rem}
.article-toc{position:sticky;top:96px;background:white;border:1px solid var(--line);border-radius:22px;padding:24px}
.article-toc b{display:block;margin-bottom:10px}
.article-toc a{display:block;padding:8px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.article-toc a:hover{text-decoration:underline}
.personal{font:italic 1.65rem/1.35 Georgia,serif;color:var(--green);border-left:5px solid var(--orange);padding:10px 0 10px 24px;margin:2rem 0}
.selection{background:#e9ece7;border-radius:28px;padding:30px;margin:30px 0}
.selection h3{margin:0 0 1rem}
.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.selection-grid div{background:white;border-radius:17px;padding:17px}
.selection-grid b{display:block;color:var(--green)}
.routine{background:var(--green);color:white;border-radius:28px;padding:36px;margin:42px 0}
.routine h2{margin:0 0 1rem}
.routine ol{padding-left:1.3rem}
.routine li+li{margin-top:.65rem}
.routine p{color:#d7e5dc}
.lead-magnet{background:var(--acid);border-radius:28px;padding:32px;margin:40px 0}
.lead-magnet h2{margin:.3rem 0 .7rem}
.lead-magnet .signup{max-width:620px}
.lead-magnet .signup input{min-height:48px}
.lead-magnet .note{display:block;margin-top:12px;color:#35463e}
.lead-magnet .eyebrow{color:var(--green)}
.disclosure{background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:15px;padding:16px 20px;margin:28px 0;color:#35463e}
.disclosure strong{display:block;color:var(--ink)}
.product-guide{display:grid;gap:14px;margin:24px 0 40px}
body:has(.article-photo img[src$="beauty-gesicht-hero.jpg"]){--guide-image:url("beauty-gesicht-produkte-v2.jpg")}
body:has(.article-photo img[src$="beauty-haar-hero.jpg"]){--guide-image:url("beauty-haar-produkte-v2.jpg")}
body:has(.article-photo img[src$="beauty-koerper-hero.jpg"]){--guide-image:url("beauty-koerper-produkte-v2.jpg")}
body:has(.article-photo img[src$="beauty-unterwegs-hero.jpg"]){--guide-image:url("beauty-reise-produkte-v2.jpg")}
.guide-grid{display:grid;gap:14px;margin:24px 0 40px}
.guide-card{background:white;border:1px solid var(--line);border-radius:23px;padding:18px;display:grid;grid-template-columns:190px 46px minmax(0,1fr);gap:16px 18px;align-items:start;overflow:hidden}
.guide-card>.guide-visual{grid-column:1;grid-row:1;margin:0;min-width:0}
.guide-card>.guide-num{grid-column:2;grid-row:1}
.guide-card>div{grid-column:3;grid-row:1;min-width:0}
.guide-card>div h3{margin:.15rem 0 .45rem;overflow-wrap:normal;word-break:normal;hyphens:auto}
.guide-visual img{display:block;width:100%;height:190px;object-fit:contain;border-radius:15px;background:#fff;box-shadow:inset 0 0 0 1px rgba(22,55,45,.08)}
.guide-visual figcaption{font-size:.72rem;color:var(--muted);line-height:1.3;margin-top:7px}
.guide-num{width:42px;height:42px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font-weight:900;color:var(--ink)}
.guide-card p{margin:.35rem 0 .8rem}
.guide-card .fit{font-size:.93rem;color:var(--muted)}
.guide-card .ad{display:block;font-size:.78rem;font-weight:850;color:#8b4830;margin:.9rem 0 .45rem;text-transform:uppercase;letter-spacing:.04em}
.guide-card a{font-weight:850;color:var(--green);text-underline-offset:3px}
.faq-small details{background:white;border:1px solid var(--line);border-radius:15px;padding:16px 20px;margin:10px 0}
.faq-small summary{font-weight:850;cursor:pointer}
.faq-small p{margin-bottom:0}
.evidence{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}
.evidence a{color:var(--green);text-underline-offset:3px}
.article-bottom{margin-top:60px}
.article-bottom .wrap{border-top:1px solid var(--line);padding-top:38px}
@media(max-width:900px){.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-toc{position:static;order:-1}.article-photo img{height:330px}}
@media(max-width:600px){.article-hero{padding-top:36px}.article-hero h1{font-size:3.1rem}.selection-grid{grid-template-columns:1fr}.guide-card{grid-template-columns:42px minmax(0,1fr);gap:12px 14px}.guide-card>.guide-visual{grid-column:1/3;grid-row:1}.guide-card>.guide-num{grid-column:1;grid-row:2}.guide-card>div{grid-column:2;grid-row:2}.guide-visual img{height:230px}.article-toc{display:none}}