/* Editorial extension of the existing Smartmacherei Ratgeber styles. */
.skill-actions { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
.skill-shot { margin:0; min-width:0; }
.skill-shot img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:16px; box-shadow:0 16px 50px #0a2a3d18; }
.skill-shot figcaption { font-size:13px; line-height:1.5; margin-top:12px; color:#fff; }
.skill-toc { display:flex; flex-wrap:wrap; gap:10px 24px; margin:28px 0 44px; font-weight:600; }
.skill-article pre { padding:18px; background:#edf4f8; border-radius:10px; overflow-x:auto; font:13px/1.7 'JetBrains Mono',monospace; max-width:100%; }
.skill-article pre code { white-space:pre; }
.skill-article :not(pre)>code { overflow-wrap:anywhere; }
.skill-article h2[id] { scroll-margin-top:100px; }
.skill-example { border-left:3px solid var(--deep); padding:4px 0 4px 24px; margin:28px 0; }
.skill-example h3 { margin-top:0; }
.skill-example blockquote { margin:0; font-size:16px; line-height:1.8; }
.skill-details { margin:22px 0; padding:16px; border:1px solid var(--line); border-radius:12px; }
.skill-details summary { cursor:pointer; font-weight:600; }
.skill-source { font-size:13px; color:var(--ink-soft); }
.skill-article .autor { display:flex; gap:18px; align-items:center; margin-top:44px; }
.skill-article .autor img { width:80px; height:100px; object-fit:cover; border-radius:12px; flex-shrink:0; }
.skill-article .autor p { font-size:14px; }
.skill-article .cta-box h3 { color:#fff; margin-top:0; }
.skill-article .cta-box .btn:not(.primary) { color:#fff; border:1px solid #ffffff80; }
.skill-hero .btn:not(.primary) { background:#fff; color:#0a2a3d; }
@media(max-width:700px) { .skill-hero { gap:28px; } .skill-actions .btn { white-space:normal; text-align:center; } .skill-article pre { font-size:12px; } }