.home-index{--home-light:#fffefa;--home-dark:#1b2a2d;--home-red:#be4936;--home-line:#cbc7be;--home-display:Barlow Condensed,Barlow,Impact,'Arial Narrow',sans-serif;--home-body:Hanken Grotesk,Hanken,Arial,sans-serif;max-width:1800px;margin:auto;background:var(--home-light);color:#171a1c;font-family:var(--home-body)}.home-index a{color:inherit;text-decoration:none}.home-index a:hover{text-decoration:underline;text-underline-offset:4px}.home-index button,.home-index input{font:inherit}.home-index svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;flex:none}
.home-index .entry{display:grid;grid-template-columns:44% 56%;border-bottom:1px solid #171a1c}.home-index .entry-intro{padding:28px 3.5vw 30px 4vw}.home-index .entry h1{margin:0 0 13px;font:800 clamp(52px,5vw,82px)/.89 var(--home-display);letter-spacing:-.025em;text-transform:uppercase}.home-index .entry h1 em{font-style:normal;color:var(--home-red)}.home-index .entry-intro p{max-width:450px;margin:0;font-size:14px;line-height:1.45}.home-index .entry-intro strong{font-variant-numeric:tabular-nums}.home-index .entry-action{position:relative;display:flex;flex-direction:column;justify-content:center;padding:25px 4vw;background:var(--home-dark);color:#f5f0e7}.home-index .entry-action form{position:relative}.home-index .entry-action label,.home-index .asof{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.home-index .entry-action label{display:block;margin-bottom:8px}.home-index .query-line{display:flex;align-items:center;border-bottom:2px solid #f5f0e7}.home-index .query-line input{width:100%;height:55px;padding:0;border:0;background:transparent;color:#fff;font:650 clamp(25px,2.5vw,39px)/1 var(--home-display);outline:none}.home-index .query-line input::placeholder{color:#bbc8c2;opacity:1}.home-index .query-line input:focus-visible{outline:2px solid #f1bd72;outline-offset:2px}.home-index .query-line button{display:grid;place-items:center;width:49px;height:43px;border:0;background:var(--home-red);color:#fff;cursor:pointer}.home-index .query-line button:hover{background:#dc644e}.home-index .query-line button svg{width:24px;height:24px}.home-index .asof{margin:14px 0 0;color:#adbbb6;font-size:10px}.home-index .search-results{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:340px;overflow:auto;border:1px solid #171a1c;background:var(--home-light);color:#171a1c;box-shadow:0 12px 24px #0003}.home-index .search-results[hidden]{display:none}.home-index .search-results p{margin:0;padding:10px 13px;border-bottom:1px solid var(--home-line);font-size:11px;font-weight:800;text-transform:uppercase;color:var(--home-red)}.home-index .search-results a{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--home-line);font-size:13px}.home-index .search-results a:hover,.home-index .search-results a[aria-selected=true]{background:#e7e1d5;text-decoration:none}.home-index .search-results small{font-size:10px;color:#5c625f}
.home-index .browser{background:var(--home-light)}.home-index .browse-toolbar{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:23px;padding:20px 4vw 17px;border-bottom:1px solid #171a1c;background:#e3ded3}.home-index .browse-toolbar h2{margin:0;font:800 40px/1 var(--home-display);text-transform:uppercase;letter-spacing:-.02em}.home-index .browse-toolbar p{justify-self:end;margin:0 0 4px;color:#4d514f;font-size:12px}.home-index .mode-tabs{display:flex;border:1px solid #171a1c}.home-index .mode-tabs button{padding:8px 18px;border:0;background:transparent;color:#171a1c;font:750 20px/1 var(--home-display);text-transform:uppercase;white-space:nowrap;cursor:pointer}.home-index .mode-tabs button+button{border-left:1px solid #171a1c}.home-index .mode-tabs button[aria-selected=true]{background:#171a1c;color:#fff}.home-index .mode-tabs button:hover:not([aria-selected=true]){background:#f5f0e7}.home-index .browser-grid{display:grid;grid-template-columns:minmax(245px,22%) 1fr;min-height:620px}.home-index .task-list{min-width:0;background:var(--home-dark);color:#ecf1ed}.home-index .task-list-head{display:flex;justify-content:space-between;gap:10px;padding:19px 24px;border-bottom:1px solid #465659;color:#b7c2bf;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.home-index .task-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:43px;padding:9px 24px;border:0;border-bottom:1px solid #465659;background:transparent;color:inherit;text-align:left;font:700 21px/1.1 var(--home-display);text-transform:uppercase;cursor:pointer}.home-index .task-switch svg{width:15px;opacity:0}.home-index .task-switch:hover,.home-index .task-switch.selected{background:var(--home-red);color:#fff}.home-index .task-switch:hover svg,.home-index .task-switch.selected svg{opacity:1}.home-index .task-detail{min-width:0;padding:27px 4vw 45px}.home-index .detail-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:2px solid #171a1c}.home-index .detail-heading h3{margin:0 0 8px;font:800 clamp(50px,5vw,78px)/.9 var(--home-display);text-transform:uppercase;letter-spacing:-.02em}.home-index .detail-heading p{margin:0;color:#5c625f;font-size:13px}.home-index .detail-heading>a{display:inline-flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid #171a1c;font-size:13px;font-weight:800;white-space:nowrap}.home-index .detail-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.72fr);gap:clamp(24px,4vw,72px);padding-top:21px}.home-index .detail-body h4{margin:0 0 13px;color:var(--home-red);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.home-index .path-list,.home-index .real-examples ul{list-style:none;padding:0;margin:0}.home-index .path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.home-index .path-list li{min-width:0}.home-index .path-list a{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 0;border-top:1px solid var(--home-line)}.home-index .path-list li:nth-child(-n+2) a{border-top-color:#171a1c}.home-index .path-list a>span{font-weight:750;line-height:1.2}.home-index .path-list small{margin-left:auto;color:#5c625f;font-size:10px;white-space:nowrap}.home-index .path-list svg{width:14px;height:14px}.home-index .real-examples{padding-left:clamp(20px,2vw,38px);border-left:1px solid var(--home-line)}.home-index .real-examples>p{margin:0 0 19px;color:#5c625f;font-size:13px}.home-index .real-examples li{padding:12px 0 16px;border-top:1px solid var(--home-line)}.home-index .real-examples li>span{display:block;margin-bottom:6px;color:var(--home-red);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.home-index .real-examples li>a{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;overflow-wrap:anywhere;font:700 23px/1.04 var(--home-display);text-transform:uppercase}.home-index .real-examples li>a svg{width:15px;height:15px}.home-index .real-examples li>small{display:block;margin-top:7px;color:#5c625f;font-size:11px}.home-index .role-mode .detail-body{display:block}.home-index .role-mode .path-list{grid-template-columns:repeat(3,minmax(0,1fr))}.home-index .role-mode .real-examples{display:none}.home-index .related-roles{margin-top:32px;padding-top:20px;border-top:2px solid #171a1c}.home-index .related-roles[hidden]{display:none}
.home-index-models{padding:32px 4vw 42px;background:#d8d4ca;border-top:1px solid #171a1c;border-bottom:1px solid #171a1c}.home-index-section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.home-index-section-title h2,.home-index-reading aside h2{margin:0;font:800 clamp(34px,3.5vw,52px)/1 var(--home-display);text-transform:uppercase}.home-index-section-title>a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase}.home-index-model-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #aaa69c}.home-index-model-list>a{display:flex;flex-direction:column;gap:7px;min-width:0;padding:18px 16px 10px 0;margin-right:16px;border-right:1px solid #aaa69c}.home-index-model-list>a:last-child{border-right:0}.home-index-model-list span{color:#5c625f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.home-index-model-list strong{font:700 27px/1.05 var(--home-display);text-transform:uppercase;overflow-wrap:anywhere}.home-index-model-list svg{margin-top:auto;color:var(--home-red)}.home-index-reading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr);gap:5vw;padding:38px 4vw 50px}.home-index-reading>div{min-width:0}.home-index-reading aside{padding-left:32px;border-left:1px solid var(--home-line)}.home-index-reading aside p{font-size:13px;color:#5c625f}.home-index-reading aside>a{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--home-line);font-weight:750;font-size:14px}
@media(max-width:1100px){.home-index .browse-toolbar{grid-template-columns:auto auto}.home-index .browse-toolbar p{grid-column:1/-1;justify-self:start}.home-index .detail-body{display:flex;flex-direction:column}.home-index .real-examples{order:-1;padding:0 0 12px;border:0}.home-index .real-examples ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.home-index .detail-heading{align-items:flex-start;flex-direction:column;gap:12px}.home-index .task-switch{font-size:19px}}
@media(max-width:750px){.home-index .entry{grid-template-columns:1fr}.home-index .entry-intro{padding:22px 5vw 14px}.home-index .entry h1{font-size:clamp(49px,12vw,68px)}.home-index .entry-intro p{font-size:13px}.home-index .entry-action{padding:20px 5vw}.home-index .query-line input{height:48px;font-size:28px}.home-index .browse-toolbar{display:flex;flex-wrap:wrap;gap:12px 16px;padding:18px 5vw 15px}.home-index .browse-toolbar h2{width:100%;font-size:35px}.home-index .browse-toolbar p{width:100%;font-size:11px}.home-index .mode-tabs button{font-size:18px;padding:7px 17px}.home-index .browser-grid{display:block;min-height:0}.home-index .task-list{display:flex;overflow:hidden}.home-index .task-list-head{display:flex;align-items:center;min-width:110px;padding:8px 12px}.home-index .task-list-head #area-count{display:none}.home-index #area-buttons{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}.home-index .task-switch{flex:none;width:auto;min-height:56px;max-width:170px;padding:10px 18px;border-right:1px solid #465659;border-bottom:0;font-size:17px}.home-index .task-detail{padding:23px 5vw 35px}.home-index .detail-heading h3{font-size:50px}.home-index .detail-body{padding-top:18px}.home-index .real-examples ul{grid-template-columns:1fr;gap:0}.home-index .real-examples li{padding:9px 0}.home-index .real-examples li>a{font-size:21px}.home-index .path-list,.home-index .role-mode .path-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.home-index-models{padding:28px 5vw 35px}.home-index-model-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-index-model-list>a:nth-child(2){border-right:0}.home-index-model-list>a:nth-child(n+3){border-top:1px solid #aaa69c}.home-index-reading{grid-template-columns:1fr;padding:30px 5vw 38px}.home-index-reading aside{padding:20px 0 0;border-left:0;border-top:1px solid var(--home-line)}}
@media(max-width:430px){.home-index .entry h1{font-size:49px}.home-index .detail-heading h3{font-size:49px}.home-index .path-list,.home-index .role-mode .path-list{grid-template-columns:1fr}.home-index .path-list li:nth-child(2) a{border-top-color:var(--home-line)}.home-index .query-line input{font-size:25px}}