.tut-callout{background:var(--k-lemon);border:2.5px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--k-ink);padding:18px 22px;margin:24px 0 32px}.tut-callout-title{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--k-ink);margin-bottom:6px}.tut-callout p{margin:0;font-size:15px;line-height:1.5}.tut-lang-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 26px}.tut-lang-stat{background:var(--k-white);border:2.5px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:4px 4px 0 var(--k-ink);padding:16px 14px;text-align:center}.tut-lang-stat-n{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--k-ink);letter-spacing:-.02em;line-height:1}.tut-lang-stat-l{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--k-muted);margin-top:6px;text-transform:uppercase}@media(max-width:700px){.tut-lang-summary{grid-template-columns:repeat(2,1fr)}}.tut-script-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 32px}.tut-script-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--k-white);border:2px solid var(--k-ink);border-radius:999px;font-size:13.5px}.tut-script-name{color:var(--k-ink);font-weight:700}.tut-script-count{font-family:var(--font-mono);font-size:11px;font-weight:800;background:var(--k-ink);color:var(--k-lemon);padding:1px 6px;border-radius:5px}.tut-steps{padding-left:20px;list-style:disc;margin:12px 0 24px}.tut-steps>li{margin-bottom:10px;font-size:15.5px;line-height:1.6;color:var(--k-ink)}.tut-steps>li::marker{color:var(--k-coral);font-size:1.1em}.tut-steps code{background:var(--k-cream);padding:1px 6px;border-radius:4px;font-size:13px}.tut-steps a{color:var(--k-ink);text-decoration:underline;text-underline-offset:3px}.tut-bullets{padding-left:22px;margin:12px 0 24px}.tut-bullets>li{margin-bottom:8px;font-size:15.5px;line-height:1.6}.tut-code{background:var(--k-ink);color:var(--k-lemon);border-radius:10px;padding:16px 18px;font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow-x:auto;margin:12px 0 24px;white-space:pre}.tut-code code{color:inherit;background:transparent;padding:0}.tut-lang-table-wrap{border:2.5px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--k-ink);background:var(--k-white);overflow:hidden;margin:12px 0 32px}.tut-lang-table{width:100%;border-collapse:collapse;font-size:14px}.tut-lang-table th,.tut-lang-table td{padding:10px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid color-mix(in srgb,var(--k-ink) 12%,transparent)}.tut-lang-table thead th{background:var(--k-cream);font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--k-ink);border-bottom:2px solid var(--k-ink)}.tut-lang-table tbody tr:hover{background:color-mix(in srgb,var(--k-lemon) 20%,var(--k-white))}.tut-lang-table tbody tr:last-child td{border-bottom:0}.tut-lang-table .col-rank{width:40px;color:var(--k-muted);font-family:var(--font-mono);font-size:12px}.tut-lang-table .col-native{font-size:15px;color:var(--k-ink)}.tut-lang-table .col-code{white-space:nowrap}.tut-lang-table .col-code code{display:inline-block;background:var(--k-cream);border:1.5px solid var(--k-ink);padding:2px 7px;border-radius:5px;font-family:var(--font-mono);font-size:12.5px;color:var(--k-ink);white-space:nowrap}.tut-lang-table .col-example{font-size:15px;color:var(--k-ink)}@media(max-width:700px){.tut-lang-table .col-en{display:none}}.tut-cta{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:var(--k-ink);color:var(--k-white);border-radius:var(--r-lg);padding:24px 28px;margin:40px 0 0}.tut-cta b{font-family:var(--font-display);font-size:20px;font-weight:800}.tut-cta p{margin:6px 0 0;font-size:14.5px;color:color-mix(in srgb,var(--k-white) 78%,transparent)}.tut-cta-btn{background:var(--k-lemon);color:var(--k-ink);border:2.5px solid var(--k-lemon);border-radius:10px;padding:12px 20px;font-family:var(--font-display);font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}.tut-cta-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--k-white)}@media(max-width:700px){.tut-cta{grid-template-columns:1fr}}