*{box-sizing:border-box}html,body{margin:0;color:#070b65;background:#fff;font-family:'Times New Roman',serif}body{overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #2142bd;outline-offset:3px}button:active{filter:brightness(.95)}[hidden]{display:none!important}#candidate{width:min(100vw,536px);margin:auto}#candidate>.languages{display:none}.artboard{position:relative;width:536px;max-width:100%;aspect-ratio:536/1010;container-type:inline-size;overflow:hidden;isolation:isolate;background:#fff}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-2}.heading{position:absolute;display:flex;align-items:center;justify-content:center;gap:3.4cqw;margin:0;width:100%;font-size:7.1cqw;font-weight:700;line-height:1.05;letter-spacing:-.24cqw;white-space:nowrap}.heading::before,.heading::after{content:'';height:.45cqw;width:9.3cqw;background:linear-gradient(90deg,#bc7106,#ffbe39);flex-shrink:0}.start-heading{top:8.8%}.medal{position:absolute;aspect-ratio:1;filter:drop-shadow(0 .8cqw 1.1cqw #7c54052b)}.medal .shell{position:absolute;width:100%;height:100%}.medal .core{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.large{width:58.2%;left:20.9%;top:31.7%}.orbit{position:absolute;left:8.6%;top:19.5%;width:82.8%;height:55.3%;border:solid .7cqw #e9a31c;border-radius:50%;box-shadow:inset .15cqw .15cqw .15cqw #ffed90,.15cqw .15cqw .15cqw #ba7608;z-index:-1}.language{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5cqw;width:23%;min-width:44px;border:0;padding:0;background:none;transform:translate(-50%,-7.4cqw);font-size:5.25cqw;font-weight:700;line-height:1.13}.flag{position:relative;display:block;width:100%;aspect-ratio:1;flex-shrink:0;filter:drop-shadow(0 .6cqw .65cqw #6a4e1938)}.flag-art{position:absolute;inset:7.4%;width:85.2%;height:85.2%;border-radius:50%;object-fit:cover}.flag-rim,.flag-lens{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.label{white-space:nowrap;letter-spacing:-.15cqw}.language .flag{width:91%}.language[data-code=zh] .label{font-size:4.55cqw;letter-spacing:-.2cqw}.language[data-code=hi] .label{font-size:4.95cqw}.language[data-code=ar]{font-size:5.5cqw}.all{position:absolute;left:15.7%;top:83.9%;width:68.6%;height:10.1%;display:flex;align-items:center;justify-content:center;gap:3.2cqw;padding:2cqw 3.7cqw;border:.95cqw solid transparent;border-radius:12cqw;background:linear-gradient(white,white) padding-box,linear-gradient(125deg,#ba6e00,#fff2ab 15%,#e39b14 25%,#ffdf72 49%,#c88607 64%,#ffffd1 80%,#ce8208) border-box;box-shadow:inset 0 0 0 .35cqw #e7b349,inset 0 0 0 1.25cqw white,0 .55cqw 1cqw #82531225;font-size:6.3cqw;font-weight:700;white-space:nowrap;letter-spacing:-.2cqw}.all>img{width:18.5%;height:auto}.all>span{border-left:.25cqw solid #c58413;padding-left:3.1cqw}.languages .backdrop{transform:scaleX(-1)}.small{width:24.6%;left:38.5%;top:5.65%}.back{position:absolute;left:4.8%;top:7%;width:13.2%;aspect-ratio:1;padding:0;border:0;background:transparent;filter:drop-shadow(0 .6cqw .7cqw #6a4e1935)}.back img{width:100%;height:100%}.list-heading{top:18.2%;font-size:8.5cqw;gap:5.7cqw}.list-heading::before,.list-heading::after{width:11cqw}.search{position:absolute;left:4.1%;top:23.85%;width:92%;height:6.2%;border:.22cqw solid #dfe0e4;border-radius:8cqw;background:#ffffffde;box-shadow:0 1.1cqw 2.2cqw #17223b13;display:flex;align-items:center;padding:0 4cqw;gap:3.2cqw}.search svg{width:5.8cqw;height:5.8cqw;flex-shrink:0;fill:none;stroke:#686b72;stroke-width:2.2}.search input{width:100%;min-width:0;border:0;background:transparent;outline-offset:0;font:4.4cqw/1.2 Arial,sans-serif;color:#454950;padding:0}.search input::placeholder{color:#686b72;opacity:1}.tiles{position:absolute;top:31.9%;left:4.1%;width:92%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.9cqw 2.6cqw}.tile{display:flex;align-items:center;gap:2.7cqw;min-height:17cqw;padding:1.1cqw 2cqw;border:.2cqw solid #e4af40;border-radius:4cqw;background:#ffffffba;text-align:start;font-size:5.7cqw;line-height:1.15;font-weight:700;letter-spacing:-.2cqw}.tile .flag{width:35%;max-width:15.6cqw}.tile span:last-child{white-space:nowrap}.empty{position:absolute;top:44%;width:100%;text-align:center;font:4.2cqw Arial,sans-serif}.comparison{width:1690px;min-width:1690px;background:#f1f3f7;font-family:Arial,sans-serif}.comparison>header{padding:22px 30px 12px;color:#172357}.comparison>header strong{font-size:23px}.comparison>header p{font-size:15px;margin:8px 0}.comparison-grid{display:grid;grid-template-columns:repeat(4,390px);gap:24px;margin:0 29px}.comparison-grid article h2{font-size:18px;margin:6px 0 12px;color:#172357}.panel{width:390px;height:735px;overflow:hidden;background:white;box-shadow:0 3px 14px #15244b1a}.scaled{width:536px;height:1010px;transform:scale(.72761194);transform-origin:top left}.reference{width:536px;height:1010px;overflow:hidden;position:relative}.reference img{position:absolute;width:1374px;height:1145px;max-width:none}.comparison>footer{font-size:14px;color:#283451;padding:20px 30px;line-height:1.4}dialog{max-width:calc(100vw - 32px);border:1px solid #c48c23;border-radius:16px;color:#09145f;padding:24px}dialog::backdrop{background:#00113866}dialog button{min-height:48px;padding:8px 24px;border:1px solid #c48c23;border-radius:24px;background:white}dialog p{font:16px/1.5 Arial,sans-serif}
.language{transform:translate(-50%,-10.45cqw)}.bead{position:absolute;width:3.17%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 32% 23%,#fffde0 0%,#ffdf66 22%,#fbb723 52%,#b16b00 100%);box-shadow:0 .2cqw .3cqw #86580033}
.tile{font-size:5cqw;gap:2cqw;padding:1.1cqw 1.5cqw}.tile .flag{width:33%;max-width:15cqw}.tile span:last-child{white-space:normal;min-width:0}.tile[data-code=id] span:last-child{font-size:4cqw}.tile[data-code=ur] span:last-child{font-size:5.7cqw}
.orbit{inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:url(assets/orbit.svg) center/100% 100% no-repeat}
.artboard{font-family:"Times New Roman",serif}.medal .core{inset:12%;width:76%;height:76%}
#candidate{width:min(100%,536px,calc((100svh - 1px)*.5306930693))}.back img{display:block}

.language[data-code=en]{left:50.0%;top:19.702970297029704%}
.language[data-code=tr]{left:21.828358208955223%;top:24.85148514851485%}
.language[data-code=de]{left:77.79850746268657%;top:24.85148514851485%}
.language[data-code=es]{left:11.007462686567164%;top:38.71287128712871%}
.language[data-code=zh]{left:88.99253731343283%;top:38.71287128712871%}
.language[data-code=fr]{left:11.007462686567164%;top:54.05940594059406%}
.language[data-code=hi]{left:88.99253731343283%;top:54.05940594059406%}
.language[data-code=pt]{left:22.201492537313435%;top:67.62376237623762%}
.language[data-code=it]{left:77.42537313432835%;top:67.62376237623762%}
.language[data-code=ar]{left:50.0%;top:73.66336633663366%}
.bead-0{left:34.51492537313433%;top:20.495049504950494%}
.bead-1{left:65.29850746268657%;top:20.495049504950494%}
.bead-2{left:11.567164179104477%;top:31.287128712871286%}
.bead-3{left:88.43283582089553%;top:31.287128712871286%}
.bead-4{left:11.007462686567164%;top:47.227722772277225%}
.bead-5{left:88.99253731343283%;top:47.227722772277225%}
.bead-6{left:11.194029850746269%;top:62.97029702970297%}
.bead-7{left:88.61940298507463%;top:62.97029702970297%}
.bead-8{left:35.44776119402985%;top:72.27722772277228%}
.bead-9{left:65.29850746268657%;top:72.27722772277228%}
.reference.ref-106 img{left:-106px;top:-28px}.reference.ref-731 img{left:-731px;top:-28px}
:root{--ink:#07156a;--gold:#d99410;--muted:#4c5670;--line:#dce0e9;--bar:48px}body{background:#fff}button,input,textarea,select,a{touch-action:manipulation}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2142bd;outline-offset:3px}input,textarea,select{font:17px/1.45 Arial,sans-serif;color:var(--ink)}button{min-height:44px}textarea{resize:vertical}.test-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--bar);padding:0 16px;background:#f2f4f9;border-bottom:1px solid #d5dce9;font:12px/1.3 Arial,sans-serif;color:#283657}.test-toolbar button{border:0;background:none;text-decoration:underline;font:inherit;white-space:nowrap;padding:0 4px;min-height:48px}#candidate{width:min(100%,536px,calc((100svh - var(--bar) - 1px)*.5306930693))}.start-compose{position:absolute;inset:0;container-type:inline-size}.start-compose .large{top:31.7%}.language{border-radius:50%}.language:hover .flag{filter:drop-shadow(0 .6cqw .65cqw #6a4e1955)}#flow{min-height:calc(100svh - var(--bar));background:#fff url('../assets/optimized-v20/language-fabric.webp') center/cover fixed no-repeat;padding:24px 16px 40px}.flow-shell{max-width:1000px;margin:auto;color:var(--ink);font:17px/1.5 Arial,sans-serif}.flow-shell h1,.flow-shell h2,.flow-shell h3{font-family:'Times New Roman',serif;line-height:1.15;margin:0 0 16px}.flow-shell h1{font-size:36px}.flow-shell h2{font-size:27px}.flow-shell h3{font-size:22px}.flow-shell p{margin:0 0 16px}.flow-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.flow-brand img{width:54px;height:54px}.flow-brand button{flex-shrink:0}.flow-topline{font-size:13px;color:var(--muted)}.flow-status{font:13px/1.5 Arial,sans-serif;background:#fff8e6;border-left:3px solid var(--gold);padding:12px 16px;margin-bottom:20px}.flow-card{background:#ffffffed;border:1px solid var(--line);border-radius:22px;padding:24px;margin:0 0 18px;overflow-wrap:anywhere}.flow-card.accent{border-color:var(--gold)}.flow-lead{font-size:20px;line-height:1.6}.flow-shell .eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.flow-shell .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.btn,.flow-shell button,.flow-shell a.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:25px;padding:11px 20px;background:white;color:var(--ink);font:600 16px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer}.flow-shell .primary{background:var(--ink);border-color:var(--ink);color:white}.flow-shell .quiet-button{border:0;background:transparent;text-decoration:underline;padding-inline:4px;text-align:start}.flow-shell button:active{filter:brightness(.93)}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-grid .choice{text-align:start;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:12px;border-radius:20px;padding:20px;background:white;min-height:160px}.choice strong{font-family:'Times New Roman',serif;font-size:25px}.choice span{font-weight:400;font-size:14px;color:var(--muted)}.reference-list{display:grid;gap:12px}.reference-list button{justify-content:space-between;text-align:start;border-radius:16px;padding:16px 20px;width:100%;gap:16px;background:#fff}.ref-number{font-size:14px;color:var(--muted)}.flow-shell label{display:block;font-weight:600;margin:18px 0 8px}.flow-shell input,.flow-shell textarea,.flow-shell select{display:block;width:100%;max-width:100%;min-height:48px;border:1px solid #8e9ab2;border-radius:12px;padding:11px 14px;background:white}.flow-shell textarea{min-height:110px}.flow-shell .note{font-size:14px;color:var(--muted);line-height:1.5}.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flow-shell dl{margin:0}.flow-shell dt{font-size:13px;color:var(--muted);margin-top:14px}.flow-shell dd{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.flow-shell li{margin-bottom:10px}.flow-shell details>summary{min-height:48px;cursor:pointer;padding-block:10px;text-decoration:underline}.flow-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}.flow-footer p{margin:0;max-width:600px}.flow-shell .inline-message{padding:12px;background:#f1f4fa;border-radius:12px;margin:12px 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#flow [tabindex='-1']:focus{outline:none}.flow-shell .source{font-size:14px;word-break:break-word}.flow-shell .role-warning{background:#07156a;color:white;border-radius:16px;padding:16px;margin-bottom:20px}#language-note,#demo-confirm{font:17px/1.5 Arial,sans-serif;max-width:min(520px,calc(100% - 32px));border:1px solid var(--gold);border-radius:20px;padding:24px;color:var(--ink)}dialog .row{display:flex;gap:12px;flex-wrap:wrap}dialog button{min-height:48px;border:1px solid var(--gold);border-radius:24px;background:white;padding:10px 16px;font:16px Arial,sans-serif}dialog::backdrop{background:#00113866}.flow-shell .rule{border-left:3px solid var(--gold);padding-left:16px}.flow-shell .pill{display:inline-block;border:1px solid #d5ad57;border-radius:20px;font-size:12px;padding:5px 12px;margin-bottom:12px;background:white}.flow-shell .safe{white-space:pre-wrap;overflow-wrap:anywhere}.flow-shell .local-status{font-weight:700;color:#233859}
@media(max-width:650px){.test-toolbar{padding-inline:10px;font-size:10px}.test-toolbar button{font-size:11px}#flow{padding:16px 12px 28px}.flow-shell h1{font-size:30px}.flow-card{padding:20px 16px}.flow-grid,.facts-grid{grid-template-columns:1fr}.flow-grid .choice{min-height:120px}.flow-lead{font-size:18px}.flow-shell .row .primary{width:100%}.flow-brand{gap:10px}.flow-brand button{padding:10px 14px}.flow-shell .row{gap:10px}.flow-shell .source{font-size:13px}}
@media(max-width:999px) and (orientation:landscape){#candidate{width:min(100%,536px)}}
@media(min-width:1000px) and (min-height:600px){#candidate{width:100%;max-width:none}.artboard.start{width:100%;max-width:none;aspect-ratio:auto;height:calc(100svh - var(--bar));min-height:650px}.start .backdrop{object-fit:cover}.start-heading{top:22px;font-size:36px;gap:20px;letter-spacing:-1px}.start-heading::before,.start-heading::after{height:2px;width:44px}.start-compose{inset:auto;width:min(calc(100vw - 48px),1000px);height:calc(100svh - 280px);max-height:620px;min-height:420px;top:72px;left:50%;transform:translateX(-50%);container-type:size}.start-compose .large{width:43cqh;left:50%;top:50%;transform:translate(-50%,-50%)}.start .language{width:16cqh;min-width:76px;font-size:3.5cqh;gap:3px;transform:translate(-50%,-7.3cqh)}.start .language[data-code=zh] .label{font-size:3.2cqh;letter-spacing:0}.start .language[data-code=hi] .label,.start .language[data-code=ar] .label{font-size:3.5cqh}.start .label{letter-spacing:-.4px}.start .orbit{background-image:url('assets/orbit-wide.svg')}.start .all{width:330px;height:78px;top:auto;bottom:22px;left:50%;transform:translateX(-50%);border-width:5px;border-radius:50px;gap:18px;padding:12px 20px;font-size:29px;letter-spacing:-1px;box-shadow:inset 0 0 0 1px #e7b349,inset 0 0 0 5px white,0 3px 6px #82531225}.start .all>img{width:50px}.start .all>span{border-left-width:1px;padding-left:18px}.artboard.languages{margin:auto;width:min(100%,620px,calc((100svh - var(--bar) - 1px)*.5306930693))}.start .flag{filter:drop-shadow(0 3px 4px #6a4e1938)}.start .large{filter:drop-shadow(0 5px 7px #7c54052b)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.flow-medal{position:relative;display:block;width:54px;height:54px;flex-shrink:0}.flow-medal img{position:absolute;inset:0;width:100%;height:100%}.flow-medal img.core{inset:12%;width:76%;height:76%}
@media(min-width:1000px) and (min-height:600px){.start>.backdrop{content:url(paper-assets/paper-ribbons-landscape.png)}}

@media(min-width:1000px) and (min-height:600px){.start .language[data-code=en]{left:50.0%;top:10.0%}.start .language[data-code=tr]{left:26.5%;top:17.857142857142858%}.start .language[data-code=de]{left:73.5%;top:17.857142857142858%}.start .language[data-code=es]{left:14.0%;top:39.285714285714285%}.start .language[data-code=zh]{left:86.0%;top:39.285714285714285%}.start .language[data-code=fr]{left:14.0%;top:62.857142857142854%}.start .language[data-code=hi]{left:86.0%;top:62.857142857142854%}.start .language[data-code=pt]{left:26.5%;top:83.57142857142857%}.start .language[data-code=it]{left:73.5%;top:83.57142857142857%}.start .language[data-code=ar]{left:50.0%;top:91.42857142857143%}}

/* G1: geometry only, preserving all graphic masters and dialogue. */
/* The coordinate space is square at every viewport. Height never compresses it. */
#candidate[data-screen="start"],#candidate[data-screen="languages"]{width:100%;max-width:none}
#candidate[data-screen="start"]>.start{display:grid!important;grid-template-rows:auto minmax(min-content,1fr) auto;align-content:start}
.artboard.start{width:100%;max-width:none;aspect-ratio:auto;height:auto;min-height:calc(100svh - var(--bar));padding:0 0 24px;overflow:hidden}
.start>.start-heading{position:relative;top:auto;left:auto;margin:0;width:100%;padding:28px 8px 20px;font-size:clamp(26px,4vw,42px);line-height:1.1;gap:clamp(10px,2vw,24px);letter-spacing:-.03em}
.start>.start-heading::before,.start>.start-heading::after{width:clamp(24px,4vw,50px);height:2px}
.start .start-compose{position:relative;inset:auto;width:min(calc(100% - 16px),900px);height:auto;min-height:0;max-height:none;aspect-ratio:1;left:auto;top:auto;transform:none;align-self:center;justify-self:center;margin:16px auto 32px;container-type:inline-size;overflow:visible}
.start .start-compose .large{left:50%;top:50%;width:38cqw;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
.start .start-compose .orbit{inset:0;width:100%;height:100%;border:0;box-shadow:none;background:url('assets/orbit-circle-G1.svg') center/100% 100% no-repeat}
.start .start-compose .language{width:18.3cqw;min-width:44px;min-height:44px;padding:0;border:0;font-size:clamp(16px,3.6cqw,32px);line-height:1.15;gap:clamp(3px,.8cqw,7px);transform:translate(-50%,-9.15cqw);pointer-events:none}
.start .start-compose .language .flag{width:100%;pointer-events:auto}
.start .start-compose .language .label{font-size:inherit;letter-spacing:-.025em;pointer-events:auto;white-space:nowrap}
.start .start-compose .language[data-code="zh"] .label,.start .start-compose .language[data-code="hi"] .label,.start .start-compose .language[data-code="ar"] .label{font-size:inherit;letter-spacing:0}
.start .start-compose .language[data-code="tr"] .label{transform:translateX(2cqw)}
.start .start-compose .language[data-code="de"] .label{transform:translateX(-2cqw)}
.start .start-compose .language[data-code="fr"] .label{transform:translateX(-5cqw)}
.start .start-compose .language[data-code="hi"] .label{transform:translateX(3cqw)}
.start>.all{position:relative;inset:auto;left:auto;top:auto;bottom:auto;transform:none;justify-self:center;align-self:end;width:clamp(270px,38vw,410px);height:clamp(76px,8.5vw,100px);min-height:76px;margin:0 auto;border-width:5px;border-radius:60px;padding:12px 20px;gap:16px;font-size:clamp(25px,3vw,36px);letter-spacing:-.025em;box-shadow:inset 0 0 0 1px #e7b349,inset 0 0 0 5px white,0 3px 6px #82531225}
.start>.all>img{width:clamp(46px,5vw,62px);height:auto}.start>.all>span{border-left-width:1px;padding-left:16px}
/* Same language-page DOM/content; fluid layout replaces the narrow phone canvas. */
#candidate[data-screen="languages"]>.languages{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start;row-gap:12px}
.artboard.languages{width:100%;max-width:none;aspect-ratio:auto;height:auto;min-height:calc(100svh - var(--bar));margin:0;padding:16px 12px 20px;overflow:hidden}
.languages>.small{position:relative;inset:auto;width:84px;height:84px;justify-self:center;filter:drop-shadow(0 3px 5px #7c54052b)}
.languages>.back{left:12px;top:22px;width:48px;height:48px;min-height:48px;filter:drop-shadow(0 3px 4px #6a4e1935)}
.languages>.list-heading{position:relative;inset:auto;width:100%;font-size:30px;line-height:1.1;letter-spacing:-.025em;gap:16px}
.languages>.list-heading::before,.languages>.list-heading::after{width:38px;height:2px}
.languages>.search{position:relative;inset:auto;width:100%;max-width:800px;height:48px;margin:auto;padding:0 16px;gap:12px;border-width:1px;border-radius:36px;box-shadow:0 5px 10px #17223b13}
.languages>.search svg{width:24px;height:24px}.languages>.search input{font-size:16px;min-height:44px}
.languages>.tiles{position:relative;inset:auto;width:100%;max-width:1360px;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.languages .tile{height:auto;min-height:78px;padding:8px;gap:8px;border-width:1px;border-radius:16px;font-size:18px;letter-spacing:-.02em;line-height:1.15;overflow-wrap:normal}
.languages .tile .flag{width:54px;max-width:none;height:54px;filter:drop-shadow(0 2px 3px #6a4e1938)}
.languages .tile span:last-child{font-size:inherit;white-space:normal;min-width:0}
.languages .tile[data-code="id"] span:last-child,.languages .tile[data-code="ur"] span:last-child{font-size:inherit}
.languages>.empty{position:relative;inset:auto;margin:16px auto;font:18px Arial,sans-serif}
@media(min-width:600px){#candidate[data-screen="languages"]>.languages{row-gap:18px}.artboard.languages{padding:24px 24px 28px}.languages>.small{width:108px;height:108px}.languages>.back{left:28px;top:32px;width:56px;height:56px}.languages>.list-heading{font-size:38px;gap:22px}.languages>.list-heading::before,.languages>.list-heading::after{width:50px}.languages>.search{height:56px;padding-inline:22px;gap:14px}.languages>.search input{font-size:19px}.languages>.search svg{width:28px;height:28px}.languages>.tiles{gap:14px 16px}.languages .tile{min-height:108px;padding:12px;gap:12px;font-size:24px;border-radius:20px}.languages .tile .flag{width:84px;height:84px}}
@media(min-width:900px) and (max-width:1199px) and (orientation:landscape){#candidate[data-screen="languages"]>.languages{row-gap:14px}.artboard.languages{padding:16px 24px 24px}.languages>.small{width:88px;height:88px}.languages>.back{top:24px}.languages>.list-heading{font-size:36px}.languages>.search{height:52px}.languages>.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.languages .tile{min-height:98px;padding:10px;gap:10px;font-size:20px}.languages .tile .flag{width:72px;height:72px}}
@media(min-width:1200px){#candidate[data-screen="languages"]>.languages{row-gap:20px}.artboard.languages{padding:24px 32px 32px}.languages>.small{width:124px;height:124px}.languages>.back{left:40px;top:36px;width:64px;height:64px}.languages>.list-heading{font-size:46px;gap:28px}.languages>.list-heading::before,.languages>.list-heading::after{width:64px}.languages>.search{height:60px}.languages>.search input{font-size:21px}.languages>.search svg{width:30px;height:30px}.languages>.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px}.languages .tile{min-height:124px;padding:12px;gap:12px;font-size:24px}.languages .tile .flag{width:96px;height:96px}}
.languages>.backdrop{object-fit:cover}@media(min-width:600px) and (orientation:portrait){.languages>.backdrop{content:url(paper-assets/paper-ribbons-portrait.png)}}@media(min-width:900px) and (orientation:landscape){.languages>.backdrop{content:url(paper-assets/paper-ribbons-landscape.png)}}
@media(min-width:600px) and (max-width:1199px){.start .start-compose{max-width:760px}}

.start .start-compose .language[data-code="en"]{left:50.0%;top:10.799999999999997%}
.start .start-compose .language[data-code="tr"]{left:29.22716484205837%;top:16.756514630668093%}
.start .start-compose .language[data-code="de"]{left:70.77283515794163%;top:16.756514630668093%}
.start .start-compose .language[data-code="es"]{left:13.654392900981932%;top:35.31542153809624%}
.start .start-compose .language[data-code="zh"]{left:86.34560709901807%;top:35.315421538096246%}
.start .start-compose .language[data-code="fr"]{left:13.654392900981932%;top:64.68457846190375%}
.start .start-compose .language[data-code="hi"]{left:86.34560709901807%;top:64.68457846190375%}
.start .start-compose .language[data-code="pt"]{left:26.958818110135056%;top:81.71346617949794%}
.start .start-compose .language[data-code="it"]{left:73.04118188986494%;top:81.71346617949794%}
.start .start-compose .language[data-code="ar"]{left:50.0%;top:89.2%}
/* G2: size the square against both axes; group mobile content without 1fr gaps. */
#candidate[data-screen="start"]>.start{grid-template-rows:auto auto auto;align-content:center;--start-title-font:clamp(26px,4vw,42px);--start-title-row:calc(var(--start-title-font)*1.1 + 48px);--start-action-row:clamp(76px,8.5vw,100px);--start-chrome:calc(var(--bar) + 1px + var(--start-title-row) + var(--start-action-row) + 24px + 48px + 3px)}
.artboard.start{min-height:calc(100svh - var(--bar) - 1px)}
#candidate[data-screen="start"]~#app-announcement{position:fixed;inset:0 auto auto 0;margin:0}
@media(min-width:600px){.start .start-compose{width:min(calc(100% - 16px),900px,max(280px,calc(100svh - var(--start-chrome))))}}

/* Comparison-only additions; approved SVGs, colours and base geometry are reused. */
.test-toolbar nav{display:flex;align-items:center;gap:14px}.test-toolbar nav a{color:inherit;font:inherit}.test-toolbar nav button{font:inherit}
#candidate a.medal{display:block;color:inherit;text-decoration:none;padding:0;border:0}
.ab-future{max-width:760px;margin:32px auto;padding:28px;border:1px solid #c3a053;border-radius:20px;color:#101b60;background:white;font:18px/1.5 Arial,sans-serif}.ab-future h1{font-family:'Times New Roman',serif}.ab-future button{min-height:48px;padding:10px 20px;border-radius:24px;border:1px solid #b99548;background:white;color:#101b60}
body[data-variant="B"] .ab-groups{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto;max-width:800px;width:100%;font:16px/1.4 Arial,sans-serif;color:#101b60}
.ab-groups button{width:48px;height:48px;min-height:48px;display:flex;align-items:center;justify-content:center;flex:0 0 48px;padding:0;border:1px solid #c3a053;border-radius:50%;background:white}.ab-groups button img{width:34px;height:34px}.ab-groups [data-group-next] img{transform:rotate(180deg)}.ab-groups button:disabled{opacity:.35;cursor:default}.ab-groups [data-group-indicator]{min-width:190px;text-align:center}.ab-groups [data-group-indicator]:focus{outline:0}
body[data-variant="B"] .tiles{margin-top:0}.ab-enter-right{animation:ab-from-right 160ms ease-out}.ab-enter-left{animation:ab-from-left 160ms ease-out}
@keyframes ab-from-right{from{opacity:.65;translate:12px 0}to{opacity:1;translate:0 0}}
@keyframes ab-from-left{from{opacity:.65;translate:-12px 0}to{opacity:1;translate:0 0}}
[dir="rtl"] .ab-groups [data-group-prev] img{transform:rotate(180deg)}[dir="rtl"] .ab-groups [data-group-next] img{transform:none}
.tile [dir="auto"],.label[dir="auto"]{unicode-bidi:plaintext}
@media(prefers-reduced-motion:reduce){.ab-enter-right,.ab-enter-left{animation:none}}

#candidate a.medal:focus-visible{outline:3px solid #2142bd;outline-offset:3px;border-radius:50%}

/* Review only: use the removed search row to enlarge the existing SVG medal.
   The heading moves down; pager, flags, typography and colour remain unchanged. */
.languages>.small{width:144px;height:144px}
@media(min-width:600px){.languages>.small{width:182px;height:182px}}
@media(min-width:900px) and (max-width:1199px) and (orientation:landscape){.languages>.small{width:154px;height:154px}}
@media(min-width:1200px){.languages>.small{width:204px;height:204px}}

/* Height-aware review. No vertical overflow hiding: enlarged text may reflow. */
.artboard.languages{overflow:visible;padding-bottom:20px}
.languages>.list-heading{white-space:normal;text-align:center;font-size:1.875rem}
.languages>.list-heading>span{min-width:0;white-space:normal}
.languages>.list-heading::before,.languages>.list-heading::after{flex-shrink:1}
.languages .tile span:last-child{overflow-wrap:anywhere}
.languages .tile{font-size:1.125rem}
.ab-groups [data-group-indicator]{min-width:0}
body[data-variant="B"] .ab-groups{font-size:1rem}
.test-toolbar{font-size:.75rem}
@media(max-width:480px){.test-toolbar span{font-size:.6875rem}}
@media(min-width:600px){.languages .tile{font-size:1.5rem}.languages>.list-heading{font-size:2.375rem}}
@media(max-width:599px){
 .languages>.list-heading{font-size:1.875rem;gap:8px}
 .languages>.list-heading::before,.languages>.list-heading::after{width:24px}
}
@media(max-width:599px) and (max-height:820px){
 #candidate[data-screen="languages"]>.languages{row-gap:10px;padding:12px 12px}
 .languages>.small{width:120px;height:120px}
 .languages>.tiles{gap:8px}
 .languages .tile{min-height:64px;padding:6px;gap:6px}
 .languages .tile .flag{width:44px;height:44px}
}
@media(max-width:599px) and (max-height:640px){
 :root{--bar:32px}
 #candidate[data-screen="languages"]>.languages{row-gap:6px;padding:8px}
 .languages>.small{width:96px;height:96px}
 .languages>.list-heading{font-size:1.5rem;gap:6px}
 .languages>.list-heading::before,.languages>.list-heading::after{width:18px}
 .languages>.tiles{gap:6px}
 .languages .tile{min-height:56px;font-size:1rem}
 .languages .tile .flag{width:40px;height:40px}
 .ab-groups button{width:44px;height:44px;min-height:44px;flex-basis:44px}
}
@media(min-width:600px) and (max-height:900px){
 #candidate[data-screen="languages"]>.languages{row-gap:12px;padding:16px 20px}
 .languages>.small{width:154px;height:154px}
 .languages>.tiles{gap:10px 12px}
 .languages .tile{min-height:92px;padding:10px;font-size:1.25rem}
 .languages .tile .flag{width:68px;height:68px}
}
@media(min-width:1200px) and (min-height:800px){
 #candidate[data-screen="languages"]>.languages{row-gap:20px;padding:24px 32px 12px}
 .languages>.small{width:204px;height:204px}
 .languages>.list-heading{font-size:2.875rem}
 .languages>.tiles{gap:18px 16px}
 .languages .tile{min-height:124px;padding:12px;font-size:1.5rem}
 .languages .tile .flag{width:96px;height:96px}
}
@media(min-width:600px) and (max-height:700px){
 #candidate[data-screen="languages"]>.languages{row-gap:8px;padding:12px 16px}
 .languages>.small{width:112px;height:112px}
 .languages>.list-heading{font-size:2rem;gap:12px}
 .languages>.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
 .languages .tile{min-height:76px;padding:8px;gap:6px;font-size:1rem}
 .languages .tile .flag{width:48px;height:48px}
}
@media(min-width:480px) and (max-height:440px){
 :root{--bar:32px}
 #candidate[data-screen="languages"]>.languages{row-gap:6px;padding:8px}
 .languages>.small{width:64px;height:64px}
 .languages>.list-heading{font-size:1.5rem;gap:8px}
 .languages>.list-heading::before,.languages>.list-heading::after{width:24px}
 .languages .tile{min-height:56px;padding:5px;font-size:1rem;gap:5px}
 .languages .tile .flag{width:32px;height:32px}
 .ab-groups button{width:44px;height:44px;min-height:44px;flex-basis:44px}
 .languages>.tiles{gap:6px}
 .languages>.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-height:350px){
 .languages>.small{width:44px;height:44px}
 #candidate[data-screen="languages"]>.languages{row-gap:4px;padding:6px}
 .languages .tile{min-height:48px;padding:4px}
 .languages .tile .flag{width:28px;height:28px}
 .languages>.tiles{gap:4px}
}

/* The screen-reader status must not create an off-screen paragraph margin. */
.visually-hidden{top:0;left:0;margin:0}

/* Test-only document attribute: readable 200% text, never automatic in review. */
html[data-font-test="200"]{font-size:200%}

/* Keep paging feedback within the viewport on the narrowest phone. */
@keyframes ab-from-right { from { opacity: 0; } to { opacity: 1; } }
@keyframes ab-from-left { from { opacity: 0; } to { opacity: 1; } }

/* Public entry uses the full viewport without the preview toolbar. */
:root{--bar:0px}

/* Public language picker: keep the approved artwork; fit the useful controls
   to the live phone viewport instead of scaling a fixed-height canvas. */
#candidate[data-screen="languages"]>.languages{touch-action:pan-y pinch-zoom}
#candidate[data-screen="languages"] .tile,
#candidate[data-screen="languages"] .ab-groups button,
#candidate[data-screen="languages"] a.medal{transition:transform 160ms ease,filter 160ms ease}
#candidate[data-screen="languages"] .tile:active,
#candidate[data-screen="languages"] .ab-groups button:active:not(:disabled){transform:scale(.98)}
@media(hover:hover){
 #candidate[data-screen="languages"] .tile:hover,
 #candidate[data-screen="languages"] .ab-groups button:hover:not(:disabled),
 #candidate[data-screen="languages"] a.medal:hover{filter:brightness(1.04);transform:translateY(-1px)}
}
@media(max-width:599px){
 #candidate[data-screen="languages"]>.languages{
  --entry-height:100svh;
  --entry-pad:clamp(8px,2vw,16px);
  --entry-top:max(var(--entry-pad),env(safe-area-inset-top,0px));
  --entry-bottom:max(var(--entry-pad),env(safe-area-inset-bottom,0px));
  --entry-gap:clamp(4px,1.2svh,12px);
  --entry-logo:clamp(64px,16svh,144px);
  --entry-title:clamp(1.5rem,6.1vw,1.875rem);
  --entry-card:clamp(44px,calc((var(--entry-height) - var(--entry-logo) - var(--entry-title)*1.1 - 44px - var(--entry-gap)*7 - var(--entry-top) - var(--entry-bottom) - 24px)/5),88px);
  min-height:var(--entry-height);row-gap:var(--entry-gap);
  padding:var(--entry-top) max(var(--entry-pad),env(safe-area-inset-right,0px)) var(--entry-bottom) max(var(--entry-pad),env(safe-area-inset-left,0px));
 }
 .languages>.small{width:var(--entry-logo);height:var(--entry-logo)}
 .languages>.list-heading{font-size:var(--entry-title);gap:6px}
 .languages>.list-heading::before,.languages>.list-heading::after{width:18px}
 .languages>.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--entry-gap)}
 .languages .tile{min-height:var(--entry-card);padding:6px;gap:6px;font-size:clamp(1rem,4.4vw,1.125rem)}
 .languages .tile .flag{width:clamp(28px,calc(var(--entry-card) - 16px),60px);height:auto}
 .languages .ab-groups{gap:12px}
 .languages .ab-groups button{width:44px;height:44px;min-height:44px;flex-basis:44px}
}
@supports(height:100dvh){
 @media(max-width:599px){
  #candidate[data-screen="languages"]>.languages{--entry-height:100dvh;--entry-gap:clamp(4px,1.2dvh,12px);--entry-logo:clamp(64px,16dvh,144px)}
 }
}
@media(max-width:599px) and (max-height:460px) and (orientation:portrait){
 #candidate[data-screen="languages"]>.languages{--entry-logo:52px;--entry-title:1.375rem;--entry-gap:4px;--entry-pad:6px;--entry-card:44px}
 .languages .tile{padding:4px;font-size:1rem;line-height:1.1}
 .languages .tile .flag{width:28px;height:28px}
}
@media(max-width:599px) and (max-height:380px) and (orientation:portrait){
 #candidate[data-screen="languages"]>.languages{--entry-logo:44px;--entry-title:1.25rem;--entry-gap:2px;--entry-pad:4px}
}
@media(max-height:540px) and (orientation:landscape){
 #candidate[data-screen="languages"]>.languages{min-height:100svh;min-height:100dvh;row-gap:4px;padding:8px max(8px,env(safe-area-inset-right,0px)) 8px max(8px,env(safe-area-inset-left,0px))}
 .languages>.small{width:48px;height:48px}
 .languages>.list-heading{font-size:1.375rem;gap:8px}
 .languages>.list-heading::before,.languages>.list-heading::after{width:24px}
 .languages>.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .languages .tile{min-height:68px;flex-direction:column;justify-content:center;text-align:center;padding:4px;gap:2px;font-size:1rem;line-height:1.1}
 .languages .tile .flag{width:28px;height:28px}
 .languages .ab-groups button{width:44px;height:44px;min-height:44px;flex-basis:44px}
}