/* Scene and comparison layout. Buttons retain the shared CONTROL_CSS appearance. */
.subscription-intro { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:55px; align-items:center; padding-block:50px 65px; }
.subscription-intro__links { display:flex; flex-wrap:wrap; gap:8px 25px; margin-bottom:28px; }
.subscription-trial { background:transparent; border-radius:0; box-shadow:none; border-top:1px solid var(--line); }
.subscription-trial__body { padding:22px 0 0; }
.subscription-trial__body h2 { font-size:19px; }
.translation-compare { min-width:0; scroll-margin-top:105px; }
.translation-compare__heading { display:flex; gap:12px; align-items:baseline; justify-content:space-between; margin-bottom:15px; }
.translation-compare__heading h2 { margin:0; font-size:21px; }
.translation-compare__choices { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:15px; }
.translation-compare__choices button { min-height:44px; }
.translation-compare__frame { position:relative; isolation:isolate; margin:0; aspect-ratio:2.22; overflow:hidden; border-radius:19px 19px 0 0; background:#293b45; }
.translation-compare__frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 56%; }
.translation-compare__frame::after { content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,rgba(4,15,20,.48),transparent 36%,rgba(4,15,20,.84)); }
.translation-compare__source { position:absolute; z-index:1; left:22px; right:22px; bottom:20px; margin:0; white-space:pre-line; text-align:center; font:500 16px/1.65 var(--utility); color:#fff; text-shadow:0 1px 5px #000; }
.translation-compare__context { margin:0; padding:12px 19px; background:#e2eef4; color:#45697d; font-size:12px; line-height:1.7; }
.translation-compare__meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 18px; padding:9px 19px; background:#edf5f9; color:#526d7e; font-size:10px; line-height:1.7; }
.translation-compare__result { background:rgba(255,255,255,.8); padding:22px; border-radius:0 0 19px 19px; border:1px solid #d1e3ed; border-top:0; }
.translation-compare__pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
.translation-compare__pair article + article { border-inline-start:1px solid #d0e3ed; padding-inline-start:24px; }
.translation-compare__pair h3 { margin:0; font-size:12px; color:#476b81; letter-spacing:0; font-weight:600; }
.translation-compare__pair h3 span { display:block; margin-top:5px; font-size:11px; font-weight:400; color:var(--muted); }
.translation-compare__translation { white-space:pre-line; font-size:17px; line-height:1.9; min-height:7.6em; margin:15px 0 12px; color:#173a55; }
.translation-compare__translation mark { background:#dceef7; color:inherit; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.translation-compare__analysis { border-top:1px solid #d5e5ed; padding-top:16px; }
.translation-compare__analysis h3 { font-size:15px; margin-bottom:8px; }
.translation-compare__analysis p { margin-bottom:0; color:#4a6b7e; font-size:12px; line-height:1.85; min-height:5.55em; }
.translation-compare__source-note { margin:12px 0 0; color:#567486; font-size:10px; line-height:1.8; }
.translation-compare__announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:1050px) { .subscription-intro { gap:32px; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); } .translation-compare__choices { gap:5px; } .translation-compare__pair { gap:17px; } .translation-compare__pair article + article { padding-inline-start:16px; } .translation-compare__translation { font-size:15px; } .translation-compare__source { font-size:14px; } }
@media (max-width:800px) { .subscription-intro { grid-template-columns:1fr; gap:35px; } .subscription-intro__copy { max-width:620px; } .subscription-trial__body { grid-template-columns:1fr auto; } .translation-compare__translation { min-height:5.7em; } .translation-compare__analysis p { min-height:3.7em; } }
@media (max-width:480px) { .translation-compare__heading { align-items:flex-start; flex-direction:column; gap:5px; } .translation-compare__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .translation-compare__frame { aspect-ratio:1.6; } .translation-compare__source { left:14px; right:14px; bottom:15px; font-size:12px; } .translation-compare__result { padding:17px; } .translation-compare__pair { grid-template-columns:1fr; gap:18px; } .translation-compare__pair article + article { border-inline-start:0; border-top:1px solid #d5e5ed; padding:17px 0 0; } .translation-compare__translation { min-height:0; margin-bottom:0; font-size:17px; } .translation-compare__analysis { margin-top:21px; } .translation-compare__analysis p { min-height:0; } .subscription-trial__body { grid-template-columns:1fr; } }