.examples-page main{max-width:1200px;margin:auto;padding:32px 5% 64px}.examples-intro{max-width:860px;padding:26px 0 58px}.examples-intro h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.04;margin:18px 0 24px}.examples-intro>p{max-width:710px;font-size:1.16rem}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0}.example-card{min-width:0;background:white;border:2px solid #c7cdbb;border-radius:22px;overflow:hidden}.example-card figure{margin:0}.example-card figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.example-card figcaption,.examples-comic figcaption{font-size:.82rem;padding:12px 22px;background:#f0f5e4;color:#3c4b32}.example-copy{padding:24px}.example-copy h3{font-size:1.45rem;margin:12px 0 16px}.example-provenance{padding-left:14px;border-left:3px solid #cde996}.example-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px}.example-actions .button{max-width:100%;text-align:center;white-space:normal}.examples-passport{display:flex;align-items:center;gap:40px;justify-content:space-between;background:#e8f3cc;padding:32px;border:2px solid #243024;border-radius:22px;margin:52px 0}.examples-passport>div{max-width:610px}.examples-passport h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:14px 0}.examples-passport>.button{flex-shrink:0;white-space:normal;text-align:center;max-width:270px}.examples-how{padding:18px 0 50px}.examples-how h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:14px 0 28px}.examples-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0 0 24px}.examples-steps li{min-width:0;padding:24px;border-top:3px solid #243024;background:#fff;border-radius:0 0 16px 16px}.examples-steps li>span{font-size:.86rem;letter-spacing:.08em;font-weight:800}.examples-steps h3{font-size:1.1rem;margin:14px 0 12px}.examples-steps p{font-size:.95rem}.examples-family{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin:20px 0 0;padding-top:38px;border-top:2px solid #c7cdbb}.examples-family h2{font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.12;margin:14px 0 22px}.examples-comic{margin:0;overflow:hidden;border:2px solid #c7cdbb;border-radius:22px}.examples-comic img{display:block;width:100%;height:auto}.examples-page .intro-actions{flex-wrap:wrap}.examples-page footer{margin-top:0}@media(max-width:850px){.examples-passport{flex-direction:column;align-items:flex-start;gap:14px}.examples-family{grid-template-columns:1fr;gap:28px}.examples-comic{max-width:560px}.examples-steps{grid-template-columns:1fr;gap:16px}.examples-steps li{padding:18px 22px}.examples-steps h3{margin:8px 0}.examples-steps p{margin-bottom:0}}@media(max-width:600px){.examples-page main{padding-top:12px}.examples-intro{padding-top:16px;padding-bottom:38px}.examples-grid{grid-template-columns:1fr;gap:24px}.example-copy{padding:22px}.examples-passport{padding:24px;margin:36px 0}.examples-passport>.button{max-width:100%}.examples-page header{flex-wrap:wrap;gap:12px}.examples-page .header-links{gap:14px;font-size:.84rem;flex-wrap:wrap}.examples-page .section-title{align-items:flex-start;flex-wrap:wrap;gap:14px}.examples-page .section-title>.badge{white-space:normal}.example-actions .button{font-size:.87rem}.examples-how{padding-bottom:28px}.examples-family{padding-top:28px}.examples-page .intro-actions .button{white-space:normal;text-align:center}}
