.kbh-translate{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px;color:#68716d;font-size:13px;line-height:1.5;min-height:32px}
.kbh-translate button{font:inherit;color:inherit;background:none;border:0;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kbh-translate button:hover{color:#1b2820}.kbh-translate button:disabled{cursor:wait;text-decoration:none;opacity:.75}
.kbh-translate-icon{display:inline-flex}.kbh-translate-note{flex-basis:100%;font-size:12px;overflow-wrap:anywhere}.kbh-translate-note:empty{display:none}
.kbh-translate [hidden],.kbh-translation-text[hidden],#kbh-translate-title>[hidden],#thread_subject>[hidden],#kbh-translate-body>[hidden],#kbh-translate-special-body>[hidden],[id^=postmessage_]>[hidden]{display:none!important}
.kbh-translation-text{overflow-wrap:anywhere;text-align:start;unicode-bidi:isolate}.kbh-translation-text[dir=rtl]{direction:rtl}.kbh-translation-text[dir=ltr]{direction:ltr}
.kbh-translate-picker{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #e0e5e1;border-radius:14px;background:#fff;color:#1c2620;margin:auto;overflow:auto;overscroll-behavior:contain;font:15px/1.5 system-ui,sans-serif;box-shadow:0 12px 45px #0003}
.kbh-translate-picker::backdrop{background:#0006}.kbh-translate-picker-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.kbh-translate-picker h2{font-size:18px;font-weight:600;margin:0}.kbh-translate-picker button{font:inherit;cursor:pointer;color:inherit}
.kbh-translate-picker-head button{border:0;background:none;font-size:27px;min-width:36px;min-height:36px;flex-shrink:0}
.kbh-translate-picker input{box-sizing:border-box;display:block;width:100%;min-width:0;font:inherit;font-size:16px;border:1px solid #b9c4bc;border-radius:6px;padding:10px;background:#fff;color:#1c2620}
.kbh-translate-picker p{font-size:13px;margin:8px 0}.kbh-translate-picker p:empty{display:none}
.kbh-translate-languages h3{font-size:13px;color:#68716d;margin:18px 0 6px;font-weight:600}
.kbh-translate-languages button{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%;text-align:start;padding:10px 12px;min-height:44px;border:0;border-radius:6px;background:none;overflow-wrap:anywhere}
.kbh-translate-languages button:hover,.kbh-translate-languages button[aria-pressed=true]{background:#f0f5ef}.kbh-translate-languages span{font-size:12px;color:#68716d}
.kbh-translate button:focus-visible,.kbh-translate-picker button:focus-visible{outline:2px solid #59956e;outline-offset:2px}
@media(max-width:767px){.kbh-translate{font-size:13px}.kbh-translate button{min-height:40px}.kbh-translate-picker{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}}
/* Touch's legacy .view_tit span styles are for moderation badges, not subject text. */
.view_tit #kbh-translate-title,.view_tit #kbh-translate-title>span{font:inherit;color:inherit;margin:0;padding:0}
/* An inline RTL subject cannot set its paragraph direction (site titles use unicode-bidi:plaintext), so give it its own block. */
#thread_subject>.kbh-translation-text[dir=rtl],#kbh-translate-title>.kbh-translation-text[dir=rtl]{display:block}
/* 2026-10-21: user-requested presentation update only. */
.kbh-translate{font-size:15px;gap:6px 12px;}
.kbh-translate button{color:#1769c2;font-size:15px;font-weight:600;text-decoration:none;padding:7px 0;}
.kbh-translate button:hover{color:#10539d;text-decoration:underline;}
.kbh-translate-icon{color:#1769c2;}
.kbh-translate-note{font-size:12px;font-weight:400;color:#68716d;}
.kbh-translate-picker{width:min(560px,calc(100vw - 40px));max-height:min(680px,calc(100dvh - 40px));padding:24px;overflow:hidden;border:1px solid #e0e7ed;border-radius:18px;box-shadow:0 20px 70px #10243830;color:#20302a;}
.kbh-translate-picker[open]{display:flex;flex-direction:column;gap:0;}
.kbh-translate-picker::backdrop{background:rgba(15,30,38,.38);}
.kbh-translate-picker-head{flex:none;margin:0 0 18px;gap:16px;}
.kbh-translate-picker h2{font-size:20px;line-height:1.4;min-width:0;}
.kbh-translate-picker-head button{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;background:#f1f4f6;font:26px/1 Arial,sans-serif;color:#51616c;}
.kbh-translate-picker-head button:hover{background:#e5ebef;}
.kbh-translate-picker input{flex:none;height:46px;border:1px solid #d5dfe5;border-radius:10px;padding:11px 14px;background:#f8fafb;outline:none;}
.kbh-translate-picker input:focus{border-color:#1769c2!important;outline:2px solid #1769c229!important;outline-offset:1px;}
.kbh-translate-picker>p{flex:none;}
.kbh-translate-languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px 10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6d0d6 transparent;padding:4px 4px 4px 0;margin-top:12px;}
.kbh-translate-languages h3{grid-column:1/-1;margin:10px 0 4px;padding:0 4px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#74818a;}
.kbh-translate-languages button{position:relative;min-height:64px;gap:2px;padding:10px 30px 10px 12px;padding-inline-end:30px;padding-inline-start:12px;border:1px solid transparent;border-radius:10px;justify-content:center;}
.kbh-translate-languages button bdi{font-size:15px;font-weight:600;line-height:1.4;}
.kbh-translate-languages span{font-size:12px;line-height:1.4;color:#77828a;}
.kbh-translate-languages button:hover{background:#f3f6f9;}
.kbh-translate-languages button[aria-pressed=true]{background:#edf5ff;border-color:#bcd6f3;color:#1769c2;}
.kbh-translate-languages button[aria-pressed=true]::after{content:"";position:absolute;inset-inline-end:12px;top:50%;width:5px;height:10px;border:solid #1769c2;border-width:0 2px 2px 0;transform:translateY(-65%) rotate(45deg);}
.kbh-translate button:focus-visible,.kbh-translate-picker button:focus-visible{outline:2px solid #1769c2;outline-offset:1px;}
@media(max-width:767px){
 .kbh-translate,.kbh-translate button{font-size:15px;}
 .kbh-translate button{min-height:44px;}
 .kbh-translate-picker{width:calc(100vw - 24px);padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom));max-height:calc(100dvh - 32px);border-radius:16px;}
 .kbh-translate-picker h2{font-size:18px;}
 .kbh-translate-picker-head{margin-bottom:14px;}
 .kbh-translate-languages{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:10px;}
 .kbh-translate-languages button{min-height:58px;}
}
/* Keep desktop compact while allowing the existing visualViewport max-height to shrink for keyboards. */
.kbh-translate-picker{height:min(680px,calc(100dvh - 40px));}
@media(max-width:767px){.kbh-translate-picker{height:min(640px,calc(100dvh - 32px));}}