.nd-hero { background: var(--apple-bg-grouped-primary); padding: var(--apple-sp-10) 0 var(--apple-sp-8); color: var(--apple-label); }
.nd-hero-content { display: flex; flex-direction: column; align-items: center; text-align: center; }
.nd-eyebrow { color: var(--apple-tint-green); font-size: var(--apple-text-footnote); font-weight: var(--apple-font-semibold); text-transform: uppercase; letter-spacing: var(--apple-tracking-wide); }
.nd-hero h1 { max-width: var(--apple-container-md); margin: var(--apple-sp-2) 0; font-size: var(--apple-text-large-title); line-height: var(--apple-leading-tight); }
.nd-hero-content > p { max-width: var(--apple-container-sm); margin: 0; color: var(--apple-label-secondary); font-size: var(--apple-text-body); }
.nd-search { width: 100%; margin-top: var(--apple-sp-6); padding: var(--apple-sp-4); display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--apple-member-card-min), 1fr)); gap: var(--apple-sp-3); text-align: left; background: var(--apple-bg-elevated); border: var(--apple-border-hairline) solid var(--apple-separator); border-radius: var(--apple-radius-card); box-shadow: var(--apple-shadow-md); }
.nd-field { display: flex; flex-direction: column; gap: var(--apple-sp-1); }
.nd-field label { color: var(--apple-label-secondary); font-size: var(--apple-text-footnote); font-weight: var(--apple-font-semibold); }
.nd-field input, .nd-field select { width: 100%; min-height: var(--apple-sp-12); padding: 0 var(--apple-sp-3); color: var(--apple-label); background: var(--apple-bg-system-primary); border: var(--apple-border-hairline) solid var(--apple-separator); border-radius: var(--apple-radius-input); font-size: var(--apple-text-callout); }
.nd-field input:focus, .nd-field select:focus { outline: none; border-color: var(--apple-tint-blue); box-shadow: var(--apple-interactive-focus); }
.nd-search-button, .nd-book { display: inline-flex; align-items: center; justify-content: center; gap: var(--apple-sp-2); min-height: var(--apple-sp-12); padding: 0 var(--apple-sp-4); border: 0; border-radius: var(--apple-radius-button); background: var(--apple-tint-blue); color: var(--apple-text-inverse); font-size: var(--apple-text-callout); font-weight: var(--apple-font-semibold); text-decoration: none; cursor: pointer; align-self: end; }
.nd-types { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: var(--apple-sp-1); margin-top: var(--apple-sp-6); padding: var(--apple-sp-1); border-radius: var(--apple-radius-pill); background: var(--apple-fill-quaternary); }
.nd-types a { padding: var(--apple-sp-2) var(--apple-sp-4); border-radius: var(--apple-radius-pill); color: var(--apple-label-secondary); font-size: var(--apple-text-callout); font-weight: var(--apple-font-semibold); text-decoration: none; }
.nd-types a.is-active { background: var(--apple-bg-elevated); color: var(--apple-label); box-shadow: var(--apple-shadow-sm); }
.nd-modes { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--apple-sp-2); }
.nd-modes a, .nd-tags span { padding: var(--apple-sp-1) var(--apple-sp-3); border-radius: var(--apple-radius-pill); background: var(--apple-fill-quaternary); color: var(--apple-label-secondary); font-size: var(--apple-text-footnote); text-decoration: none; }
.nd-modes a.is-active { background: var(--apple-tint-blue); color: var(--apple-text-inverse); }
.nd-results { padding-top: var(--apple-sp-8); padding-bottom: var(--apple-sp-10); }
.nd-results-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--apple-sp-4); margin-bottom: var(--apple-sp-5); }
.nd-results-head h2 { margin: var(--apple-sp-1) 0 0; color: var(--apple-label); font-size: var(--apple-text-title2); }
.nd-results-head > a { color: var(--apple-tint-blue); }
.nd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--apple-member-card-min), 1fr)); gap: var(--apple-sp-4); }
.nd-card { display: flex; flex-direction: column; gap: var(--apple-sp-3); padding: var(--apple-sp-5); border: var(--apple-border-hairline) solid var(--apple-separator); border-radius: var(--apple-radius-card); background: var(--apple-bg-elevated); box-shadow: var(--apple-shadow-sm); }
.nd-card-header { display: flex; align-items: center; gap: var(--apple-sp-3); }
.nd-avatar { width: var(--apple-sp-12); height: var(--apple-sp-12); flex: 0 0 auto; border-radius: var(--apple-radius-full); object-fit: cover; }
.nd-avatar-placeholder { display: grid; place-items: center; background: var(--apple-fill-tertiary); color: var(--apple-tint-blue); font-size: var(--apple-text-title2); font-weight: var(--apple-font-semibold); }
.nd-card h3 { margin: 0; color: var(--apple-label); font-size: var(--apple-text-headline); }
.nd-card-header p, .nd-location { margin: var(--apple-sp-1) 0 0; color: var(--apple-label-secondary); font-size: var(--apple-text-footnote); }
.nd-tags { display: flex; flex-wrap: wrap; gap: var(--apple-sp-1); }
.nd-tags span { color: var(--apple-tint-blue); }
.nd-bio { margin: 0; color: var(--apple-label-secondary); font-size: var(--apple-text-callout); line-height: var(--apple-leading-normal); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.nd-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--apple-sp-2); margin-top: auto; padding-top: var(--apple-sp-3); border-top: var(--apple-border-hairline) solid var(--apple-separator); color: var(--apple-label-secondary); font-size: var(--apple-text-footnote); }
.nd-rating i { color: var(--apple-tint-yellow); }
.nd-book { width: 100%; }
.nd-book-disabled { background: var(--apple-interactive-disabled); color: var(--apple-label-tertiary); }
.nd-empty { padding: var(--apple-sp-10) var(--apple-sp-4); text-align: center; border-radius: var(--apple-radius-card); background: var(--apple-bg-grouped-primary); color: var(--apple-label-secondary); }
.nd-empty i { font-size: var(--apple-text-large-title); color: var(--apple-label-tertiary); }
.nd-empty h2 { color: var(--apple-label); }
.nd-pagination { margin-top: var(--apple-sp-6); }