/* The work areas are routes in the main website, with the same reading experience. */
.areas-menu{position:static}.areas-menu>summary{cursor:pointer;font-weight:500;list-style:none;padding:14px 0;font-size:inherit;white-space:nowrap}.areas-menu>summary::-webkit-details-marker{display:none}.areas-menu>summary:after{content:' +';color:var(--orange)}.areas-menu[open]>summary:after{content:' −'}.areas-menu[open]>summary{color:var(--orange)}
.areas-panel{position:absolute;z-index:30;top:100%;left:0;right:0;background:#111110;border-top:1px solid #333;border-bottom:2px solid var(--orange);box-shadow:0 28px 40px #0009;padding:32px max(32px,calc((100vw - 1280px)/2));max-height:70vh;overflow:auto}
.areas-panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px;gap:25px}.areas-panel-top p{margin:0;font-size:.9rem}.areas-panel-top a{font-size:.9rem;color:var(--orange)}
.areas-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.areas-menu-grid>div{min-width:0}.areas-menu-grid h3{font-size:1.1rem;line-height:1.5;margin-bottom:15px}.areas-menu-grid h3>a{color:var(--white)}.areas-menu-grid a{display:block;line-height:1.5;font-size:.9rem;padding:8px 0;color:#c9c9c4}.areas-menu-grid a:hover,.areas-menu-grid a[aria-current=page]{color:var(--orange)}
.workarea-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;border-top:1px solid var(--line);margin:26px 0 0}.workarea-card{display:block;border-bottom:1px solid var(--line);padding:25px 0;min-width:0}.workarea-card h3{font-size:1.25rem;line-height:1.4;margin-bottom:12px;letter-spacing:-.025em}.workarea-card p{font-size:1rem;line-height:1.8;margin:0 0 14px;max-width:53ch}.workarea-card .route-more{color:var(--orange);font-size:.9rem}.workarea-card:hover h3{color:var(--orange)}
.workarea-hero h1{max-width:21ch}.workarea-hero .eyebrow{max-width:75ch}.workarea-hero .lead{max-width:54ch}.workarea-facts{display:flex;gap:18px 32px;flex-wrap:wrap;font-size:.9rem;color:#d5d5d0;border-top:1px solid var(--line);padding:18px 0}.workarea-facts a{color:var(--orange)}
.concrete-example{background:#141412;padding:26px;border-left:3px solid var(--orange);margin:30px 0}.concrete-example h3{margin:0 0 16px!important}.concrete-example p{font-size:1rem;line-height:1.85}.concrete-example .eyebrow{font-size:.8rem;letter-spacing:.1em;margin-bottom:15px}.related-areas{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.related-areas a{display:inline-block;margin:8px 24px 8px 0;color:var(--orange);text-decoration:underline;text-underline-offset:4px;line-height:1.6}.source-reference{font-size:.875rem!important;padding-top:18px}.source-reference a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.menu{max-height:calc(100dvh - 140px);overflow:auto}.areas-panel{position:static;box-shadow:none;max-height:none;padding:20px 0;background:transparent}.areas-menu-grid{grid-template-columns:1fr;gap:23px}.areas-menu-grid h3{margin-bottom:8px}.menu .areas-menu-grid a{padding:9px 0}.areas-panel-top{display:block}.areas-panel-top p{margin-bottom:12px}.areas-menu>summary{padding:13px 0}.menu.open{overflow:auto}}
@media(max-width:650px){.workarea-directory{grid-template-columns:1fr;gap:0}.workarea-card{padding:24px 0}.workarea-facts{display:block}.workarea-facts span,.workarea-facts a{display:block;margin-bottom:8px}.concrete-example{padding:22px 19px}.workarea-hero h1{font-size:clamp(2.05rem,8vw,2.6rem)}.areas-panel-top p{font-size:.875rem}}

.areas-menu summary:focus-visible,.areas-menu a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.menu>.areas-menu{font-size:14px}.areas-menu-grid h3>a{font-size:1.05rem}.workarea-hero .hero-actions{margin-top:26px}.workarea-hero .breadcrumb{font-size:.8rem;line-height:1.8;max-width:80ch}