.browser-check-page{max-width:1080px;margin:0 auto;padding:0 28px;font-family:var(--sans)}.check-intro{padding:58px 0 28px;text-align:center}.check-intro .eyebrow{font-size:12px;letter-spacing:.04em}.check-intro h1{margin:22px auto;font:500 clamp(38px,5.3vw,64px)/1.06 var(--sans);letter-spacing:-.045em;text-wrap:balance}.check-lede{max-width:565px;margin:0 auto 24px;color:var(--muted);font-size:17px;line-height:1.6;text-wrap:pretty}.check-optional{margin:12px 0 0;color:var(--muted);font-size:12px}.check-example{max-width:760px;margin:0 auto;padding:10px;background:#eeeae2;border:1px solid var(--rule-soft);border-radius:16px}.check-example-heading,.check-example-footer{display:flex;justify-content:space-between;gap:16px;padding:10px 8px 16px;font:11px/1.5 var(--mono);color:var(--muted)}.check-example-heading i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:8px}.check-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--ink)}.check-player>img{width:100%;height:100%;object-fit:cover;display:block}.check-player .recording-playback{height:100%}.check-play{position:absolute;inset:auto 0 22px;margin:auto;width:max-content;display:flex;align-items:center;gap:10px;padding:12px 20px;min-height:48px;border:1px solid var(--ink);border-radius:30px;background:var(--paper-raised);color:var(--ink);box-shadow:0 4px 20px #0002;font:500 14px var(--sans);cursor:pointer}.check-play span{font-size:16px}.check-example-footer{padding:16px 8px 6px}.check-example-footer a{color:var(--ink);min-height:44px;display:flex;align-items:center}.check-load-error{padding:0 8px;font-size:14px}.check-task{scroll-margin-top:24px;display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start;margin:64px 0;padding:36px;border:1px solid var(--rule-soft);border-radius:16px;background:var(--paper-raised)}.check-task h2,.check-context h2{font:500 32px/1.15 var(--sans);letter-spacing:-.035em;margin:16px 0;text-wrap:balance}.check-task-copy>p:not(.eyebrow),.check-context p{color:var(--muted);font:15px/1.7 var(--sans)}.check-task-copy>a{display:inline-flex;min-height:44px;align-items:center;font-size:13px}.check-task .cloud-run-form{margin:0}.check-context{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:70px 0}.check-context ol{list-style:none;margin:0;padding:0}.check-context li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--rule-soft)}.check-context li>span{color:var(--purple-dark);font:12px var(--mono)}.check-context li p{margin:8px 0 0;font-size:14px}.check-modes{border-top:1px solid var(--rule-soft);padding:36px 0 64px}.check-modes h2{font:500 24px var(--sans);letter-spacing:-.025em}.check-modes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.check-modes a{color:var(--ink);text-decoration:none;padding:16px 0}.check-modes a span{text-decoration:underline;text-underline-offset:4px;font-size:15px}.check-modes a p{color:var(--muted);font-size:14px;line-height:1.6}.browser-check-page :focus-visible{outline:2px solid var(--purple);outline-offset:4px}@media(max-width:640px){.browser-check-page{padding:0 16px}.check-intro{padding:28px 0 22px}.check-intro h1{margin:18px auto}.check-lede{font-size:15px;line-height:1.5}.check-intro .button{width:100%;justify-content:center}.check-example{padding:6px;border-radius:12px}.check-example-heading{font-size:10px;gap:8px;padding:10px 4px}.check-example-footer{flex-direction:column;gap:0;padding:12px 6px 0}.check-play{bottom:12px;padding:10px 16px}.check-task{grid-template-columns:1fr;gap:20px;padding:22px 16px;margin:32px 0}.check-task h2,.check-context h2{font-size:28px}.check-context{grid-template-columns:1fr;gap:22px;margin:44px 0}.check-modes>div{grid-template-columns:1fr;gap:0}.check-modes a{border-top:1px solid var(--rule-soft)}.check-task input,.check-task textarea{font-size:16px}}.check-player>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.check-player-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;background:var(--paper-raised);text-align:center;font-size:14px}.check-player-error button{min-height:44px;padding:8px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--paper);cursor:pointer}
