:root{--bg:#fff;--sidebar:#f5f7fb;--card:#fff;--text:#222;--muted:#4a5560;--accent:#0c4a6e;--accent-2:#093a57;--border:#e0e0e0;--muted-surface:#e7eef4;--shadow:rgba(0,0,0,.08);--radius:14px;--font:"Inter","Helvetica Neue",Arial,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;word-break:break-word}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100%}a{color:var(--accent);transition:color .15s ease;text-decoration:none}a:hover{color:#093a57}a:active{color:#062a40}::selection{background:rgba(12,74,110,.12)}.prose{max-width:900px}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;line-height:1.4;position:relative}.prose h1{font-size:2rem;margin:20px 0 10px}.prose h2{font-size:1.6rem}.prose h3{font-size:1.35rem}.prose p{color:#1f2933;line-height:1.7;margin:14px 0}.prose ol,.prose ul{margin:14px 0 14px 26px;color:var(--text);line-height:1.6;padding-left:18px}.prose code{padding:4px 6px;border-radius:8px;font-size:12px}.prose pre{background:#f2f4f8;border-radius:12px;border:1px solid var(--border);padding:18px;overflow:auto}.hljs{color:#1f2933}.hljs-keyword,.hljs-meta,.hljs-selector-tag{color:#0c4a6e}.hljs-attr,.hljs-number,.hljs-string{color:#093a57}.prose blockquote{border-left:3px solid var(--accent);margin:18px 0;padding:12px 16px;background:#eef2fb;color:#1f2933}.prose table{width:100%;border-collapse:collapse;margin:20px 0 32px;font-size:.95rem;display:block;overflow-x:auto}.prose tbody,.prose tfoot,.prose thead{width:max-content;min-width:100%}.prose td,.prose th{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.prose tr:nth-child(2n){background:#f7f9fc}article table{width:100%;border-collapse:collapse;margin:20px 0 32px;font-size:.95rem;display:block;overflow-x:auto}article tbody,article tfoot,article thead{width:max-content;min-width:100%}article td,article th{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}article tr:nth-child(2n){background:#f7f9fc}.prose img{margin:18px auto}.prose img,article img{width:100%;max-width:100%;display:block}article img{height:auto}.np-figure{margin:18px auto}.np-figure img{width:100%;max-width:100%;height:auto;display:block}.np-figcaption{margin-top:6px;color:#6b7280;font-size:.9rem;text-align:left}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.np-comment{color:#6b7280;font-style:italic;background:#f3f4f6;border-radius:6px;padding:2px 6px}.callout{border-radius:12px;padding:14px 16px;border:1px solid var(--border);background:#f8f9fb;position:relative;margin:18px 0}.callout:before{content:attr(data-callout);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--muted);display:block;margin-bottom:8px}.callout-note{border-color:rgba(59,99,209,.35);background:#eef2fb}.callout-warning{border-color:rgba(255,196,86,.4);background:#fff6e5}.callout-info{border-color:rgba(127,90,240,.4);background:#f1ecff}.tag{display:inline-flex;gap:6px;background:rgba(59,99,209,.12);color:#1f2933;border:1px solid rgba(59,99,209,.3);padding:4px 8px;border-radius:999px;font-size:.8rem}.note-meta,.tag{align-items:center}.note-meta{display:flex;gap:12px;color:var(--muted);font-size:.9rem;margin:8px 0}.np-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;border:1px solid var(--accent);text-decoration:none;cursor:pointer;transition:background .15s ease,transform .15s ease;font-size:14px}.np-button:hover{background:#093a57;color:#fff}.np-button:active{background:#062a40;transform:translateY(1px)}.np-form{display:grid;grid-gap:12px;gap:12px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--sidebar);margin:30px 0;position:relative;overflow:hidden;max-width:400px}.np-form-title{font-weight:600;color:var(--text);font-size:1.3em;margin-bottom:10px;transition:opacity .2s ease}.np-form-body{position:relative;display:grid;grid-gap:16px;gap:16px;transition:opacity .25s ease,transform .25s ease}.np-field{display:grid;grid-gap:6px;gap:6px}.np-field span{color:var(--text);font-weight:500;font-size:14px}.np-field input,.np-field textarea{width:100%;padding:10px 12px;border-radius:10px;border:none;background:var(--muted-surface);color:var(--text);font-family:inherit}.np-field textarea{min-height:96px}.np-privacy{align-items:center;grid-template-columns:auto 1fr;gap:10px}.np-privacy input{width:18px;height:18px}.np-privacy a{color:var(--accent)}.np-form-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.95rem;color:var(--muted);font-weight:600;background:var(--sidebar);border-radius:0;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1;flex-direction:column;gap:6px}.np-form-status[data-state=success]{color:#16a34a}.np-form-status[data-state=error]{color:#dc2626}.np-status-visible .np-form{opacity:0;transform:translateY(6px);pointer-events:none}.np-status-visible .np-form-title{opacity:0}.np-status-visible .np-form-status{opacity:1;pointer-events:auto}.np-status-title{font-weight:700;color:var(--text);font-size:1.1rem}