.notebook-page{max-width:1120px;margin:auto}.notebook-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.notebook-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.notebook-intro h2,.notebook-note h2,.notebook-guide h2{font-size:1.2rem;line-height:1.4;margin:8px 0 12px}.notebook-intro p{color:var(--muted);line-height:1.7;max-width:620px}.notebook-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:22px}.notebook-note-grid,.notebook-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notebook-note,.notebook-guide{padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--panel,#fff);min-width:0;overflow-wrap:anywhere}.notebook-note-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.notebook-pin{color:var(--primary);font-size:.75rem;font-weight:700}.notebook-text{white-space:pre-wrap;line-height:1.75;overflow-wrap:anywhere}.notebook-example{background:var(--soft,#f3f1ff);padding:16px;border-radius:14px;margin:16px 0;line-height:1.7}.notebook-example p{margin:6px 0 0}.notebook-example small{color:var(--muted);font-size:.7rem;letter-spacing:.05em}.notebook-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.notebook-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0}.notebook-editor{margin:0 0 24px}.notebook-editor textarea{resize:vertical}.notebook-checkbox{display:flex;align-items:center;gap:8px}.notebook-checkbox input{width:auto}.notebook-empty{line-height:1.7}.notebook-guide-search{max-width:620px}.notebook-guide p,.notebook-guide li{line-height:1.75}.notebook-guide ol{padding-left:22px}.notebook-guide li{margin:8px 0}.notebook-check{border-top:1px solid var(--border);padding-top:10px;margin-top:20px}.notebook-check h3{font-size:.95rem}.notebook-sources{font-size:.78rem;color:var(--muted);margin-bottom:0}.notebook-sources a{color:var(--primary);text-decoration:underline}.notebook-guide [hidden]{display:none}#note-error{color:var(--danger,#b42318)}[data-theme="dark"] .notebook-note,[data-theme="dark"] .notebook-guide{background:var(--card,#161b28)}[data-theme="dark"] .notebook-example{background:rgba(119,101,255,.13)}
@media(max-width:700px){.notebook-toolbar{grid-template-columns:1fr 1fr}.notebook-toolbar>.field:first-child{grid-column:1/-1}.notebook-note-grid,.notebook-guide-grid{grid-template-columns:1fr}.notebook-intro{align-items:stretch;flex-direction:column}.notebook-note,.notebook-guide{padding:20px}.notebook-tabs .btn{flex:1;text-align:center;white-space:normal}.notebook-pager{gap:10px;font-size:.85rem}.notebook-page .field input,.notebook-page .field select,.notebook-page .field textarea{min-width:0;width:100%;box-sizing:border-box}}