.cri-page-state{width:100%;min-width:0;color:var(--text-1);background:var(--bg);flex-direction:column;flex:1;display:flex}.cri-page-state--standalone{min-height:100dvh}.cri-page-state-topbar{padding:16px 24px}.cri-page-state-brand{min-height:44px;color:var(--text-1);align-items:center;gap:10px;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.cri-page-state-content{min-height:60dvh;padding:32px 24px calc(48px + var(--cookie-banner-offset,0px));flex:1;justify-content:center;align-items:center;display:flex}.cri-page-state-card{border:1px solid var(--border);border-radius:var(--app-card-radius,10px);background:var(--surface);width:100%;min-width:0;max-width:480px;padding:32px}.cri-page-state-code{color:var(--text-2);margin:0 0 12px;font-size:.875rem;font-weight:500;line-height:1.5}.cri-page-state-card h1{color:var(--text-1);overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.cri-page-state-description{color:var(--text-2);overflow-wrap:anywhere;margin:12px 0 0;font-size:1rem;line-height:1.65}.cri-page-state-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:24px;display:flex}.cri-page-state-primary,.cri-page-state-secondary{max-width:100%;min-height:44px;font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.cri-page-state-primary{color:var(--button-on-fill);background:var(--button-fill)}.cri-page-state-primary:hover:not(:disabled){background:var(--button-fill-hover)}.cri-page-state-primary:disabled{opacity:.6;cursor:not-allowed}.cri-page-state-secondary{color:var(--text-1);background:0 0;padding-inline:0}.cri-page-state-secondary:hover{text-underline-offset:3px;text-decoration:underline}.cri-page-state a:focus-visible,.cri-page-state button:focus-visible{outline:2px solid var(--field-focus,var(--text-1));outline-offset:3px}:is(.cri-warm,.cri-app) .cri-page-state-topbar{display:none}:is(.cri-warm,.cri-app) .cri-page-state--standalone{min-height:60dvh}@media (max-width:600px){.cri-page-state-topbar{padding:12px 16px}.cri-page-state-brand{font-size:1rem}.cri-page-state-content{padding:24px 16px calc(32px + var(--cookie-banner-offset,0px))}.cri-page-state-card{padding:24px 20px}.cri-page-state-actions{flex-direction:column;align-items:stretch;gap:8px}}
