/* Translator tool page: navy + bright gold with champagne accents. No white backgrounds. */
body.tr-page{background:radial-gradient(1200px 600px at 85% -10%,#1d3f6e 0,transparent 60%),linear-gradient(180deg,#0B1E3A 0,#0e2649 55%,#0B1E3A 100%);color:#F3E3B5}
.tr-page main{color:#F3E3B5}
.tr-wrap{max-width:980px}
.tr-crumb{margin:1rem 0 .4rem;font-size:1.05rem}.tr-crumb a{color:#FFD54F;font-weight:bold}.tr-crumb span{color:#E8D6A6}
.tr-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:.5rem 0 1.4rem}
.tr-eyebrow{margin:0;color:#FFD54F;text-transform:uppercase;letter-spacing:.12em;font-weight:bold;font-size:.9rem}
.tr-hero h1{margin:.2rem 0 .4rem;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.1;color:#FFE58A;font-family:Georgia,"Times New Roman",serif}
.tr-lead{margin:0;font-size:1.2rem;max-width:34rem;color:#F3E3B5}
.tr-hero-art{width:200px;flex:none;filter:drop-shadow(0 12px 26px rgba(0,0,0,.45))}
.tr-card{position:relative;background:linear-gradient(160deg,#16365f 0,#102a4c 60%,#0d2342 100%);border:2px solid rgba(255,213,79,.55);border-radius:26px;padding:clamp(1.1rem,3.5vw,2rem);margin:0 0 1.4rem;box-shadow:0 2px 0 rgba(255,229,138,.25) inset,0 20px 50px rgba(0,0,0,.4)}
.tr-card::before{content:"";position:absolute;left:24px;right:24px;top:-2px;height:5px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#FFD54F,#F5B800 45%,#FFE58A 70%,#F5B800)}
.tr-card h2{color:#FFE58A;margin-top:0}.tr-card h3{color:#FFD54F;margin:1rem 0 .5rem;font-size:1.15rem}
.tr-langs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}
.tr-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.tr-field label{font-weight:bold;font-size:1.15rem;color:#FFE58A}
.tr-field select,.tr-field textarea{font:inherit;font-size:1.2rem;color:#0B1E3A;background:#F3E3B5;border:3px solid #C9A84C;border-radius:16px;padding:.8rem 1rem;min-height:64px;width:100%;box-sizing:border-box}
.tr-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#0B1E3A 50%),linear-gradient(135deg,#0B1E3A 50%,transparent 50%);background-position:calc(100% - 26px) 50%,calc(100% - 18px) 50%;background-size:8px 8px;background-repeat:no-repeat;padding-right:3rem;font-weight:bold}
.tr-field textarea{min-height:9rem;resize:vertical;line-height:1.5;font-size:1.3rem}
.tr-field select:focus,.tr-field textarea:focus{outline:4px solid #FFD54F;outline-offset:2px;border-color:#F5B800}
.tr-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.tr-count{font-size:1rem;color:#E8D6A6;font-variant-numeric:tabular-nums}.tr-count.near{color:#FFD54F;font-weight:bold}
.tr-swap{width:64px;height:64px;margin-bottom:1rem;border-radius:50%;border:3px solid #FFE58A;background:radial-gradient(circle at 30% 25%,#FFE58A,#F5B800 60%,#C99700);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.4),inset 0 -3px 0 rgba(0,0,0,.18);transition:transform .35s ease}
.tr-swap svg,.tr-btn svg,.tr-go svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tr-swap{color:#0B1E3A}.tr-swap:hover{transform:rotate(180deg)}
.tr-swap:focus-visible,.tr-btn:focus-visible,.tr-go:focus-visible,.tr-chip:focus-visible{outline:4px solid #FFE58A;outline-offset:3px}
.tr-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.tr-go{display:inline-flex;align-items:center;gap:.6rem;font:inherit;font-size:1.35rem;font-weight:bold;color:#0B1E3A;min-height:68px;padding:.7rem 2rem;border-radius:18px;border:3px solid #FFE58A;background:linear-gradient(180deg,#FFE58A 0,#F5B800 55%,#D9A300 100%);box-shadow:0 6px 0 #9c7600,0 12px 24px rgba(0,0,0,.35);cursor:pointer;transition:transform .1s,box-shadow .1s}
.tr-go:active{transform:translateY(4px);box-shadow:0 2px 0 #9c7600,0 6px 14px rgba(0,0,0,.35)}
.tr-go[disabled]{opacity:.7;cursor:wait}
.tr-btn{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-size:1.15rem;font-weight:bold;color:#FFE58A;min-height:60px;padding:.6rem 1.3rem;border-radius:16px;border:2px solid #FFD54F;background:#13315C;cursor:pointer}
.tr-btn:hover{background:#1b4176}.tr-btn.ghost{border-color:#C9A84C;color:#F3E3B5;background:transparent}
.tr-btn[aria-pressed=true]{background:#F5B800;color:#0B1E3A}
.tr-msg{min-height:1.6em;font-size:1.1rem;margin:.8rem 0 0;color:#FFE58A}.tr-msg.err{color:#FFD7D7;font-weight:bold}
.tr-result{margin-top:1.2rem;padding:1.3rem;border-radius:20px;background:linear-gradient(180deg,#F3E3B5,#EAD49A);color:#0B1E3A;border:3px solid #F5B800;box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
.tr-result-head{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-bottom:.4rem}
.tr-result-lang{display:inline-block;padding:.2rem .8rem;border-radius:999px;background:#0B1E3A;color:#FFD54F;font-weight:bold;font-size:.95rem}
.tr-detected{font-size:1rem;color:#3a3016}
.tr-out{font-size:clamp(1.6rem,4.5vw,2.2rem);line-height:1.4;margin:.3rem 0 .6rem;font-weight:600;overflow-wrap:anywhere}
.tr-out[dir=rtl]{text-align:right}
.tr-pron{font-size:1.2rem;font-style:italic;margin:0 0 .8rem;color:#3a3016}
.tr-result .tr-btn{background:#0B1E3A;color:#FFE58A}
.tr-left{margin:1rem 0 0;font-size:1.05rem;color:#E8D6A6}
.tr-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.tr-chip{font:inherit;font-size:1.1rem;min-height:56px;padding:.5rem 1.1rem;border-radius:999px;border:2px solid rgba(255,213,79,.7);background:rgba(243,227,181,.08);color:#F3E3B5;cursor:pointer}
.tr-chip:hover{background:#F3E3B5;color:#0B1E3A}
.tr-note{margin:0 0 1.4rem;padding:1rem 1.2rem;border-left:6px solid #F5B800;border-radius:14px;background:rgba(243,227,181,.08);font-size:1.05rem;color:#F3E3B5}
.tr-note strong{color:#FFE58A}
.tr-page .next{background:transparent;color:#F3E3B5}.tr-page .next p{color:#FFE58A}
@media (max-width:640px){.tr-hero-art{display:none}.tr-langs{grid-template-columns:1fr;gap:0}.tr-swap{justify-self:center;margin:-.3rem 0 .7rem;transform:rotate(90deg)}.tr-swap:hover{transform:rotate(270deg)}.tr-go{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.tr-swap,.tr-go{transition:none}}