.name-page{padding-top:1.5rem}.name-page>nav{margin-bottom:.75rem}.name-layout,.name-form,.name-choice,.name-options,.name-results{min-width:0}.name-form{display:grid;gap:.75rem}.name-choice{margin:0;padding:0;border:0}.name-choice legend{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.name-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.name-gender .name-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.name-choices label{display:flex;min-width:0;min-height:2.75rem;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:center;cursor:pointer}.name-choices label[data-selected=true]{background:var(--primary-soft);border-color:var(--primary)}.name-choices label:hover{background:var(--surface-hover);border-color:var(--primary)}.name-choices label:active{background:var(--primary-soft)}.name-choices label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px}.name-choice:disabled label{opacity:.6;cursor:default}.name-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .5rem}.name-toggle{display:flex;min-height:2.75rem;min-width:0;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer}.name-toggle input{width:1.25rem;height:1.25rem;flex-shrink:0;accent-color:var(--primary)}.name-toggle:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px;border-radius:.25rem}.name-toggle[data-disabled=true]{color:var(--text-muted);cursor:default}.name-toggle input:disabled{opacity:.6}.name-patronymic-hint{grid-column:1 / -1}.name-generate{width:100%;min-height:2.75rem;border-radius:.5rem;font-size:1rem;line-height:1.5rem}.name-generate[aria-disabled=true],.name-copy[aria-disabled=true]{opacity:.6;cursor:default}.name-results{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.name-results-heading{display:grid;gap:1rem}.name-results-heading h2{margin:0;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.025em}.name-hint{font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.name-results-heading .name-hint{margin-top:.25rem}.name-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.name-copy{min-height:2.75rem;border-radius:.5rem;font-size:.875rem;line-height:1.25rem}.name-copy-row{width:2.75rem;height:2.75rem;flex-shrink:0;padding:0;border-color:transparent;background:transparent;color:var(--primary)}.name-copy-row:hover{border-color:transparent;background:var(--surface-hover)}.name-copy-row:active{background:var(--primary-soft)}.name-list{display:grid;grid-template-columns:minmax(0,1fr);margin-top:1rem}.name-list>li{display:flex;min-width:0;min-height:3.25rem;align-items:center;gap:.75rem;padding-block:.25rem;border-bottom:1px solid var(--border)}.name-number{min-width:1.5rem;flex-shrink:0;font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.name-value{min-width:0;flex:1;overflow-wrap:anywhere;font-size:1rem;font-weight:500;line-height:1.5rem}.name-change-hint,.name-error{margin-top:.75rem;font-size:.875rem;line-height:1.5rem}.name-change-hint{color:var(--text-muted)}.name-error{color:var(--text-primary);font-weight:600}.name-page #instruction,.name-guidance{margin-top:2rem}.name-instruction-steps{display:grid;gap:1.25rem;margin-top:1.25rem}.name-guidance-grid{display:grid;gap:.75rem;margin-top:1rem}.name-guidance-grid>div{min-width:0;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem}.name-instruction-steps>li{display:flex;min-width:0;align-items:flex-start;gap:.75rem}.name-instruction-number{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-muted);font-weight:600}.name-instruction-steps h3,.name-guidance-grid h3{font-size:.875rem;line-height:1.25rem;font-weight:700}.name-instruction-steps p,.name-guidance p{margin-top:.5rem;font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.name-guidance>p{max-width:48rem}@media(min-width:40rem){.name-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem}.name-results-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem}.name-guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:48rem){.name-page{padding-top:3rem}.name-page>nav{margin-bottom:1.25rem}.name-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(var(--name-rows),auto);column-gap:3rem}.name-results-heading h2{font-size:1.875rem;line-height:2.25rem}.name-page #instruction,.name-guidance{margin-top:2.5rem}.name-instruction-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media(min-width:80rem){.name-form{grid-template-columns:minmax(0,2fr) minmax(0,2.5fr) minmax(0,2.5fr) auto;align-items:start;gap:2rem}.name-options,.name-generate{margin-top:1.75rem}.name-options{column-gap:1rem}.name-generate{width:auto;font-size:.875rem}}