:root{--neu-blue:#006dd3;--text-strong:#111827;--text-muted:#4b5563;--surface:#ffffff;--border:#e5e7eb}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(13px,1.05vw,14.5px);line-height:1.25;background:var(--surface);color:var(--text-strong);margin:0}.cheatsheet{width:100%;margin-top:20px;padding:12px 16px 20px;display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:640px){.cheatsheet{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cheatsheet{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.cheatsheet{grid-template-columns:repeat(4,1fr)}}.header{grid-column:1/-1;background-color:var(--neu-blue);color:white;padding:10px 14px;border-radius:8px;display:grid;grid-template-columns:1fr;align-items:center;grid-gap:12px;gap:12px}@media (max-width:480px){.header{grid-template-columns:1fr;text-align:center}}.header-info{text-align:center}.header h1{font-size:clamp(16px,1.5vw,20px);font-weight:700;margin:0 0 4px;color:#fff}.header .subtitle{font-size:clamp(11px,1vw,13px);opacity:.95;color:#fff}.section{background:var(--surface);border:1.5px solid var(--neu-blue);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}.section-header{background-color:var(--neu-blue);color:white;padding:6px 10px;font-weight:700;font-size:clamp(12px,1.05vw,13px);display:flex;align-items:center}.section-content{padding:10px;flex:1 1;gap:10px}.section-content,.subsection{display:flex;flex-direction:column}.subsection{gap:6px}.subsection-title{background:#f5f5f5;padding:6px 8px;font-weight:700;font-size:clamp(12px,1.05vw,13px);color:#333;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.tag{background-color:var(--neu-blue);color:white;padding:2px 6px;border-radius:3px;font-size:clamp(10px,.9vw,11px);font-weight:600;white-space:nowrap}code{background:#1f2937;color:#f8f8f2;padding:8px 10px;border-radius:6px;font-family:Consolas,Courier New,monospace;font-size:.9em;display:block;line-height:1.3;overflow-x:auto;white-space:pre}.inline-code{background:#e0f2fe;color:#0369a1;padding:2px 4px;border-radius:4px;font-family:Consolas,monospace;font-size:.92em}ul{margin:4px 0 4px 18px}ol,ul{padding:0}ol{margin:4px 0 4px 22px}li{margin-bottom:4px;font-size:.95em;line-height:1.25;color:var(--text-strong)}.keyword{background:#eff6ff;padding:2px;border-radius:4px;font-weight:600;font-size:.92em}.info,.success,.warning{padding:8px 10px;border-radius:6px;font-size:.92em;margin:2px 0}.warning{background:#fee2e2;color:#991b1b;border-left:3px solid #dc2626}.success{background:#d1fae5;color:#065f46;border-left:3px solid #10b981}.info{background:#dbeafe;color:#1e40af;border-left:3px solid var(--neu-blue)}table{width:100%;border-collapse:collapse;font-size:.92em}td,th{border:1px solid #e5e7eb;padding:6px 8px;text-align:left;vertical-align:top}th{background:#f8fafc;font-weight:700}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.small-text{font-size:.9em;color:var(--text-muted);line-height:1.25}@media print{*{font-size:7.3pt!important;line-height:1!important}@page{size:420mm 297mm;margin:0}body,html{height:auto}.main-content{padding-top:0!important}.button-print,.footer,.top-header,.top-navbar{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.cheatsheet{width:420mm;max-width:none;display:grid;grid-template-columns:repeat(4,1fr)!important;grid-gap:6px;gap:6px;padding:0;margin:0}.inline-code,.keyword{padding:0}.tag{font-size:6pt!important}code{padding:4px}ul{margin:1px 0 1px 12px}.section{border-radius:3px}.subsection{padding:3px;gap:2px!important}.subsection-title{padding:1px}li{margin:2px 0 0}td,th{padding:1px}.section-content{padding:1px;gap:2px!important}.header{padding:5px;border-radius:3px}.info,.success,.warning{padding:4px}.page-title{font-size:12pt!important}.page-subtitle{font-size:11pt}}.page-title{margin:0 0 2px;font-weight:800;letter-spacing:.2px;color:#ffffff;font-size:clamp(18px,2vw,24px);line-height:1.15;text-wrap:balance}.page-subtitle{margin:0;opacity:.95;color:#ffffff;font-weight:500;font-size:clamp(11px,1.05vw,14px);line-height:1.2}@media (max-width:480px){.page-title{font-size:clamp(18px,6.2vw,22px)}.page-subtitle{font-size:clamp(11px,3.8vw,13px)}}