.ph-app-grid{display:grid;gap:24px}.ph-app-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.ph-app-card h3{font-size:clamp(22px,2.1vw,29px);line-height:1.2}.ph-app-card p{margin:0}.ph-app-card>.ph-link{margin-top:auto}.ph-app-card .ph-eyebrow{margin-bottom:8px}.ph-app-example{border:1px solid var(--ph-line);border-radius:var(--ph-radius-card);background:var(--ph-white);overflow:hidden}.ph-app-example-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--ph-line-soft)}.ph-app-example-head h3{font-size:22px;margin:0}.ph-app-example-body{padding:24px}.ph-app-example .ph-actions{margin-top:24px}.ph-app-example [hidden]{display:none!important}.ph-app-fields{display:grid;gap:16px;margin-bottom:24px}.ph-app-fields label{display:grid;gap:8px;font-size:14px;font-weight:700}.ph-app-fields input{width:100%;min-width:0;min-height:48px;border:1px solid var(--ph-line);border-radius:var(--ph-radius-control);background:var(--ph-canvas);padding:10px 12px;color:var(--ph-ink);font:inherit;font-size:16px}.ph-app-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.ph-app-options button{border:1px solid var(--ph-line);background:var(--ph-white);border-radius:var(--ph-radius-control);min-height:44px;padding:10px 14px;color:var(--ph-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.ph-app-options button[aria-pressed=true]{background:var(--ph-iris);border-color:var(--ph-iris);color:var(--ph-white)}.ph-app-script{margin:0;padding:24px;background:var(--ph-lilac);border-left:3px solid var(--ph-iris);border-radius:0 12px 12px 0;font-size:clamp(18px,2vw,22px);line-height:1.65;overflow-wrap:anywhere}.ph-app-caption{color:var(--ph-muted);font-size:14px;line-height:1.65;margin-top:18px;max-width:78ch}.ph-app-status{min-height:1.5em;color:var(--ph-success);font-size:14px;margin-top:12px}.ph-app-steps{display:grid;gap:24px;list-style:none;padding:0;counter-reset:app-step}.ph-app-steps li{border-top:1px solid var(--ph-line);padding-top:20px;counter-increment:app-step}.ph-app-steps li:before{content:"0" counter(app-step);display:block;color:var(--ph-iris);font-size:14px;font-weight:800;margin-bottom:12px}.ph-app-steps h3{font-size:20px;margin-bottom:10px}.ph-app-steps p{color:var(--ph-muted-strong)}.ph-app-request{padding:clamp(24px,4vw,48px);background:var(--ph-lilac);border-radius:var(--ph-radius-card)}.ph-app-request h2{max-width:18ch}.ph-app-request p{max-width:70ch}.ph-app-note{display:flex;gap:12px;align-items:flex-start;margin:24px 0;padding:20px;background:var(--ph-canvas);border-radius:12px}.ph-app-note .ph-icon{flex-shrink:0;color:var(--ph-iris);margin-top:4px}.ph-app-note p{margin:0;font-size:15px}.ph-app-example-facts{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--ph-muted);font-size:14px;margin:0;padding:0;list-style:none}.ph-app-scene-path{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0;list-style:none;margin:0 0 24px;font-size:14px}.ph-app-scene-path li{padding:8px 12px;background:var(--ph-canvas);border-radius:8px}.ph-app-scene-path li[aria-current=step]{background:var(--ph-lime);font-weight:700}.ph-app-related{margin-top:32px}.ph-app-related a{text-decoration:underline;text-underline-offset:3px}@media(min-width:640px){.ph-app-fields{grid-template-columns:2fr 1fr}.ph-app-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.ph-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-app-example-body{padding:32px}}@media(min-width:960px){.ph-app-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}