.sw-translation { margin: 0; background: var(--sw-color-nightblack); color: var(--sw-color-staticwhite); font-family: var(--sw-font-main), var(--sw-font-japanese), sans-serif; line-height: 1.75; }
.sw-translation > header, .sw-translation > main { max-width: 74rem; margin-inline: auto; padding: 1.5rem; }
.sw-translation > main { max-width: 54rem; }
.sw-translation a { color: var(--sw-color-echoteal); overflow-wrap: anywhere; }
.sw-translation-notice { border: 1px solid var(--sw-color-tapegray); padding: 1.25rem; margin-block-end: 2rem; }
.sw-translation h1 { font-size: var(--sw-font-size-3xl); font-weight: var(--sw-font-weight-semibold); line-height: 1.3; overflow-wrap: anywhere; }
.sw-translation-body { overflow-wrap: anywhere; }
.sw-translation-body img { max-width: 100%; height: auto; }
.sw-translation-body table { display: block; max-width: 100%; overflow-x: auto; }
.sw-translation-body th, .sw-translation-body td { padding: .5rem; border: 1px solid var(--sw-color-tapegray); }
.sw-translation pre { overflow: auto; padding: 1rem; }
.sw-translation pre, .sw-translation code, .sw-translation kbd, .sw-translation samp { direction: ltr; unicode-bidi: isolate; text-align: start; }
.sw-translation main > form { border-block-start: 1px solid var(--sw-color-tapegray); margin-block-start: 2rem; padding-block-start: 1.5rem; }
.sw-translation main label { display: block; }
.sw-translation main select, .sw-translation main button { font: inherit; max-width: 100%; padding: .5rem; margin-block: .5rem; }
.sw-translation main button { border: 1px solid var(--sw-color-tapegray); border-radius: .25rem; background: var(--sw-color-ionospheregray); color: var(--sw-color-staticwhite); cursor: pointer; }
.sw-translation :focus-visible { outline: 3px solid var(--sw-color-pingamber); outline-offset: 3px; }
.sw-translation [lang="ja"] { font-family: var(--sw-font-japanese), "Noto Sans CJK JP", "Yu Gothic", Meiryo, sans-serif; }
html[lang="ar"] .sw-translation { font-family: "Noto Sans Arabic", var(--sw-font-main), var(--sw-font-japanese), Tahoma, Arial, sans-serif; }
html[lang="ru"] .sw-translation { font-family: "Noto Sans", var(--sw-font-japanese), Arial, sans-serif; }
html[lang="zh-Hans"] .sw-translation { font-family: "Noto Sans SC", var(--sw-font-japanese), "Microsoft YaHei", sans-serif; }
