.doc-steps{padding-left:var(--space-6);margin:var(--space-6) 0}.doc-steps>li{padding-left:var(--space-2);margin-bottom:var(--space-6)}.doc-steps p{margin:var(--space-2) 0;line-height:1.8}.doc-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);min-width:0}.doc-card h3{margin:0 0 var(--space-3);font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:var(--type-section-weight)}.doc-card p{margin:var(--space-2) 0;line-height:1.8}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:var(--space-6) 0}.doc-flow{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-6) 0}.doc-flow>span{background:var(--ink);color:var(--surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-card)}.doc-note{padding:var(--space-4) var(--space-5);border-left:3px solid var(--muted);background:var(--canvas);line-height:1.8;margin-top:var(--space-6)}.doc-table{overflow-x:auto;margin:var(--space-6) 0}.doc-table table{border-collapse:collapse;width:100%;text-align:left}.doc-table caption{text-align:left;color:var(--muted);padding-bottom:var(--space-3)}.doc-table th,.doc-table td{padding:var(--space-4);border-bottom:1px solid var(--border);vertical-align:top;line-height:1.8}.doc-table th{background:var(--canvas);font-weight:var(--font-weight-semibold)}.doc-table td:first-child{width:30%}body[data-page=guide] .section>p{line-height:1.8;margin:var(--space-4) 0}body[data-page=guide] .section{scroll-margin-top:24px}body[data-page=guide] .primary-button{display:inline-block;text-decoration:none;margin:var(--space-3) 0}.doc-input-specimen{display:grid;gap:var(--space-2)}.doc-input-specimen input,.doc-input-specimen textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card)}.doc-input-specimen .action-row{margin-top:var(--space-2)}.doc-input-specimen .component-note{margin-top:var(--space-1)}.doc-edge-specimen{width:100%;max-width:520px;height:110px}.doc-table code{overflow-wrap:anywhere}
@media(max-width:800px){.doc-grid{grid-template-columns:1fr}.doc-table th,.doc-table td{padding:var(--space-2-half)}.doc-card{padding:var(--space-4)}.doc-flow{gap:var(--space-2)}.doc-flow>span{padding:var(--space-2-half) var(--space-3)}.doc-steps{padding-left:var(--space-5)}}

.doc-table td,.doc-card p,.doc-steps p{word-break:keep-all;overflow-wrap:anywhere}.input-demo #specimen-source{width:100%;padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);font:400 var(--type-input-size)/var(--type-input-line) var(--font-sans)}

.design-top-navigation{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.design-top-navigation>span{color:var(--muted)}

.relation-selection-guide{scroll-margin-top:24px;margin-top:var(--space-10)}.relation-selection-guide h3{margin-top:var(--space-8)}.relation-selection-guide p{line-height:1.8}.relation-selection-guide th[scope=row]{width:14%;background:var(--surface)}.relation-selection-guide td{width:43%}.relation-selection-guide .doc-note p{margin:0}

.relation-cell-label{display:none}
@media(max-width:600px){.relation-selection-guide table,.relation-selection-guide tbody,.relation-selection-guide caption{display:block}.relation-selection-guide thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.relation-selection-guide tr{display:block;border:1px solid var(--border);border-radius:var(--radius-card);margin:0 0 var(--space-4);overflow:hidden}.relation-selection-guide th[scope=row],.relation-selection-guide td{display:block;width:auto;padding:var(--space-3) var(--space-4);word-break:normal;overflow-wrap:break-word}.relation-selection-guide th[scope=row]{background:var(--canvas)}.relation-selection-guide td:last-child{border-bottom:0}.relation-cell-label{display:block;font-size:var(--font-size-xs);color:var(--muted);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1-half)}}