.bgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink);margin-top:8px}.bcell{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:22px 22px 24px;display:flex;flex-direction:column}.bcell .k{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cobalt);margin-bottom:10px}.bcell h3{font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.bcell h3 a{text-decoration:none}.bcell h3 a:hover{background:var(--yellow-soft)}.bcell p{font-size:13.5px;color:var(--mid);flex:1}.bcell ul{list-style:none;margin-top:12px;display:grid;gap:5px;font-size:13.5px}.bcell ul a{text-decoration:none;font-weight:600}.bcell ul a:hover{background:var(--yellow-soft)}.bcell ul .n{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:6px}.bcell .more{margin-top:12px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--cobalt)}@media(max-width:980px){.bgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.bgrid{grid-template-columns:1fr}}.hub-cases ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}.hub-cases li{border-bottom:1px solid var(--line);padding:8px 2px;font-size:14px}.hub-cases li a{text-decoration:none;font-weight:600}.hub-cases li a:hover{background:var(--yellow-soft)}.hub-cases li .m{display:block;font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.06em;margin-top:2px}@media(max-width:700px){.hub-cases ul{grid-template-columns:1fr}}.howbuilt{border:2px solid var(--ink);background:var(--band);padding:16px 22px;font-size:13.5px;color:var(--mid);margin-top:34px;max-width:80ch}.howbuilt b{color:var(--ink)}.hub-wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
/* DESIGN-0918: compact mobile header + breadcrumb truncation; collapsed state needs /assets/pd-nav.js, without it the full menu renders. */.nav .pdnav-list,.pdc-nav .pdnav-list{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none} .nav .pdnav-list::-webkit-scrollbar,.pdc-nav .pdnav-list::-webkit-scrollbar{display:none} .nav .pdnav-tog,.pdc-nav .pdnav-tog{display:none;align-items:center;gap:9px;background:none;border:0;border-right:1px solid var(--line); font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:inherit; padding:10px 15px;min-height:44px;cursor:pointer} .nav .pdnav-tog .bars,.pdc-nav .pdnav-tog .bars{display:inline-block;width:16px;height:2px;background:currentColor;position:relative} .nav .pdnav-tog .bars::before,.pdc-nav .pdnav-tog .bars::before,.nav .pdnav-tog .bars::after,.pdc-nav .pdnav-tog .bars::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor} .nav .pdnav-tog .bars::before,.pdc-nav .pdnav-tog .bars::before{top:-5px} .nav .pdnav-tog .bars::after,.pdc-nav .pdnav-tog .bars::after{top:5px} .nav .pdnav-tog:focus-visible,.pdc-nav .pdnav-tog:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px} @media(max-width:1023px){ .nav .pdnav-list,.pdc-nav .pdnav-list{flex:1 1 100%;flex-wrap:wrap;overflow-x:visible} .nav[data-pdnav="on"] .wrap,.pdc-nav[data-pdnav="on"] .pdc-wrap{flex-wrap:wrap;align-items:stretch} .nav[data-pdnav="on"] .pdnav-tog,.pdc-nav[data-pdnav="on"] .pdnav-tog{display:inline-flex;flex:0 0 auto} .nav[data-pdnav="on"] .pdnav-list,.pdc-nav[data-pdnav="on"] .pdnav-list{display:flex;flex:1 1 auto;width:auto;flex-wrap:nowrap} .nav[data-pdnav="on"] .pdnav-list>a,.pdc-nav[data-pdnav="on"] .pdnav-list>a{display:none} .nav[data-pdnav="on"] .pdnav-list>a[href="/search/"],.pdc-nav[data-pdnav="on"] .pdnav-list>a[href="/search/"]{display:flex;align-items:center;justify-content:center;flex:1 1 auto;border-right:0} .nav[data-pdnav="on"][data-open] .pdnav-list,.pdc-nav[data-pdnav="on"][data-open] .pdnav-list{flex:1 1 100%;flex-wrap:wrap;width:100%;border-top:1px solid var(--line)} .nav[data-pdnav="on"][data-open] .pdnav-list>a,.pdc-nav[data-pdnav="on"][data-open] .pdnav-list>a{display:flex;align-items:center;justify-content:center} .nav[data-pdnav="on"][data-open] .pdnav-tog .bars,.pdc-nav[data-pdnav="on"][data-open] .pdnav-tog .bars{background:var(--cobalt)} } .crumbs .here,.pdc-crumbs .pdc-here{display:inline-block;max-width:58ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom} @media(max-width:760px){.crumbs .here,.pdc-crumbs .pdc-here{max-width:34ch}} @media(max-width:560px){.crumbs .here,.pdc-crumbs .pdc-here{max-width:24ch}} @media (max-width:1100px){.pdnav-list a{padding-left:14px;padding-right:14px}}