/*
 * Víkingur 26: the people pages (page-people.php), after the design's
 * PeoplePage (ui_kits/web/ClubPages.jsx). The hero is vik26_photo_hero().
 */

/* ── Tabs (the design's underline Tabs, as links) ── */
.vik-people-tabs{position:sticky;top:76px;z-index:20;background:var(--white);border-bottom:1px solid var(--border-hairline)}
.vik-people-tabs__in{display:flex;gap:32px;overflow-x:auto;scrollbar-width:none}
.vik-people-tabs__in::-webkit-scrollbar{display:none}
.vik-people-tabs__tab{flex:none;display:inline-flex;align-items:center;height:56px;font-family:var(--font-condensed);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;transition:color var(--dur-fast)}
.vik-people-tabs__tab:hover{color:var(--ink)}
.vik-people-tabs__tab.is-active{color:var(--ink);box-shadow:inset 0 -3px 0 var(--vik-astrida)}

.vik-people-sec{padding-top:64px}
.vik-people-groups{display:grid;gap:64px}
.vik-people-sub{margin:0 0 8px;padding-bottom:10px;border-bottom:2px solid var(--ink);font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-people-note{margin:0;max-width:720px;font-size:19px;line-height:1.55}
.vik-people-report{margin-top:40px}

/* ── PersonCard ── */
.vik-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}
.vik-person{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-hairline)}
.vik-person__ini{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--black);color:#fff;font-family:var(--font-condensed);font-weight:700;font-size:20px}
.vik-person__body{display:grid;gap:3px;min-width:0}
.vik-person__name{font-family:var(--font-condensed);font-weight:700;font-size:21px;line-height:1.1;text-transform:uppercase}
.vik-person__role{font-size:15px;color:var(--text-secondary)}
.vik-person__contact{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:2px;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.vik-person__contact .vik-icon{flex:none}

/* ── Chairs ── */
.vik-chairs{margin:0;padding:0;list-style:none;columns:2;column-gap:56px}
.vik-chairs li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--border-hairline);break-inside:avoid}
.vik-chairs__n{font-family:var(--font-display);font-weight:900;font-size:32px;line-height:.9;color:var(--gray-400);font-variant-numeric:tabular-nums}
.vik-chairs li.is-current .vik-chairs__n{color:var(--vik-astrida)}
.vik-chairs__body{display:grid;gap:3px}
.vik-chairs__name{font-family:var(--font-condensed);font-weight:700;font-size:20px;text-transform:uppercase}
.vik-chairs__years{font-size:14px;color:var(--text-secondary)}

/* ── Honorary members ── */
.vik-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none}
.vik-names li{padding:14px 0;border-bottom:1px solid var(--border-hairline);font-family:var(--font-condensed);font-weight:700;font-size:19px;text-transform:uppercase}
.vik-names--late li{font-family:var(--font-body);font-weight:400;font-size:17px;text-transform:none;color:var(--text-secondary)}

/* ── As written (when a page no longer parses) ── */
.vik-people-raw{max-width:760px;font-size:17px;line-height:1.6}
.vik-people-raw .vik-people-sub{margin-top:40px}

@media (max-width:900px){
	.vik-people{grid-template-columns:1fr 1fr}
	.vik-names{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
	.vik-people-tabs__in{gap:24px}
	.vik-people-sec{padding-top:40px}
	.vik-people{grid-template-columns:1fr}
	.vik-chairs{columns:1}
	.vik-names{grid-template-columns:1fr 1fr}
}