.kerf-page .article-hero h1 { font-size: clamp(62px, 7vw, 108px); }
.kerf-page .article-hero .article-figure img { background: #eef0f6; }
.kerf-page .article-copy h3 { margin: 34px 0 12px; font-size: 23px; font-weight: 450; letter-spacing: -.025em; }
.kerf-steps { list-style: none; padding: 0; margin: 30px 0; counter-reset: step; }
.kerf-steps > li { position: relative; padding: 22px 0 22px 54px; border-top: 1px solid var(--rule); counter-increment: step; }
.kerf-steps > li::before { content: counter(step, decimal-leading-zero); position: absolute; left: 0; top: 27px; color: var(--muted); font: 12px 'Geist Mono', monospace; }
.kerf-steps h3 { margin: 0 0 8px !important; font-size: 20px !important; }
.kerf-steps p { font-size: 17px; margin-bottom: 0; }
.kerf-note { padding: 22px 26px; background: var(--surface); border-left: 2px solid var(--foreground); margin: 28px 0; }
.kerf-note p { font-size: 16px; margin: 0; }
.kerf-example { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--rule); border: 1px solid var(--rule); border-radius: 14px; overflow: hidden; margin: 28px 0 12px; }
.kerf-example > div { background: var(--surface); padding: 28px 24px; }
.kerf-example dt { font-size: 13px; color: var(--muted); margin: 0 0 18px; }
.kerf-example dd { font-size: clamp(32px, 3.5vw, 48px); letter-spacing: -.04em; margin: 0; }
.kerf-example dd small { font-size: 16px; letter-spacing: 0; }
.kerf-example dd span { display: block; font-size: 12px; line-height: 1.6; color: var(--muted); margin-top: 12px; letter-spacing: 0; }
.kerf-caption { color: var(--muted); font-size: 12px !important; line-height: 1.65 !important; }
.kerf-screen { margin: 34px 0; }
.kerf-screen > a { display: block; }
.kerf-screen img { display: block; width: 100%; height: auto; border-radius: 14px; }
.kerf-download { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin: 26px 0; }
.kerf-download a { text-decoration: none; }
.kerf-fit { margin: 30px 0 0; }
.kerf-fit > div { border-top: 1px solid var(--rule); padding: 22px 0; }
.kerf-fit dt { font-size: 22px; letter-spacing: -.02em; margin-bottom: 10px; }
.kerf-fit dd { margin: 0; font-size: 17px; line-height: 1.8; color: var(--muted); }
.kerf-sources { padding-top: 24px; border-top: 1px solid var(--rule); font-size: 13px !important; color: var(--muted); }
@media(max-width:700px) { .kerf-page .article-hero h1 { font-size: clamp(56px, 13vw, 84px); } .kerf-example > div { padding: 22px 16px; } .kerf-steps > li { padding-left: 38px; } .kerf-note { padding: 18px 20px; } }