/* ProofYear v1 responsive QA overrides. Loaded after public-v1.css. */

/* Language and theme remain first-class controls on every public viewport. */
@media(max-width:820px){
  .public-v1 .v1-language{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:36px;padding:0;border:1px solid var(--v1-line);border-radius:999px;color:var(--v1-ink);font-size:0;line-height:1}
  html[lang=en] .public-v1 .v1-language::before{content:'AR';font-size:11px;font-weight:800;letter-spacing:.04em}
  html[lang=ar] .public-v1 .v1-language::before{content:'EN';font-size:11px;font-weight:800;letter-spacing:.04em}
  .public-v1 .v1-language::after{display:none}
  .public-v1 .v1-tools{gap:8px}
}
@media(max-width:390px){
  .public-v1 .v1-theme{display:inline-grid;width:34px;height:34px}
  .public-v1 .v1-language{min-width:32px;min-height:34px}
  .public-v1 .v1-apply{padding-inline:10px}
}
@media(max-width:350px){
  .public-v1 .v1-header{width:calc(100% - 18px);gap:8px}
  .public-v1 .v1-wordmark{font-size:22px}
  .public-v1 .v1-tools{gap:5px}
  .public-v1 .v1-theme{width:32px;height:32px}
  .public-v1 .v1-language{min-width:30px;min-height:32px}
  .public-v1 .v1-apply{min-height:34px;padding-inline:8px;font-size:11px}
}

/* Arabic needs its own vertical composition rather than a mirrored English scale. */
@media(min-width:1061px){
  html[dir=rtl] .public-v1 .v1-stage{padding-block:clamp(36px,4.6vh,60px) clamp(48px,6vh,78px);gap:clamp(42px,5vw,78px)}
  html[dir=rtl] .public-v1 .v1-copy h1{font-size:clamp(50px,4.4vw,72px);line-height:1.14}
  html[dir=rtl] .public-v1 .v1-lead{margin-top:22px;max-width:700px;font-size:clamp(17px,1.2vw,20px);line-height:1.72}
  html[dir=rtl] .public-v1 .v1-role-form{margin-top:28px}
  html[dir=rtl] .public-v1 .v1-artifact{min-height:610px}
  html[dir=rtl] .public-v1 .v1-artifact-body{padding:34px 34px 25px}
  html[dir=rtl] .public-v1 .v1-artifact-body header{padding-bottom:17px}
  html[dir=rtl] .public-v1 .v1-artifact-body header p{font-size:17px}
  html[dir=rtl] .public-v1 .v1-artifact-body section{padding:15px 0}
  html[dir=rtl] .public-v1 .v1-artifact-body section>span{margin-bottom:5px;font-size:10px}
  html[dir=rtl] .public-v1 .v1-artifact-body h2{font-size:28px;line-height:1.35}
  html[dir=rtl] .public-v1 .v1-artifact-body section p{font-size:16px;line-height:1.62}
  html[dir=rtl] .public-v1 .v1-artifact-body .v1-artifact-future p{font-size:18px;line-height:1.55}
  html[dir=rtl] .public-v1 .v1-artifact-body footer{padding-top:18px}
  html[dir=rtl] .public-v1 .v1-artifact-actions{margin-top:17px}
}

/* Compact-height laptops keep the product object and the proposition in one coherent scene. */
@media(min-width:1061px) and (max-height:850px){
  .public-v1 .v1-stage{padding-block:28px 42px;gap:clamp(38px,4.6vw,68px)}
  .public-v1 .v1-eyebrow{margin-bottom:15px}
  .public-v1 .v1-copy h1{font-size:clamp(52px,4.7vw,70px);line-height:.96}
  .public-v1 .v1-lead{margin-top:19px;font-size:17px;line-height:1.48}
  .public-v1 .v1-role-form{margin-top:23px}
  .public-v1 .v1-role-control{min-height:58px}
  .public-v1 .v1-role-control input{font-size:18px}
  .public-v1 .v1-role-help{margin-top:11px}
  .public-v1 .v1-artifact{min-height:550px}
  .public-v1 .v1-artifact-body{padding:28px 30px 21px}
  .public-v1 .v1-artifact-body header{padding-bottom:14px}
  .public-v1 .v1-artifact-body header p{font-size:18px}
  .public-v1 .v1-artifact-body section{padding:12px 0}
  .public-v1 .v1-artifact-body section>span{margin-bottom:4px}
  .public-v1 .v1-artifact-body h2{font-size:27px}
  .public-v1 .v1-artifact-body section p{font-size:16px;line-height:1.25}
  .public-v1 .v1-artifact-body .v1-artifact-future p{font-size:18px}
  .public-v1 .v1-artifact-body footer{padding-top:14px}
  .public-v1 .v1-artifact-actions{margin-top:14px}
  html[dir=rtl] .public-v1 .v1-copy h1{font-size:clamp(47px,4.1vw,62px);line-height:1.12}
  html[dir=rtl] .public-v1 .v1-lead{margin-top:16px;font-size:16px;line-height:1.58}
  html[dir=rtl] .public-v1 .v1-role-form{margin-top:20px}
  html[dir=rtl] .public-v1 .v1-artifact-body header p{font-size:15px}
  html[dir=rtl] .public-v1 .v1-artifact-body h2{font-size:25px}
  html[dir=rtl] .public-v1 .v1-artifact-body section p{font-size:14px;line-height:1.5}
  html[dir=rtl] .public-v1 .v1-artifact-body .v1-artifact-future p{font-size:16px;line-height:1.48}
}

/* Avoid clipping keyboard focus inside the horizontally scrollable profession suggestions. */
@media(max-width:600px){
  .public-v1 .v1-role-suggestions{padding-inline:3px;padding-block:3px 6px;scroll-padding-inline:8px}
}

/* Homepage role theatre: the active profession is unmistakable while the field types. */
.public-v1 .v1-start-free{border:0;cursor:pointer;font:inherit}
.public-v1 .v1-role-control.is-auto-typing{border-color:var(--v1-warm);box-shadow:0 0 0 4px color-mix(in srgb,var(--v1-warm) 14%,transparent),0 15px 34px rgba(43,47,54,.1)}
.public-v1 .v1-role-control.is-auto-typing input{font-weight:680;letter-spacing:-.01em}
.public-v1 .v1-role-suggestions button[aria-pressed=true]{border-color:var(--v1-warm);background:color-mix(in srgb,var(--v1-warm) 18%,var(--v1-surface-solid));box-shadow:0 7px 20px color-mix(in srgb,var(--v1-warm) 16%,transparent);transform:translateY(-2px)}

/* One CTA language: every public primary action uses the same black treatment as Subscribe. */
.public-v1 .v1-apply,
.public-v1 .v1-role-control button,
.public-v1 .v1-build,
.public-v1 .v1-editorial-primary,
.public-v1 .v1-editorial-cta a,
.public-v1 .v1-apply-bridge a,
.public-v1 .newsletter .button{
  background:#000;
  border-color:#000;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.public-v1 .v1-apply:hover,
.public-v1 .v1-role-control button:hover,
.public-v1 .v1-build:hover,
.public-v1 .v1-editorial-primary:hover,
.public-v1 .v1-editorial-cta a:hover,
.public-v1 .v1-apply-bridge a:hover,
.public-v1 .newsletter .button:hover{
  background:#000;
  border-color:#000;
  color:#fff;
  opacity:.86;
}

/* Privacy and Terms are compact documents, not editorial landing pages. */
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]),
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]),
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]),
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]){
  --v1-static-reading:820px;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial{
  width:min(calc(100% - 64px),980px);
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-hero,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-hero,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-hero,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-hero{
  min-height:0;
  display:block;
  padding:52px 0 38px;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-kicker,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-kicker,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-kicker,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-kicker,
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-hero aside,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-hero aside,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-hero aside,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-hero aside{
  display:none;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-title,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-title,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-title,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-title{
  max-width:var(--v1-static-reading);
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-title h1,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-title h1{
  font-size:clamp(48px,5.2vw,72px);
  line-height:1;
}
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-title h1,
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-title h1{
  font-size:clamp(45px,4.8vw,66px);
  line-height:1.22;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-title>p,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-title>p,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-title>p,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-title>p{
  max-width:760px;
  margin-top:18px;
  font-size:18px;
  line-height:1.62;
}
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-title>p,
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-title>p{
  line-height:1.85;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-body,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-body,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-body,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-body{
  max-width:var(--v1-static-reading);
  padding:8px 0 38px;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-block,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-block,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-block,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-block,
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-block:nth-child(even),
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-block:nth-child(even),
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-block:nth-child(even),
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-block:nth-child(even){
  display:block;
  padding:25px 0;
  padding-inline-start:0;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-block-index,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-block-index,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-block-index,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-block-index{
  display:none;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-block h2,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-block h2{
  margin-bottom:9px;
  font-size:clamp(25px,2.4vw,32px);
  line-height:1.18;
  letter-spacing:-.025em;
}
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-block h2,
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-block h2{
  margin-bottom:8px;
  font-size:clamp(25px,2.3vw,31px);
  line-height:1.45;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-block p,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-block p,
body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-block p,
body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-block p{
  max-width:780px;
  font-size:16.5px;
  line-height:1.68;
}
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-block p,
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-block p{
  font-size:17px;
  line-height:1.85;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-apply-bridge,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-apply-bridge{
  max-width:var(--v1-static-reading);
  margin:0 0 52px;
  padding:26px 0 0;
  grid-template-columns:1fr;
  gap:18px;
}
body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-apply-bridge p,
body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-apply-bridge p{
  font-family:var(--ui-en);
  font-size:16px;
  line-height:1.6;
  letter-spacing:0;
}
html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-apply-bridge p{
  font-family:var(--ui-ar);
  line-height:1.8;
}
@media(max-width:600px){
  body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial,
  body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial,
  body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial,
  body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial{width:calc(100% - 32px)}
  body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-hero,
  body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-hero,
  body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-hero,
  body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-hero{padding:32px 0 27px}
  body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-title h1,
  body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-title h1{font-size:44px}
  html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-title h1,
  html[dir=rtl] body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-title h1{font-size:42px}
  body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-title>p,
  body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-title>p,
  body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-title>p,
  body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-title>p{margin-top:14px;font-size:16.5px}
  body.public-v1:has(.v1-editorial-body[aria-label="Privacy"]) .v1-editorial-block,
  body.public-v1:has(.v1-editorial-body[aria-label="الخصوصية"]) .v1-editorial-block,
  body.public-v1:has(.v1-editorial-body[aria-label="Terms"]) .v1-editorial-block,
  body.public-v1:has(.v1-editorial-body[aria-label="الشروط"]) .v1-editorial-block{padding:21px 0}
}
