.doc-section{margin:0 4px 16px;box-shadow:var(--elevation-1);border-radius:16px}.doc-section-header{display:flex;align-items:center;gap:12px;padding:8px 20px 12px}.doc-section-indicator{width:4px;height:20px;background-color:var(--brand-primary);border-radius:2px}.doc-section-title{font-size:1.1rem;font-weight:600;color:var(--brand-primary);margin:0}.doc-section-content{border:1px solid var(--neutral-200);border-radius:16px;overflow:hidden}.doc-card{display:flex;gap:16px;padding:20px;border-bottom:.5px solid var(--neutral-200)}.doc-card-clickable{cursor:pointer;transition:background-color .2s}.doc-card-clickable:hover{background-color:#22223b0d}.doc-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#22223b33;border-radius:8px;color:var(--brand-primary)}.doc-card-icon .material-icons{font-size:24px}.doc-card-content{flex:1;display:flex;flex-direction:column;gap:8px}.doc-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.doc-card-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--neutral-700);flex:1}.doc-card-section-badge{font-size:.75rem;font-weight:500;padding:4px 8px;background-color:#22223b14;color:var(--brand-primary);border-radius:4px;white-space:nowrap}.doc-card-description{margin:0}.doc-card-example{display:flex;gap:8px;padding:12px;background-color:#22223b1f;border-radius:8px;margin-top:8px}.doc-card-example .material-icons{font-size:16px;color:var(--brand-primary);flex-shrink:0}.doc-card-example-body{flex:1;min-width:0;font-style:italic;color:var(--neutral-700)}.doc-card-example-body .doc-markdown{color:var(--neutral-700)}.doc-card-action{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;border:1px solid var(--brand-primary);border-radius:8px;color:var(--brand-primary);text-decoration:none;font-size:.9rem;transition:all .2s;width:fit-content}.doc-card-action:hover{background-color:var(--brand-primary);color:#fff}.doc-card-action .material-icons{font-size:16px}.search-highlight{background-color:#22223b40;font-weight:600;padding:0 2px}