.example-page .problem-card,.example-page .problem-card:first-child{color:#1d1d1f;background:#fff;grid-row:auto;min-height:0}.example-page .problem-card h3,.example-page .problem-card:first-child h3{color:#1d1d1f;margin:20px 0 12px;font-size:clamp(23px,3vw,29px)}.example-page .problem-card p,.example-page .problem-card:first-child p{color:#6e6e73;max-width:76ch;line-height:1.65}.example-page .problem-card p+p{margin-top:14px}.example-page .problem-card>span,.example-page .problem-card:first-child>span{color:#06c}.example-page summary{cursor:pointer;font-size:20px;font-weight:600}.example-page summary:focus-visible{outline-offset:6px;outline:2px solid #0071e3}.example-page details[open] summary{margin-bottom:20px}.example-page .hero h1{font-size:clamp(40px,6vw,76px)}.example-page .section{padding-block:56px}@media (max-width:700px){.example-page .problem-grid{grid-template-columns:1fr}.example-page .problem-card{padding:24px}.example-page .hero-actions .button{white-space:normal;text-align:center}}