.guide-page { margin: 0; background: #fff; color: #111; font-family: Manrope, "DM Sans", sans-serif; }
.skip-link:focus { top: 1rem; }
.guide-header { display: flex; align-items: center; justify-content: space-between; width: min(1100px, calc(100% - 3rem)); min-height: 72px; margin: 0 auto; border-bottom: 1px solid #d9d9d9; }
.guide-brand { color: #111; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.guide-header nav { display: flex; gap: 1.25rem; }
.guide-header nav a { color: #111; font-size: .75rem; text-underline-offset: .25em; }
.guide-main { width: min(1100px, calc(100% - 3rem)); margin: 0 auto; }
.guide-kicker { margin: 0 0 1rem; color: #666; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.guide-hero { max-width: 760px; padding: clamp(3.5rem, 8vw, 6rem) 0 2.5rem; }
.guide-hero h1 { margin: 0 0 1rem; font-family: "Playfair Display", Georgia, serif; font-size: clamp(2.6rem, 6vw, 4.6rem); font-weight: 500; letter-spacing: -.04em; line-height: .95; }
.guide-hero p { margin: 0; color: #444; font-size: 1.05rem; line-height: 1.6; }
.guide-disclaimer { margin: 1.5rem 0 0; padding: 1rem 1.1rem; border: 1px solid #e0c37a; background: #fff6e6; color: #3d3420; font-size: .92rem; line-height: 1.55; }
.guide-disclaimer a { color: inherit; }
.guide-section { padding: 1.5rem 0 2.5rem; }
.guide-section-head { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; padding-bottom: .8rem; border-bottom: 1px solid #111; }
.guide-section-head h2 { margin: 0; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.guide-section-head p { margin: 0; color: #666; font-size: .85rem; }
.guide-modalities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.guide-card { display: flex; flex-direction: column; gap: .75rem; min-height: 240px; padding: 1.2rem; border: 1px solid #cfcfcf; background: #fff; }
.guide-card--primary { border-color: #111; }
.guide-card--secondary { border-color: #8a7344; }
.guide-card--tertiary { background: #fafafa; }
.guide-role { margin: 0; color: #666; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.guide-card h3 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.6rem, 2.4vw, 2.1rem); font-weight: 500; letter-spacing: -.03em; line-height: 1.05; }
.guide-card .guide-why, .guide-count { margin: 0; color: #444; font-size: .9rem; line-height: 1.5; }
.guide-card-actions { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: auto; }
.guide-card-actions button, .guide-profile, .guide-text-button { border: 0; border-bottom: 1px solid currentColor; padding: 0 0 .2rem; background: transparent; color: #111; font: inherit; font-size: .78rem; letter-spacing: .04em; cursor: pointer; text-decoration: none; }
.guide-filters { display: flex; flex-wrap: wrap; gap: .6rem; align-items: end; margin: 1rem 0; }
.guide-chip-row { display: flex; flex-wrap: wrap; gap: .4rem; }
.guide-chip { border: 1px solid #cfcfcf; padding: .45rem .7rem; background: #fff; color: #111; font: inherit; font-size: .78rem; cursor: pointer; }
.guide-chip[aria-pressed="true"] { background: #111; color: #fff; border-color: #111; }
.guide-field { display: grid; gap: .3rem; margin-left: auto; }
.guide-field label { color: #666; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.guide-field select { min-width: 180px; border: 1px solid #cfcfcf; padding: .5rem .6rem; background: #fff; color: #111; font: inherit; }
.guide-status { margin: 0 0 .8rem; color: #555; font-size: .9rem; }
.guide-results { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e5e5e5; }
.guide-person { display: grid; grid-template-columns: 2.5rem 1fr auto; gap: 1rem; align-items: start; padding: 1rem 0; border-bottom: 1px solid #e5e5e5; }
.guide-rank { color: #888; font-size: .75rem; letter-spacing: .08em; }
.guide-person h3 { margin: 0 0 .35rem; font-family: "Playfair Display", Georgia, serif; font-size: 1.45rem; font-weight: 500; }
.guide-person h3 a { color: inherit; text-decoration: none; }
.guide-person h3 a:hover, .guide-person h3 a:focus-visible { text-decoration: underline; }
.guide-person-meta { display: flex; flex-wrap: wrap; gap: .4rem .7rem; align-items: center; margin: 0 0 .35rem; color: #444; font-size: .85rem; }
.guide-badge { border: 1px solid #111; padding: .1rem .4rem; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.guide-kind { margin: 0 0 .3rem; color: #666; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.guide-reason { margin: 0; max-width: 62ch; color: #333; font-size: .92rem; line-height: 1.45; }
.guide-empty { padding: 1.2rem 0; color: #333; }
.guide-empty p { margin: 0 0 .6rem; }
.guide-more { margin-top: 1rem; }
.guide-note, .guide-error { margin-top: 1.5rem; color: #555; font-size: .88rem; line-height: 1.55; }
.guide-error { padding: 1rem; border: 1px solid #e7b4b4; background: #fff5f5; color: #5c2424; }
.guide-footer { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; justify-content: space-between; width: min(1100px, calc(100% - 3rem)); margin: 2rem auto 0; padding: 1.2rem 0 2.5rem; border-top: 1px solid #d9d9d9; color: #666; font-size: .75rem; line-height: 1.5; }
.guide-footer a { color: inherit; }
.guide-footer .footer-contact, .guide-footer .footer-privacy { flex-basis: 100%; }
@media (max-width: 720px) {
  .guide-header, .guide-main, .guide-footer { width: calc(100% - 2rem); }
  .guide-header { align-items: flex-start; gap: .75rem; padding: .85rem 0; }
  .guide-header nav { flex-wrap: wrap; gap: .75rem 1rem; }
  .guide-header nav a[href="/llms.txt"] { display: none; }
  .guide-modalities { grid-template-columns: 1fr; }
  .guide-field { margin-left: 0; width: 100%; }
  .guide-field select { width: 100%; }
  .guide-person { grid-template-columns: 2rem 1fr; }
  .guide-profile { grid-column: 2; }
}