/* ==========================================================================
   Vuolti — 3D-Druck-Wissen (knowledge hubs/guides)
   Loaded only on knowledge.php pages, on top of site.css. No Three.js, no
   generator bundles here — an article page stays light.
   ========================================================================== */

.key-takeaway{
  border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:var(--r);
  padding:18px 22px;background:var(--paper-2);
}
.key-takeaway strong{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.key-takeaway p{margin:0;color:var(--ink);font-size:15px;line-height:1.6}
.key-takeaway--warning{border-left-color:var(--warn)}
.key-takeaway--measurement{border-left-color:var(--accent-3)}

.card--cta{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;min-height:64px}

.sources{color:var(--ink-2);font-size:14px;line-height:1.7;padding-left:22px}
.sources li{margin-bottom:4px}

.author-meta{color:var(--ink-3)}

.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:var(--r)}
.ktable{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}
.ktable th,.ktable td{padding:10px 16px;border-bottom:1px solid var(--line);text-align:left}
.ktable thead th{color:var(--ink-2);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--paper-2)}
.ktable tbody tr:last-child td{border-bottom:0}
.ktable tbody tr:hover{background:var(--paper-2)}

/* Article prose tables wrap instead of scrolling one endless line; the
   min-width keeps a column readable, the wrapper scrolls on narrow screens. */
.ktable--prose{white-space:normal;min-width:640px}
.ktable--prose td,.ktable--prose th{vertical-align:top;line-height:1.5}
.table-wrap:focus-visible{outline:2px solid var(--accent-3);outline-offset:2px}

.steps{margin:16px 0;padding-left:22px;color:var(--ink-2);font-size:14.6px;line-height:1.55}
.steps li{margin-bottom:10px;padding-left:4px}
.steps li::marker{color:var(--accent);font-weight:700}
.know strong{color:var(--ink)}

sup.fn{font-size:11px;line-height:0;margin-left:2px;white-space:nowrap}
sup.fn a{color:var(--ink-3);text-decoration:none}
sup.fn a:hover{color:var(--ink)}
.sources li:target{color:var(--ink)}
.lp__outro{font-size:16px}

/* text that follows a list inside a section needs air above it */
.know .ticks + .lp__p,.know .steps + .lp__p,.know .ticks + .ticks{margin-top:18px}