/* Archive catalogue: page-specific layout, sharing source controls with results. */
.main-content:has(.catalog-page) { width:min(1328px,100% - 64px); padding-top:22px; }
.catalog-page { position:relative; }
.catalog-hero { position:relative; min-height:274px; padding:7px 40px 24px; isolation:isolate; }
.catalog-hero::before { content:""; position:absolute; inset:-25px auto 0 -130px; width:300px; background:url('ancestry-branch.svg') left center / contain no-repeat; opacity:.055; z-index:-1; pointer-events:none; }
.catalog-hero-copy { position:relative; z-index:1; width:60%; }
.catalog-eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 10px; color:var(--accent); font-size:.64rem; font-weight:650; letter-spacing:.23em; }
.catalog-eyebrow span { display:block; width:44px; height:1px; background:var(--muted); opacity:.7; }
.catalog-hero h1 { margin:0 0 7px; font-size:clamp(2.5rem,3.45vw,3.55rem); line-height:1.12; font-weight:500; letter-spacing:-.035em; }
.catalog-hero-description { max-width:640px; margin:0 0 17px; font:1.19rem/1.3 Georgia,serif; color:var(--muted); }
.catalog-hero-statistics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:535px; margin:0; }
.catalog-hero-statistics > div { display:grid; grid-template-columns:56px minmax(0,1fr); grid-template-rows:auto auto; gap:0 20px; align-items:center; align-content:center; padding:10px; min-height:74px; border:1px solid var(--border); border-radius:7px; background:color-mix(in srgb,var(--card) 80%,transparent); }
.catalog-hero-statistics svg { grid-column:1; grid-row:1 / 3; width:56px; height:56px; padding:14px; border-radius:50%; background:var(--accent-weak); color:var(--accent); }
.catalog-hero-statistics dt { grid-column:2; grid-row:2; color:var(--muted); font-size:.9rem; line-height:1.3; }
.catalog-hero-statistics dd { grid-column:2; grid-row:1; margin:0; font:600 1.85rem/1.1 Georgia,serif; }
.catalog-hero-art { position:absolute; top:-45px; right:7px; display:flex; align-items:center; width:45%; height:326px; z-index:0; pointer-events:none; }
.catalog-hero-art img { width:74%; max-height:365px; object-fit:contain; mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent),linear-gradient(to bottom,transparent,black 5%,black 95%,transparent); mask-composite:intersect; }
.catalog-hero-art p { position:relative; flex:1; margin:0 0 12px -10px; font:italic 1.35rem/1.5 Georgia,serif; color:#69533c; }
.catalog-hero-art p span { display:block; width:78px; height:1px; margin-top:19px; background:#b1a796; }
.catalog-person-panel { position:relative; display:grid; grid-template-columns:300px minmax(0,1fr); align-items:start; gap:20px; padding:20px 23px; margin-bottom:18px; border-radius:9px; box-shadow:0 6px 25px rgb(32 60 36 / 4%); }
.catalog-section-intro { display:flex; align-items:flex-start; gap:14px; padding-top:11px; }
.catalog-section-icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:var(--accent-weak); color:var(--accent); }
.catalog-section-intro h2 { margin:0 0 5px; font-size:1.85rem; line-height:1.1; letter-spacing:-.025em; }
.catalog-section-intro p { margin:0; max-width:250px; color:var(--muted); font-size:.72rem; line-height:1.5; }
.catalog-page .catalog-person-search { max-width:none; min-width:0; border-left:1px solid var(--border); padding-left:20px; }
.catalog-person-main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto auto; align-items:end; gap:16px; }
.catalog-page .person-field label { font-size:.75rem; line-height:1.3; margin-bottom:6px; }
.catalog-person-input { position:relative; display:block; }
.catalog-person-input > svg { position:absolute; left:12px; top:13px; color:var(--muted); pointer-events:none; }
.catalog-page .catalog-person-input input { padding:10px 12px 10px 41px; height:44px; font-size:.85rem; border-radius:5px; }
.catalog-more-options { display:flex; align-items:center; justify-content:center; gap:6px; padding:10px 4px 10px 14px; min-height:44px; border:0; border-left:1px solid var(--border); border-radius:0; background:transparent; color:var(--accent); font-size:.69rem; white-space:nowrap; }
.catalog-more-options[aria-expanded=true] svg { transform:rotate(180deg); }
.catalog-person-actions { display:flex; gap:12px; }
.catalog-person-actions .btn { min-height:42px; padding:10px 17px; font-size:.76rem; border-radius:5px; white-space:nowrap; justify-content:center; }
.catalog-page .person-name-hint { margin:9px 0 0; font-size:.66rem; line-height:1.5; }
.catalog-page .person-detail-fields { margin:17px 0 0; padding:15px; }
.catalog-page .person-detail-fields input { min-height:44px; font-size:.85rem; }
.catalog-page .person-detail-fields .search-hint { font-size:.69rem; }
.catalog-page .catalog-workspace { padding:20px 23px 18px; border-radius:9px; }
.catalog-page .catalog-workspace .source-tools { display:flex; align-items:flex-start; gap:15px; margin:0 0 19px; }
.catalog-page .source-tools > div { min-width:0; flex:1; }
.catalog-page .catalog-workspace .catalog-heading { font-size:1.95rem; line-height:1.15; margin:0 0 3px; }
.catalog-page .catalog-workspace .catalog-summary { font-size:.75rem; line-height:1.5; max-width:830px; margin:0; }
.catalog-page .catalog-workspace .catalog-plan-link { margin-left:auto; min-height:43px; background:var(--card); border-radius:5px; }
.catalog-page .catalog-filters { gap:16px; padding:12px 16px 14px; border-radius:7px; }
.catalog-page .catalog-list-actions { justify-content:space-between; padding-top:12px; }
.catalog-sort { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:.69rem; }
.catalog-sort select { width:auto; max-width:230px; padding:6px 9px; min-height:32px; font-size:.69rem; background:var(--card); border-radius:5px; }
.catalog-page .source-category-title > span:nth-child(2) { font:600 1.2rem/1.3 Georgia,serif; letter-spacing:-.015em; }
.catalog-page .catalog-workspace .source-card { padding:12px 14px; margin-bottom:8px; border-radius:8px; }
.catalog-page .source-card > .source-select { top:20px; left:11px; }
.catalog-page .catalog-workspace .portal-details > summary { grid-template-columns:44px minmax(175px,1fr) minmax(240px,1.65fr) 88px; grid-template-rows:auto auto; gap:5px 18px; min-height:54px; padding:0 165px 0 46px; }
.catalog-page .catalog-workspace .portal-emblem { grid-column:1; grid-row:1 / 3; width:44px; height:48px; }
.catalog-page .portal-identity { grid-column:2; grid-row:1; align-self:end; }
.catalog-page .portal-country { grid-column:2; grid-row:2; align-self:start; }
.catalog-page .portal-excerpt { grid-column:3; grid-row:1; align-self:end; }
.catalog-page .catalog-workspace .portal-tags { display:flex; grid-column:3; grid-row:2; align-self:start; }
.catalog-page .catalog-workspace .portal-toggle { grid-column:4; grid-row:1 / 3; }
.catalog-page .catalog-workspace .source-card > .source-open { top:17px; right:15px; }
.catalog-page .catalog-workspace .source-open .btn { background:var(--card); color:var(--accent); border-color:var(--accent); width:150px; }
.catalog-page .catalog-workspace .source-card.is-selected { background:color-mix(in srgb,var(--accent-weak) 30%,var(--card)); }
.catalog-page .catalog-workspace .is-selected .source-open .btn,.catalog-page .catalog-workspace .source-open .btn:hover { background:#214e3e; border-color:#214e3e; color:#fff; }
.catalog-footer-note { margin:24px 12px 40px; color:var(--muted); font-size:.78rem; line-height:1.6; max-width:90ch; }
:root[data-theme=dark] .catalog-hero-art { opacity:.7; }
:root[data-theme=dark] .catalog-hero-art img { mask-image:radial-gradient(ellipse,black 42%,transparent 70%); }
:root[data-theme=dark] .catalog-hero-art p { color:var(--muted); }
@media (max-width:1250px) {
  .catalog-hero { padding-inline:20px; }
  .catalog-hero-copy { width:63%; }
  .catalog-hero h1 { font-size:2.8rem; }
  .catalog-hero-art { width:40%; right:0; }
  .catalog-hero-art p { font-size:1.05rem; }
  .catalog-hero-statistics { max-width:485px; }
  .catalog-person-panel { grid-template-columns:235px minmax(0,1fr); gap:16px; }
  .catalog-section-intro { gap:11px; }
  .catalog-section-intro h2 { font-size:1.65rem; }
  .catalog-person-main { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)) auto; }
  .catalog-person-actions { grid-column:1 / -1; }
  .catalog-page .catalog-workspace .portal-details > summary { grid-template-columns:40px minmax(155px,1fr) minmax(180px,1.4fr) 80px; gap:5px 12px; padding-right:152px; }
  .catalog-page .catalog-workspace .source-open .btn { width:140px; }
}
@media (max-width:1050px) {
  .catalog-hero { padding:7px 12px 24px; }
  .catalog-hero h1 { font-size:2.6rem; }
  .catalog-hero-description { font-size:1.05rem; }
  .catalog-hero-art { top:-8px; width:35%; height:270px; }
  .catalog-hero-art img { width:100%; }
  .catalog-hero-art p { display:none; }
  .catalog-hero-statistics { gap:12px; }
  .catalog-hero-statistics > div { grid-template-columns:42px minmax(0,1fr); gap:0 12px; }
  .catalog-hero-statistics svg { width:42px; height:42px; padding:10px; }
  .catalog-hero-statistics dt { font-size:.8rem; }
  .catalog-person-panel { grid-template-columns:1fr; }
  .catalog-section-intro { padding:0; align-items:center; }
  .catalog-section-intro p { max-width:none; }
  .catalog-page .catalog-person-search { border-left:0; border-top:1px solid var(--border); padding:16px 0 0; }
  .catalog-person-main { grid-template-columns:repeat(2,minmax(0,1fr)) auto auto; }
  .catalog-person-actions { grid-column:auto; }
  .catalog-page .catalog-workspace .portal-details > summary { grid-template-columns:40px minmax(0,1fr) 85px; padding-right:151px; gap:6px 12px; }
  .catalog-page .portal-identity { grid-column:2; grid-row:1; }
  .catalog-page .portal-country { grid-column:2; grid-row:2; }
  .catalog-page .portal-excerpt { grid-column:2 / 4; grid-row:3; }
  .catalog-page .catalog-workspace .portal-tags { grid-column:2 / 4; grid-row:4; }
  .catalog-page .catalog-workspace .portal-toggle { grid-column:3; grid-row:1 / 3; }
}
@media (max-width:800px) {
  .catalog-hero { min-height:0; }
  .catalog-hero-copy { width:100%; }
  .catalog-hero-art { display:none; }
  .catalog-person-main { grid-template-columns:repeat(2,minmax(0,1fr)) auto; }
  .catalog-person-actions { grid-column:1 / -1; }
}
@media (max-width:700px) {
  .main-content:has(.catalog-page) { width:calc(100% - 28px); padding-top:25px; }
  .catalog-hero { padding:0 4px 22px; }
  .catalog-hero h1 { font-size:clamp(2rem,8vw,2.7rem); }
  .catalog-eyebrow { font-size:.6rem; }
  .catalog-hero-description { font-size:1.05rem; line-height:1.45; margin-bottom:18px; }
  .catalog-hero-description br { display:none; }
  .catalog-hero-statistics { max-width:none; gap:9px; }
  .catalog-hero-statistics > div { padding:10px; gap:0 9px; grid-template-columns:36px minmax(0,1fr); }
  .catalog-hero-statistics svg { width:36px; height:36px; padding:8px; }
  .catalog-hero-statistics dd { font-size:1.55rem; }
  .catalog-hero-statistics dt { font-size:.69rem; }
  .catalog-person-panel { padding:18px 16px; gap:15px; }
  .catalog-section-intro h2 { font-size:1.7rem; }
  .catalog-section-intro p { font-size:.75rem; }
  .catalog-section-icon { width:43px; height:43px; flex-basis:43px; }
  .catalog-section-icon svg { width:25px; }
  .catalog-person-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 11px; }
  .catalog-more-options { grid-column:1 / -1; justify-self:start; min-height:38px; padding:0; border:0; font-size:.78rem; }
  .catalog-page .catalog-person-input input,.catalog-page .person-detail-fields input { font-size:16px; }
  .catalog-person-actions { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; gap:10px; }
  .catalog-person-actions .btn { padding:10px 12px; min-height:44px; font-size:.78rem; }
  .catalog-page .person-name-hint { font-size:.7rem; margin-top:12px; }
  .catalog-page .person-detail-fields { grid-template-columns:1fr; }
  .catalog-page .catalog-workspace { padding:18px 12px 15px; }
  .catalog-page .catalog-workspace .source-tools { display:grid; grid-template-columns:43px minmax(0,1fr); gap:10px; margin-bottom:16px; }
  .catalog-page .catalog-workspace .catalog-heading { font-size:1.7rem; }
  .catalog-page .catalog-workspace .catalog-plan-link { grid-column:1 / -1; justify-self:start; margin:5px 0 0; }
  .catalog-page .catalog-filters { padding:13px 11px; gap:12px; }
  .catalog-page .catalog-list-actions { align-items:flex-start; gap:9px; }
  .catalog-sort { margin-left:auto; font-size:.68rem; }
  .catalog-sort select { max-width:160px; font-size:.72rem; min-height:38px; }
  .catalog-page .source-category-title > span:nth-child(2) { font-size:1.08rem; }
  .catalog-page .catalog-workspace .source-card { padding:12px; }
  .catalog-page .source-card > .source-select { top:12px; left:5px; }
  .catalog-page .catalog-workspace .portal-details > summary { padding:0 0 47px 30px; grid-template-columns:34px minmax(0,1fr); gap:7px 10px; }
  .catalog-page .catalog-workspace .portal-emblem { width:34px; height:38px; grid-column:1; grid-row:1 / 3; }
  .catalog-page .portal-identity { grid-column:2; grid-row:1; }
  .catalog-page .portal-country { grid-column:2; grid-row:2; }
  .catalog-page .portal-excerpt { grid-column:1 / 3; grid-row:3; }
  .catalog-page .catalog-workspace .portal-tags { grid-column:1 / 3; grid-row:4; }
  .catalog-page .catalog-workspace .portal-toggle { grid-area:auto; bottom:0; left:30px; }
  .catalog-page .catalog-workspace .source-card > .source-open { top:calc(100% - 54px); right:12px; }
  .catalog-page .catalog-workspace .source-card:has(.portal-details[open]) > .source-open { top:auto; bottom:12px; }
  .catalog-page .catalog-workspace .source-open .btn { width:auto; }
  .catalog-footer-note { margin:22px 4px 35px; font-size:.75rem; }
}
