.appointments-main{max-width:1240px;margin:auto;padding:30px 4% 60px}.appointments-main h1{font:clamp(42px,6vw,72px)/1.05 var(--display);margin:15px 0}.appointments-main h1 span{color:var(--red)}.appointments-lead{font-size:20px;max-width:720px}.appointments-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:25px 0}.appointments-controls label{font-size:14px;min-width:0}.appointments-controls input,.appointments-controls select{display:block;width:100%;box-sizing:border-box;min-height:44px;margin-top:8px;background:#20271f;border:1px solid #58624d;color:var(--fg);padding:10px;font:inherit}.appointments-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}#appointment-list{display:grid;gap:8px;max-height:640px;overflow:auto}#appointment-list button{text-align:left;padding:14px;color:var(--fg);background:#20271f;border:1px solid #414a37;cursor:pointer}#appointment-list button[aria-pressed=true]{border-left:4px solid var(--red);background:#30382a}#appointment-list span,#appointment-list small{display:block;color:var(--muted);font-size:12px}#appointment-list strong{display:block;font:22px var(--display);margin:7px 0}#appointment-detail{min-width:0;scroll-margin-top:calc(var(--header-height,90px) + 25px)}#appointment-detail h2{font:40px var(--display);margin:8px 0}.appointment-status{border-left:3px solid var(--red);padding-left:14px;font-size:16px}.relationship-tree{margin:24px 0}.tree-root{background:#ece8d7;color:#101510;padding:20px;border-radius:3px;max-width:460px}.tree-root strong{font:26px var(--display);display:block}.tree-root span{display:block;font-size:16px;margin-top:6px}.relationship-tree ol{list-style:none;padding:0 0 0 26px;margin:0 0 0 25px;border-left:2px solid #818774}.relationship-tree li{position:relative;background:#1b221b;border:1px solid #47513f;padding:16px;margin:18px 0;animation:branch-in .25s ease-out}.relationship-tree li:before{content:'';position:absolute;left:-28px;top:30px;width:26px;border-top:2px solid #818774}.edge-type{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e5bd86}.relationship-tree h3{font:25px var(--display);margin:8px 0}.relationship-tree p{font-size:16px;line-height:1.45}.edge-sources{display:grid;gap:4px;font-size:13px;overflow-wrap:anywhere}.edge-sources small{color:var(--muted);font-size:11px}.appointment-limit{font-size:14px;line-height:1.5;color:var(--muted);padding:15px;border:1px solid #414a37}@keyframes branch-in{from{opacity:.2;transform:translateX(-5px)}to{opacity:1;transform:none}}@media(max-width:750px){.appointments-main{padding:20px 5%}.appointments-controls{grid-template-columns:1fr 1fr;gap:12px}.appointments-controls label:first-child{grid-column:1/-1}.appointments-layout{grid-template-columns:1fr;gap:20px}#appointment-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-height:none;padding:0 0 10px}#appointment-list button{min-width:170px;max-width:190px;flex-shrink:0}#appointment-detail h2{font-size:32px}.relationship-tree ol{margin-left:12px;padding-left:18px}.relationship-tree li:before{left:-20px;width:18px}.relationship-tree li{padding:13px}.appointments-lead{font-size:17px}}@media(prefers-reduced-motion:reduce){.relationship-tree li{animation:none}}

@media(min-width:1000px){.relationship-tree ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 0;padding:20px 0 0;border-left:0;border-top:2px solid #818774;position:relative}.relationship-tree ol:before{content:'';position:absolute;height:20px;border-left:2px solid #818774;left:26px;top:-22px}.relationship-tree li{margin:0}.relationship-tree li:before{left:25px;top:-22px;height:20px;width:0;border-top:0;border-left:2px solid #818774}.relationship-tree h3{font-size:23px}}
