.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.test-grid a{display:flex;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:14px;background:white;color:inherit;text-decoration:none}.test-app{max-width:760px;min-height:700px;margin:auto;padding:90px 24px}.test-app h1{font-size:clamp(3rem,8vw,6rem);line-height:1}.test-app h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.test-app button{border:0;border-radius:10px;background:var(--yellow);padding:14px 20px;font-weight:800;cursor:pointer}.test-progress{position:relative;display:flex;justify-content:space-between;border-bottom:5px solid var(--line);margin-bottom:50px}.test-progress i{position:absolute;bottom:-5px;left:0;height:5px;background:var(--sky)}.test-options{display:grid;gap:12px;margin:35px 0}.test-options button{background:white;border:1px solid var(--line);text-align:left}.test-options button.active{border-color:var(--sky);background:#e5f5fb;color:var(--ink)}.test-actions{display:flex;justify-content:space-between}.test-error{color:#a42121}.score{font-size:5rem;font-weight:900;color:var(--sky)}.test-app form{display:grid;gap:16px;margin-top:30px}.test-app input{width:100%;padding:12px;margin-top:5px}@media(max-width:800px){.test-grid{grid-template-columns:1fr}.test-app{padding-top:60px}}
.article{max-width:780px;margin:auto;padding:80px 24px}.article h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1}.article h2{margin-top:2em;font-size:2rem}.article p{font-size:1.08rem}.portrait{width:min(360px,100%);aspect-ratio:9/16;margin:35px 0}.portrait iframe{width:100%;height:100%;border:0;border-radius:18px}
.test-seo-intro{max-width:860px;margin:0 auto;padding:3rem 1.25rem 0;text-align:center}.test-seo-intro>p:first-child{font-size:.75rem;font-weight:700;letter-spacing:.18em;color:#64748b}.test-seo-intro h1{margin:.75rem 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.test-seo-intro>p:last-child{max-width:700px;margin:0 auto;color:#475569;line-height:1.65}