/* stufenweg.css – Shop: Hinweis „Inhalt auf Portugiesisch“ (DE/EN-Produktseiten und -Shopübersicht) und der Stufenweg auf jeder
   Produktseite („Kostenlos dazu“ + „Danach“, tools/build_produtos.py, Zuordnung shop/stufenweg.json). Tokens aus css/site.css. */
.lj-ptnote{display:inline-flex;align-items:center;gap:8px;margin:2px 0 14px;padding:5px 12px 5px 10px;border:1px solid var(--line);border-radius:999px;
  font-size:12.5px;line-height:1.3;color:var(--muted);background:rgba(255,255,255,.03)}
.lj-ptnote svg{width:16px;height:16px;flex:none;color:var(--cyan)}
.lj-sec .lj-ptnote{margin:0 0 6px}

.sw{margin-top:56px;max-width:980px}
.sw>h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 6px}
.sw>p{margin:0 0 22px;color:var(--muted);font-size:15px}
.sw-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
.sw-box{padding:20px 22px}
.sw-box h3{font:600 12px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.sw-free{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sw-free a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 12px;align-items:start;padding:10px 8px;margin:0 -8px;border-radius:var(--radius-sm);
  color:var(--text);text-decoration:none}
.sw-free a:hover,.sw-free a:focus-visible{background:rgba(255,255,255,.05)}
.sw-free svg{width:20px;height:20px;margin-top:1px;color:var(--cyan);grid-row:span 2}
.sw-free b{font-weight:600;font-size:15px;line-height:1.35}
.sw-free small{color:var(--faint);font-size:13px;line-height:1.4}
.sw-next a{display:block;padding:16px 16px 14px;margin:0 -4px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;
  background:linear-gradient(135deg,rgba(123,92,196,.16),rgba(227,191,110,.06))}
.sw-next a:hover,.sw-next a:focus-visible{border-color:var(--gold)}
.sw-next small{display:block;color:var(--faint);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sw-next b{display:block;margin:6px 0 10px;font-size:17px;line-height:1.35}
.sw-next span{color:var(--gold);font:600 13px var(--font)}
@media (max-width:760px){.sw-grid{grid-template-columns:minmax(0,1fr)}.sw{margin-top:44px}}
.lj-trilha a{text-decoration:underline;text-decoration-color:rgba(166,172,210,.45);text-underline-offset:3px}   /* Brotkrumen: nicht nur Farbe (a11y) */