.sites-item[data-example-page-hidden], [data-example-pagination][hidden], [data-example-pagination] button[hidden] { display:none!important }
[data-example-pagination] { display:flex; flex-direction:column; align-items:center; gap:14px; padding:36px 16px 48px }
[data-example-pagination] p { font-size:13px; color:#696b65; margin:0 }
[data-example-pagination] button { appearance:none; border:1px solid #292c28; background:#292c28; color:#fff; border-radius:100px; padding:15px 28px; font:inherit; cursor:pointer; min-height:48px }
.px-examples-breadcrumb { margin:0 0 24px; font-size:13px; font-weight:500; line-height:1.6; color:#74766f }
.px-examples-breadcrumb ol { display:flex; gap:8px; flex-wrap:wrap; padding:0; margin:0; list-style:none }
.px-examples-breadcrumb li+li::before { content:'›'; margin-right:8px; color:#999b93 }
.px-examples-breadcrumb a { text-decoration:none; color:#282c28 }
.px-examples-breadcrumb .px-pillar-link { font-weight:700; text-decoration:underline; text-underline-offset:3px }
.px-examples-editorial { max-width:1060px; margin:48px auto 0; padding:48px 0; color:#252a25; border-top:1px solid #dedfd7; font-size:16px; line-height:1.75 }
.px-examples-editorial p { max-width:78ch; margin:0 0 18px }
.px-examples-editorial--standalone { width:calc(100% - 48px) }
.px-examples-editorial h2 { font-size:clamp(25px,2.6vw,36px); letter-spacing:-.035em; font-weight:500; line-height:1.2; margin:44px 0 20px }
.px-examples-editorial h3 { font-size:20px; font-weight:550; letter-spacing:-.02em; line-height:1.3; margin:24px 0 12px }
.px-examples-editorial a { color:inherit; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px }
.px-examples-editorial a:hover { text-decoration-thickness:2px }
.px-examples-editorial .px-examples-eyebrow { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#6a7067 }
.px-examples-featured { display:grid; grid-template-columns:1fr 1fr; gap:0 32px; margin:24px 0; padding:0; list-style:none; counter-reset:examples }
.px-examples-featured li { border-top:1px solid #dedfd7; padding:24px 0; counter-increment:examples }
.px-examples-featured h3 { margin:0 0 12px; font-size:20px }
.px-examples-featured h3::before { content:counter(examples,decimal-leading-zero) ' / '; font-size:12px; color:#7a8076; vertical-align:middle }
.px-examples-featured p { font-size:14px; line-height:1.75; margin-bottom:8px }
.px-examples-featured small { font-size:11px; color:#737a6e; letter-spacing:.025em }
.px-examples-guide-links { display:flex; flex-wrap:wrap; gap:10px 22px; padding:18px 0; border-block:1px solid #dedfd7; margin:28px 0 }
.px-examples-guide-links a { font-size:14px; line-height:1.7 }
.px-examples-topics { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0 20px }
.px-examples-topics a { color:#30372e; font-size:12px; line-height:1.5; text-decoration:none; padding:8px 12px; border:1px solid #dddcd4; border-radius:100px }
.px-examples-topics a:hover { border-color:#30372e }
.px-examples-directory { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; padding-top:24px }
.px-examples-directory a { font-size:14px }
@media(max-width:640px) { .px-examples-directory { grid-template-columns:1fr } }
.px-examples-editorial details { padding:20px 0; border-bottom:1px solid #dedfd7 }
.px-examples-editorial summary { font-weight:550; cursor:pointer; line-height:1.5 }
.px-examples-editorial details p { margin:16px 0 0; font-size:15px }
.px-examples-cta { margin-top:40px; padding:32px; background:#eeeee7; border-radius:12px }
.px-examples-cta h2 { margin:0 0 16px }
.px-examples-cta a { display:inline-flex; align-items:center; min-height:48px; padding:12px 22px; background:#262c26; color:#fff; border-radius:100px; text-decoration:none }
.px-examples-editorial a:focus-visible, .px-examples-editorial summary:focus-visible, [data-example-pagination] button:focus-visible, .px-examples-breadcrumb a:focus-visible { outline:2px solid #536b42; outline-offset:5px }
@media(max-width:640px) { .px-examples-featured { grid-template-columns:1fr }.px-examples-editorial { padding:24px 0 }.px-examples-cta { padding:24px }.px-examples-breadcrumb { font-size:12px } }