*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Cormorant Garamond", "Georgia", serif;--font-body:"Karla", "Helvetica Neue", sans-serif;--color-ink:#1a1a1a;--color-ink-muted:#555;--color-ink-subtle:#6c6c6c;--color-accent:#3d5a80;--color-border:#e0ddd8;--color-bg:#faf9f7;--color-panel-bg:#fff}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{flex-direction:column;flex:1;min-height:0;display:flex}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.person-panel:focus,.person-panel:focus-visible,.person-bar:focus{outline:none}.person-bar__focus-ring{opacity:0}.person-bar:focus-visible .person-bar__focus-ring{opacity:1}.skip-link{z-index:300;background:var(--color-panel-bg);color:var(--color-accent);border:1px solid var(--color-accent);font-family:var(--font-body);border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .15s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.header{border-bottom:1px solid var(--color-border);background:var(--color-panel-bg);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;padding:20px 28px 16px;display:flex}.header__left{flex-direction:column;gap:4px;display:flex}.header__title-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.header__logo{border-radius:6px;flex-shrink:0;width:40px;height:40px}.header__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:1.65rem;font-weight:700;line-height:1.2}.header__subtitle{color:var(--color-ink-subtle);letter-spacing:.02em;font-size:.78rem}.header__subtitle a{color:var(--color-accent);font-weight:500;text-decoration:none}.header__subtitle a:hover{text-decoration:underline}.header__select{border:1px solid var(--color-border);font-family:var(--font-body);background:var(--color-panel-bg);color:var(--color-ink);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:border-color .15s}.header__select:hover{border-color:var(--color-accent)}.header__links{align-items:center;gap:16px;padding-top:4px;display:flex}.header__links a{color:var(--color-accent);font-size:.8rem;font-weight:500;text-decoration:none}.header__links a:hover{text-decoration:underline}.timeline-view{background:var(--color-bg);flex:1;padding:16px 28px;overflow-x:auto}.legend{color:var(--color-ink-muted);letter-spacing:.01em;flex-wrap:wrap;gap:8px 24px;padding:10px 28px;font-size:.78rem;font-weight:500;display:flex}.legend-section{align-items:center;gap:16px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.gender-summary{color:var(--color-ink-muted);letter-spacing:.01em;padding:0 28px 8px;font-size:.78rem}.legend-line{vertical-align:middle;display:inline-block}.legend-swatch{color:#fff;border-radius:3px;justify-content:center;align-items:center;width:18px;height:14px;font-size:10px;line-height:1;display:inline-flex}.person-panel{background:var(--color-panel-bg);z-index:100;width:360px;max-width:90vw;padding:28px;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(0);box-shadow:-4px 0 24px #00000014}.person-panel__close{cursor:pointer;color:var(--color-ink-subtle);background:0 0;border:none;font-size:24px;line-height:1;transition:color .15s;position:absolute;top:16px;right:16px}.person-panel__close:hover{color:var(--color-ink)}.person-panel__photo{border-radius:8px;width:100%;margin-bottom:16px}.person-panel h2{font-family:var(--font-display);color:var(--color-ink);font-size:1.5rem;font-weight:700;line-height:1.2}.person-panel__years{color:var(--color-ink-subtle);margin-top:2px;font-size:.88rem}.person-panel__role{text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);background:#f0ede8;border-radius:12px;margin:8px 0;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.person-panel__gender{color:var(--color-ink-muted);margin-top:6px;font-size:.88rem}.person-panel__bio{color:var(--color-ink-muted);margin:16px 0;font-size:.92rem;line-height:1.65}.person-panel__links{gap:16px;display:flex}.person-panel__links a{color:var(--color-accent);font-size:.88rem;font-weight:500;text-decoration:none}.person-panel__links a:hover{text-decoration:underline}.person-panel__connections{border-top:1px solid var(--color-border);flex-direction:column;gap:16px;margin-top:20px;padding-top:16px;display:flex}.person-panel__conn-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-subtle);margin-bottom:6px;font-size:.72rem;font-weight:600}.person-panel__conn-list{flex-direction:column;gap:4px;list-style:none;display:flex}.person-panel__conn-link{color:var(--color-accent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:500;text-decoration:none}.person-panel__conn-link:hover{text-decoration:underline}.tooltip{background:var(--color-panel-bg);z-index:200;border-radius:6px;padding:8px 12px;font-size:.8rem;box-shadow:0 2px 12px #0000001f}.tooltip strong{font-family:var(--font-display);color:var(--color-ink);font-size:.92rem;font-weight:600;display:block}.tooltip__years{color:var(--color-ink-muted)}.tooltip__role{color:var(--color-ink-muted);margin-top:2px;font-size:.72rem}.footer{color:var(--color-ink-subtle);border-top:1px solid var(--color-border);background:var(--color-panel-bg);letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.78rem;display:flex}.footer a{color:var(--color-accent);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}.footer__separator{color:var(--color-border);-webkit-user-select:none;user-select:none}.loading{height:100vh;font-family:var(--font-display);color:var(--color-ink-subtle);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.error{text-align:center;height:100vh;color:var(--color-ink);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;display:flex}.error__retry{font-family:var(--font-body);color:var(--color-panel-bg);background:var(--color-accent);cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:background-color .15s}.error__retry:hover{background:#32496a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.header{padding:14px 16px 12px}.header__title{font-size:1.35rem}.timeline-view{padding:12px 16px}.legend{padding:10px 16px}.footer{padding:12px 16px}}@media (pointer:coarse){.header__select{min-height:44px}.header__links a,.footer a{padding:8px 0}.person-panel__conn-link{align-items:center;min-height:44px;display:flex}.person-panel__close{justify-content:center;align-items:center;width:44px;height:44px;display:flex;top:8px;right:8px}}