/* Guides, use case pages, materials and blog. Linked only from those pages; uses the tokens from styles.css. */
.kw-article { padding-bottom: 3rem; }
.kw-prose { max-width: 72ch; }
.kw-prose table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: .95rem; }
.kw-prose th, .kw-prose td { text-align: left; vertical-align: top; padding: .55rem .6rem; border-bottom: 1px solid var(--line); }
.kw-prose thead th { font-family: var(--font-mono); font-size: .8rem; font-weight: 500; color: var(--moss); border-bottom: 2px solid var(--line-2); }
.kw-prose td.num, .kw-prose th.num { font-family: var(--font-mono); white-space: nowrap; }
.kw-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kw-meta { color: var(--ink-3); font-size: .85rem; margin-top: .5rem; }
.kw-intro { max-width: 70ch; color: var(--ink-2); }
.kw-howto { border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper-2); padding: 1rem 1.25rem; margin: 1.5rem 0; }
.kw-howto h2 { margin-top: 0; font-size: 1.2rem; }
.kw-tools { color: var(--moss); font-size: .85rem; }
.kw-steps li { margin-bottom: .6rem; }
.kw-callout { border-left: 3px solid var(--verm); padding: .25rem 0 .25rem 1rem; margin: 1.25rem 0; }
.kw-products, .kw-faq, .kw-related, .kw-line-guides { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.kw-tcards { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); margin-top: 1rem; }
.kw-tcard { display: grid; gap: .35rem; align-content: start; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper-2); color: var(--ink); text-decoration: none; transition: border-color .15s; }
.kw-tcard:hover, .kw-tcard:focus-visible { border-color: var(--verm); }
.kw-tcard-h { font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; line-height: 1.25; }
.kw-tcard-p { color: var(--ink-2); font-size: .92rem; }
.kw-tcard-m { color: var(--moss); font-size: .78rem; }
.kw-tcards-hub { margin-top: 1.5rem; }
.kw-also, .kw-help { margin-top: 2rem; color: var(--ink-2); font-size: .95rem; }
.kw-pd-guides .kw-guide-link .mono, .kw-reading { color: var(--ink-2); }
.kw-reading { padding-left: 1.2rem; }