/* Component layout foundation; current visual tokens live in brand.css. */
.orbit-eyebrow{display:block;color:var(--accent);font-size:10px;letter-spacing:1.8px;margin-bottom:9px}.orbit-starters{display:flex;gap:22px;overflow-x:auto;padding:8px 2px 22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.orbit-starter{display:flex;align-items:center;flex-direction:column;gap:8px;flex:0 0 84px;text-align:center;font-size:11px}.orbit-starter .portrait{width:58px;height:58px;font-size:17px}.orbit-starter.selected .portrait{outline:2px solid var(--accent);outline-offset:4px}.orbit-starter.selected{color:var(--accent)}.orbit-toolbar{display:flex;gap:16px;flex-wrap:wrap}.orbit-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:11px;flex:1;min-width:160px}.orbit-toolbar select{width:100%;font-size:13px}.orbit-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.orbit-tabs button{border-radius:30px;font-size:12px}.orbit-tabs [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.orbit-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px}.orbit-stage{background:radial-gradient(ellipse at center,#242424 0%,#161616 66%);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.orbit-stage-heading{display:flex;justify-content:space-between;gap:12px}.orbit-stage-heading h2{font-size:18px}.orbit-stage-heading span{font-size:11px;color:var(--muted)}.orbit-stage-heading .orbit-stamp{font-size:9px;letter-spacing:1px;text-align:right}.orbit-canvas{position:relative;width:100%;aspect-ratio:1;max-width:700px;margin:12px auto}.orbit-canvas svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#535353;stroke-width:.2}.orbit-canvas circle{stroke:#414141;stroke-dasharray:1 1}.orbit-canvas line{stroke:#6e6e6e}.orbit-canvas .indirect{stroke-dasharray:1 1;stroke:#585858}.orbit-node{position:absolute;transform:translate(-50%,-50%);border:0;background:none!important;display:flex;flex-direction:column;align-items:center;padding:5px;max-width:104px;width:21%;line-height:1.2;gap:5px;min-height:44px}.orbit-node .portrait{width:clamp(36px,4.8vw,65px);height:clamp(36px,4.8vw,65px);border:2px solid #848484;box-shadow:0 0 0 5px #191919;font-size:16px}.orbit-node strong{font-size:11px;background:#171717e8;border-radius:4px;padding:2px 4px;max-width:115px}.orbit-node small{font-size:8px;letter-spacing:.8px;color:#b5b5b5}.orbit-node:hover .portrait{outline:2px solid var(--accent);outline-offset:3px}.orbit-node.orbit-center .portrait{width:clamp(50px,7vw,88px);height:clamp(50px,7vw,88px);border-color:var(--accent)}.orbit-center strong{color:var(--accent);font-size:13px}.orbit-node.second-ring .portrait{border-color:#686868}.portrait.project-face{border-radius:12px;background:#313131;color:#cacaca;font-size:30px}.orbit-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#b9b9b9;margin:8px 0}.orbit-caption{font-size:11px;color:var(--muted);margin:0;max-width:520px}.orbit-notes{padding:20px 0}.orbit-notes h2{font-size:26px;line-height:1.2;letter-spacing:-.8px}.orbit-notes p{color:var(--muted);font-size:12px;line-height:1.75}.orbit-notes h3{font-size:14px;margin-bottom:8px}.orbit-note-rule{height:1px;background:var(--line);margin:26px 0}.orbit-notes button{font-size:11px}.orbit-directory{margin-top:28px}.orbit-row{display:flex;width:100%;align-items:center;gap:15px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:15px 5px}.orbit-row>span:nth-child(2){flex:1}.orbit-row strong,.orbit-row small{display:block}.orbit-row small{color:var(--muted);font-size:11px;margin-top:3px}.orbit-row-type{font-size:11px;color:var(--muted)}.orbit-empty{text-align:center;padding:65px 12px;min-height:350px}.orbit-empty .portrait{margin:auto;width:80px;height:80px}.orbit-empty p{color:var(--muted);font-size:12px;max-width:360px;margin:10px auto 20px}.orbit-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.orbit-detail-actions>*{font-size:12px}.orbit-evidence{padding:18px 0;border-bottom:1px solid var(--line)}.orbit-evidence h4{margin:0 0 10px}.orbit-evidence>strong{font-size:12px;color:var(--accent)}.orbit-evidence p{color:var(--muted);font-size:12px}.orbit-evidence a{color:var(--accent);font-size:12px}.orbit-evidence dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.orbit-evidence dt{color:var(--muted)}.orbit-evidence dd{margin:0}.profile-heading{flex-wrap:wrap}
@media(min-width:1101px){.orbit-canvas{max-width:480px}.orbit-node .portrait{width:50px;height:50px}.orbit-node.orbit-center .portrait{width:70px;height:70px}.orbit-starters{margin-bottom:12px;padding-bottom:12px;gap:18px}.orbit-starter{flex-direction:row;flex-basis:auto;min-width:100px;gap:8px;text-align:left}.orbit-starter .portrait{height:36px;width:36px;flex-shrink:0}.orbit-starter span:last-child{max-width:82px}.orbit-tabs{margin:14px 0}.orbit-toolbar label{gap:3px}.orbit-toolbar select{min-height:36px;padding:7px 10px}}
@media(max-width:1100px){.orbit-layout{grid-template-columns:1fr}.orbit-notes{display:none}.orbit-canvas{max-width:540px}.orbit-node .portrait{width:56px;height:56px}.orbit-node.orbit-center .portrait{width:76px;height:76px}}
@media(max-width:600px){.orbit-stage{padding:12px 7px}.orbit-stage-heading{padding:0 5px}.orbit-stage-heading h2{font-size:15px}.orbit-stamp{max-width:78px}.orbit-canvas{margin:25px auto;min-height:290px}.orbit-node .portrait{width:38px;height:38px;font-size:12px}.orbit-node.orbit-center .portrait{width:52px;height:52px}.orbit-node strong{font-size:9px;overflow-wrap:anywhere}.orbit-node small{display:none}.orbit-node.orbit-center strong{font-size:10px}.orbit-toolbar{gap:10px}.orbit-toolbar label{min-width:120px}.orbit-toolbar label:first-child{flex-basis:100%}.orbit-tabs{gap:5px}.orbit-tabs button{font-size:11px;padding:8px 10px}.orbit-row-type{display:none}.orbit-legend,.orbit-caption{padding:0 5px}.orbit-starters{gap:12px}.orbit-directory .feed-heading{display:block}}

@media(max-width:600px){.orbit-node{width:26%;max-width:100px}}

.profile-hero{padding:15px 0 26px;border-bottom:1px solid var(--line)}.profile-hero .profile-heading{margin:16px 0}.profile-hero .profile-heading h1{font-size:38px}.profile-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}.profile-overview h2,.profile-appearances h2{font-size:19px}.profile-overview p{color:var(--muted);line-height:1.8;max-width:650px}.profile-overview details{font-size:12px;color:var(--muted)}.profile-overview details a{color:var(--accent)}.profile-connection{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.profile-connection span{color:var(--muted);text-align:right}.profile-appearances{padding:28px 0}.profile-appearances article{padding:18px 0}.profile-appearances article>a{font-size:17px;color:var(--accent)}.people-search-form{display:flex;align-items:end;gap:12px;margin:22px 0}.people-search-form label{display:grid;gap:6px;flex:1;max-width:500px}.directory-pagination{display:flex;gap:12px;margin-top:24px}@media(max-width:700px){.profile-overview{grid-template-columns:1fr;gap:24px}.profile-hero .profile-heading h1{font-size:28px}.people-search-form{flex-wrap:wrap}.profile-connection{flex-wrap:wrap}.profile-hero .profile-heading .portrait{width:68px;height:68px}}

.hate-hero{padding:12px 0 25px;border-bottom:1px solid var(--line)}.hate-hero h1{font-size:42px;letter-spacing:-1.5px}.hate-hero>p{font-size:17px;color:var(--muted)}.hate-hero>p.subtle{font-size:13px}.hate-off-label{display:inline-block;color:var(--accent);font-size:12px;margin-top:10px}.hate-controls{display:flex;align-items:end;flex-wrap:wrap;gap:20px;padding:24px 0}.hate-controls>label:not(.switch){display:grid;gap:7px;flex:1;min-width:180px;font-size:12px;color:var(--muted)}.hate-controls .switch{padding-bottom:10px}.hate-picker{border:1px solid var(--line);border-radius:9px;padding:16px}.hate-picker summary{cursor:pointer}.hate-picker summary span{color:var(--muted)}.hate-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.hate-people label{display:flex;align-items:center;gap:8px;padding:8px;background:var(--surface);border-radius:8px;font-size:11px}.hate-people label:has(input:checked){outline:1px solid var(--accent)}.hate-people .portrait{width:28px;height:28px;font-size:9px}.hate-people input{flex-shrink:0}.hate-launch{display:flex;align-items:center;gap:18px;margin:20px 0}.hate-launch span{color:var(--muted);font-size:12px}.hate-baseline{padding:16px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.hate-baseline a{color:var(--accent);margin-left:10px}.hate-baseline p{max-width:780px}.hate-why{font-size:11px;color:var(--muted);padding-top:14px}.hate-why summary{color:var(--accent);cursor:pointer}.hate-why button{font-size:11px;text-align:left;margin:4px 0}.hate-suggestions{padding:24px 0}.hate-suggestions h2{font-size:22px}.hate-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.hate-suggestion-grid article{padding:18px;background:var(--surface);border-radius:10px}.hate-suggestion-grid h3{margin:12px 0 8px}.hate-suggestion-grid p,.hate-suggestion-grid small{font-size:11px;color:var(--muted)}.hate-suggestion-grid button{display:block;margin-top:14px;font-size:12px}.algo-heading-actions{display:flex;gap:10px;align-items:center}.hate-entry{border:1px solid #656565;border-radius:8px;padding:10px 14px;color:var(--accent);white-space:nowrap}.sidebar nav{overflow:visible}@media(max-width:760px){.hate-hero h1{font-size:32px}.hate-people{grid-template-columns:repeat(2,minmax(0,1fr))}.hate-suggestion-grid{grid-template-columns:1fr}.hate-launch{flex-wrap:wrap}.algo-heading-actions{flex-wrap:wrap}.hate-entry{font-size:11px;padding:8px}.hate-controls{gap:12px}.hate-controls>label:not(.switch){min-width:140px}}@media(max-width:380px){.hate-people{grid-template-columns:1fr}}

.hate-controls select{width:100%;min-width:0}.hate-people{max-height:300px;overflow:auto;padding:3px}.hate-launch{position:sticky;bottom:12px;z-index:2;background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:9px}

.people-browser-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:24px 0 14px}.people-instant-search{display:grid;gap:6px;flex:1;min-width:180px;font-size:12px;color:var(--muted)}.people-instant-search input{width:100%}.people-density-label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.people-view-buttons{display:flex;gap:6px}.people-view-buttons [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#262626}.people-super-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.people-super-grid .person-tile{padding:16px 12px;align-items:stretch;text-align:left;gap:18px;content-visibility:auto;contain-intrinsic-size:auto 190px}.people-super-grid .person-identity{display:flex;align-items:center;gap:10px;min-width:0}.people-super-grid .portrait{height:46px;width:46px;flex-shrink:0;font-size:14px}.people-super-grid h2{font-size:14px;line-height:1.3;margin:0}.person-identity>div{min-width:0}.person-identity>div>span{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:5px}.people-super-grid .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.people-super-grid .actions>*{justify-content:center;text-align:center;padding:6px;font-size:11px;min-height:36px}.people-super-grid [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.people-super-grid.comfortable{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.people-super-grid.comfortable .person-identity{flex-direction:column;text-align:center}.people-super-grid.comfortable .portrait{width:90px;height:90px}.people-super-grid.comfortable h2{font-size:17px}.people-super-grid>.empty{grid-column:1/-1}@media(max-width:500px){.people-super-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.people-super-grid .person-identity{flex-direction:column;align-items:flex-start}.people-super-grid .person-tile{padding:12px 9px}.people-super-grid.comfortable{grid-template-columns:1fr}.people-browser-controls{gap:12px}.people-density-label{flex:1;min-width:120px}.people-view-buttons button{padding:8px;font-size:12px}}