/* Computing example: scoped to this public section, no script or motion. */
.pf-computing-example{background:#f5f7fc;scroll-margin-top:7rem}.pf-example-heading{max-width:850px;margin-bottom:32px}.pf-example-heading h2{max-width:720px}.pf-example-heading .lede{font-size:19px;line-height:1.65;max-width:820px}.pf-example-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:start}.pf-example-scenario{background:#fff;border:1px solid #dce2ef;border-radius:12px;padding:28px}.pf-example-scenario h3{font-size:26px;line-height:1.3;letter-spacing:-.025em;margin:16px 0}.pf-example-scenario p{font-size:16px;line-height:1.7}.pf-example-scenario .btn{margin-top:10px;white-space:normal;text-align:center}.pf-example-review{margin:0}.pf-example-review>div{padding:22px 0;border-top:1px solid #d2dbea}.pf-example-review dt{font-size:19px;font-weight:650;line-height:1.4;display:flex;gap:14px}.pf-example-review dt span{color:#3449e8;font-size:13px;line-height:2.1}.pf-example-review dd{margin:12px 0 0 34px;font-size:16px;line-height:1.7;color:#59677e}.pf-example-responsibilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:32px;border-top:1px solid #d2dbea;padding-top:26px}.pf-example-responsibilities h3{font-size:20px;line-height:1.4;margin:0 0 10px}.pf-example-responsibilities p{font-size:16px;line-height:1.7;margin:0}.pf-example-note{font-size:13px!important;line-height:1.7;max-width:970px;margin:26px 0 0;color:#59677e}.pf-example-note strong{font-weight:600}.pf-example-note a{text-underline-offset:3px}.pf-computing-example a:focus-visible{outline:3px solid #8796fa;outline-offset:4px}
@media(max-width:760px){.pf-example-layout,.pf-example-responsibilities{grid-template-columns:1fr;gap:24px}.pf-example-heading .lede{font-size:17px}.pf-example-scenario{padding:22px}.pf-example-scenario h3{font-size:23px}.pf-example-review dd{margin-left:0}.pf-example-review dt{font-size:18px}.pf-example-responsibilities{gap:22px}.pf-example-note{font-size:13px!important}}