/* Naturwohl (sanamente.ch) — Naturheilkunde, doux & arrondi. Classes nw-*. Stein/Eukalyptus. DM Serif Display + DM Sans. */
:root{
  --stone:#8a7d6b; --euca:#6f8f7a; --euca-d:#4f6a58; --moss:#3d4a3f; --clay:#c58a6a;
  --linen:#f3efe7; --paper:#fffdf8; --ink:#2f322f; --muted:#7c7b71; --line:#e6ded0; --r:20px;
}
*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden}
body{background:var(--linen);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.14;margin:0}
a{color:inherit} img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 26px}
.col{max-width:700px;margin:0 auto;padding:0 26px}
.eyebrow{font-family:"DM Sans";font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--euca-d)}

/* ---- Header 2 rangées ---- */
.nw-util{background:var(--euca-d);color:#e8f0ea;font-size:.78rem}
.nw-util__in{display:flex;justify-content:space-between;align-items:center;height:34px;letter-spacing:.03em}
.nw-top{background:var(--linen);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.nw-top__in{display:flex;align-items:center;justify-content:space-between;height:70px}
.nw-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--moss);font-family:"DM Serif Display",serif;font-size:1.6rem}
.nw-brand svg{width:34px;height:34px}
.nw-nav{display:flex;gap:8px;align-items:center}
.nw-nav a{text-decoration:none;font-size:.9rem;font-weight:600;color:var(--ink);padding:9px 16px;border-radius:999px}
.nw-nav a:hover,.nw-nav a[aria-current]{background:#e7ede8;color:var(--euca-d)}
.nw-nav a.cta{background:var(--euca);color:#fff}.nw-nav a.cta:hover{background:var(--euca-d)}

/* ---- Hero doux ---- */
.nw-hero{padding:54px 0}
.nw-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.nw-hero h1{font-size:clamp(2.6rem,5.5vw,4rem);color:var(--moss)}
.nw-hero h1 em{font-style:italic;color:var(--clay)}
.nw-hero p{font-size:1.14rem;color:#575a52;margin:18px 0 26px;max-width:32em}
.nw-btn{display:inline-block;background:var(--euca);color:#fff;font-weight:700;font-size:.95rem;padding:14px 28px;border-radius:999px;text-decoration:none}
.nw-btn:hover{background:var(--euca-d)}
.nw-hero__art{aspect-ratio:1/1;border-radius:44% 56% 58% 42% / 46% 44% 56% 54%;background:linear-gradient(150deg,var(--euca),var(--stone));background-size:cover;background-position:center;overflow:hidden}

/* ---- 3 Säulen ---- */
.nw-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:10px 0}
.nw-pillar{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px;text-align:center}
.nw-pillar svg{width:40px;height:40px;margin-bottom:10px}
.nw-pillar h3{font-size:1.5rem;color:var(--moss);margin:0 0 6px}
.nw-pillar p{color:var(--muted);font-size:.92rem;margin:0}

/* ---- Sections & cards ---- */
.nw-sec{padding:52px 0}
.nw-shead{text-align:center;max-width:38em;margin:0 auto 30px}
.nw-shead h2{font-size:2.5rem;color:var(--moss)}
.nw-shead p{color:var(--muted)}
.nw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nw-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.nw-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(61,74,63,.1)}
.nw-card__im{aspect-ratio:3/2;background:linear-gradient(150deg,var(--stone),var(--euca-d));background-size:cover;background-position:center}
.nw-card__b{padding:20px 22px 24px}
.nw-card .eyebrow{color:var(--euca-d)}
.nw-card h3{font-size:1.5rem;color:var(--moss);margin:6px 0 5px}
.nw-card p{font-size:.92rem;color:var(--muted);margin:0}

/* ---- Footer + Ruhe-Impuls ---- */
.nw-foot{background:var(--moss);color:#d6ddd4;margin-top:50px}
.nw-impuls{background:var(--euca-d);padding:44px 0;text-align:center}
.nw-impuls p{font-family:"DM Serif Display",serif;font-style:italic;font-size:1.7rem;color:#fff;max-width:24em;margin:0 auto}
.nw-foot__cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px;padding:44px 0 0}
.nw-foot__brand{font-family:"DM Serif Display",serif;font-size:1.7rem;color:#fff}
.nw-foot h4{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#a9c3b2;margin:0 0 12px}
.nw-foot a{color:#d6ddd4;text-decoration:none;display:block;padding:4px 0;font-size:.92rem;opacity:.9}
.nw-foot a:hover{opacity:1;color:#fff}
.nw-foot__note{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding:18px 0 26px;font-size:.8rem;opacity:.6}

/* ===== ARTICLE : TOC repliable inline + cartes douces ===== */
.nw-prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--clay);z-index:99}
.nw-crumbs{font-size:.82rem;color:var(--muted);padding:22px 0 0}
.nw-crumbs a{color:var(--muted);text-decoration:none}.nw-crumbs a:hover{color:var(--euca-d)}
.nw-arthead{text-align:center;padding:22px 0 26px}
.nw-arthead .chip{display:inline-block;background:#e7ede8;color:var(--euca-d);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.nw-arthead h1{font-size:clamp(2.2rem,5vw,3.4rem);color:var(--moss);max-width:16em;margin:0 auto}
.nw-arthead .lead{font-size:1.18rem;color:#575a52;max-width:38em;margin:16px auto 14px}
.nw-byline{font-size:.86rem;color:var(--muted)}
.nw-arthero{width:100%;max-width:900px;margin:0 auto;aspect-ratio:1200/560;object-fit:cover;border-radius:var(--r);display:block}
.nw-toc{max-width:700px;margin:26px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.nw-toc summary{cursor:pointer;font-weight:700;padding:16px 22px;list-style:none;color:var(--moss)}
.nw-toc summary::after{content:" ↓";color:var(--euca-d)}
.nw-toc[open] summary::after{content:" ↑"}
.nw-toc ol{margin:0;padding:0 22px 18px 42px}.nw-toc a{color:var(--euca-d);text-decoration:none}.nw-toc a:hover{text-decoration:underline}
.nw-prose{max-width:700px;margin:0 auto;padding:30px 0}
.nw-prose h2{font-size:2rem;color:var(--moss);margin:38px 0 10px}
.nw-prose h3{font-size:1.4rem;color:var(--euca-d);margin:26px 0 8px}
.nw-prose p{margin:0 0 17px}.nw-prose ul,.nw-prose ol{margin:0 0 17px;padding-left:22px}.nw-prose li{margin:7px 0}
.nw-prose a{color:var(--euca-d);text-decoration:underline;text-underline-offset:2px}
.nw-prose .lead-p::first-letter{font-family:"DM Serif Display",serif;font-size:3.6rem;float:left;line-height:.82;padding:6px 12px 0 0;color:var(--clay)}
.nw-steckbrief{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;margin:24px 0}
.nw-steckbrief b{color:var(--euca-d)}
.nw-note{background:#e9efe9;border-radius:var(--r);padding:18px 22px;margin:24px 0}
.nw-note--warn{background:#f6ede4;border:1px solid #ecd7c2}
.nw-keyfigs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}
.nw-keyfigs div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center}
.nw-keyfigs b{font-family:"DM Serif Display",serif;font-size:2rem;display:block;color:var(--moss)}
.nw-keyfigs span{font-size:.82rem;color:var(--muted)}
.nw-tablewrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:var(--r)}
.nw-table{border-collapse:collapse;width:100%;min-width:440px;font-size:.93rem}
.nw-table th{background:var(--euca-d);color:#fff;text-align:left;padding:11px 14px;font-family:"DM Sans";font-weight:700}
.nw-table td{padding:10px 14px;border-top:1px solid var(--line)}
.nw-faq{margin:26px 0}
.nw-faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);margin:10px 0;padding:2px 20px}
.nw-faq summary{cursor:pointer;font-weight:700;color:var(--moss);padding:14px 0;list-style:none;position:relative;padding-right:28px}
.nw-faq summary::after{content:"+";position:absolute;right:2px;top:12px;color:var(--clay);font-size:1.3rem}
.nw-faq details[open] summary::after{content:"–"}
.nw-faq p{padding:0 0 14px;color:#575a52;margin:0}
.nw-refs{max-width:700px;margin:34px auto 0;font-size:.86rem;color:var(--muted)}.nw-refs ol{padding-left:20px}.nw-refs li{margin:6px 0}
.nw-related{max-width:900px;margin:40px auto 0;padding:0 26px}
.nw-related h4{text-align:center;font-family:"DM Serif Display",serif;font-size:1.7rem;color:var(--moss);margin:0 0 20px}
.nw-relgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.nw-rel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-decoration:none;color:inherit}
.nw-rel:hover{box-shadow:0 10px 24px rgba(61,74,63,.1)}
.nw-rel .eyebrow{color:var(--euca-d)}.nw-rel h3{font-size:1.4rem;color:var(--moss);margin:5px 0 0}

@media(max-width:820px){
  .nw-hero__grid,.nw-pillars,.nw-cards,.nw-foot__cols,.nw-keyfigs,.nw-relgrid{grid-template-columns:1fr}
  .nw-nav a:not(.cta){display:none}.nw-util{display:none}
}