/* 自動生成（07_実験/corporate-site-renewal/tools/i18n/make_lang_css.py）。手で直さない。
   英語ページだけに効く規則を lang="ru" のページにも効かせ、content の英語を訳す。 */
html[lang="ru"] .bl_globalHeaderLanguageNaviList_item__en{color:inherit;text-decoration:none;pointer-events:none}
@media screen and (max-width: 752px){html[lang="ru"] .bl_globalHeaderLanguageNaviList_item__en{color:#767676}}
html[lang="ru"] .bl_globalHeaderLanguageNaviList_item__en::after{bottom:0;opacity:1;pointer-events:none}
html[lang="ru"] .bl_globalHeaderLanguageNaviList_item__en{color:#EF9C37}
.bl_globalHeaderNaviSnsLinkButton::before{content:"Скачать приложение"}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{content:"Скачать приложение"}}
html[lang="ru"] :is(h1, h2, h3, .bl_pageTopMainVisualMessage_title){letter-spacing:.04em !important}
html[lang="ru"] [data-bind-form-validation-errors] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors] .bl_downloadForm_item_label::after{content:"Отметьте это поле"}
html[lang="ru"] [data-bind-form-validation-errors~=email] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=email] .bl_downloadForm_item_label::after{content:"Введите правильный адрес электронной почты"}
html[lang="ru"] [data-bind-form-validation-errors~=require] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require] .bl_downloadForm_item_label::after{content:"Это поле обязательно для заполнения"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=email] .bl_downloadForm_item_label::after{content:"Введите адрес электронной почты"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=organization] .bl_downloadForm_item_label::after{content:"Введите название организации, учреждения или компании"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=company] .bl_downloadForm_item_label::after{content:"Введите название организации, учреждения или компании"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=name] .bl_downloadForm_item_label::after{content:"Введите ваше имя"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"Введите номер телефона"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"Введите номер телефона"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=body] .bl_downloadForm_item_label::after{content:"Введите текст сообщения"}
html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=require][data-bind-form-validation=overViewList] .bl_downloadForm_item_label::after{content:"Укажите, как вы узнали о Pirika"}
html[lang="ru"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=number][data-bind-form-validation=tel] .bl_downloadForm_item_label::after{content:"Введите правильный номер телефона"}
html[lang="ru"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_inquiryForm_item_label::after, html[lang="ru"] [data-bind-form-validation-errors~=number][data-bind-form-validation=phone] .bl_downloadForm_item_label::after{content:"Введите правильный номер телефона"}
@media screen and (max-width: 752px){html[lang="ru"] .bl_cookiePageTable_body_row_cell:nth-child(1)::before{content:"Название cookie"}}
@media screen and (max-width: 752px){html[lang="ru"] .bl_cookiePageTable_body_row_cell:nth-child(2)::before{content:"Получатель"}}
@media screen and (max-width: 752px){html[lang="ru"] .bl_cookiePageTable_body_row_cell:nth-child(3)::before{content:"Собираемые данные"}}
@media screen and (max-width: 752px){html[lang="ru"] .bl_cookiePageTable_body_row_cell:nth-child(4)::before{content:"Цель"}}
html[lang="ru"] .bl_companyPage_companyInformation_overViewListItem_term{width:16rem;flex-shrink:0;padding-right:1.6rem}
@media screen and (max-width: 752px){html[lang="ru"] .bl_pirikaStats_num{white-space:normal !important;flex-wrap:wrap;justify-content:center}}
@media screen and (max-width: 752px){html[lang="ru"] .bl_pirikaStats_unit{display:block;width:100%;white-space:normal !important;margin-left:0;margin-top:.4rem}}
html[lang="ru"] .bl_rcyTech_label{white-space:normal}
@media screen and (min-width: 1151px){html[lang="ru"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr) 22rem}}
@media screen and (min-width: 753px) and (max-width: 1150px){html[lang="ru"] .bl_rcyTech_row{grid-template-columns:12.5rem minmax(0,1fr)}}
html[lang="ru"]{font-family:"Noto Sans JP","Pirika Latin Fallback",sans-serif}
html[lang="ru"] .bl_globalHeaderLanguageNaviList_item_en{color:#0c5aaa;background-color:#fff;pointer-events:none}
.bl_globalHeaderNaviSnsLinkButton::before{content:"Скачать приложение";font-size:1.4rem;font-weight:700;white-space:nowrap}
@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{font-size:1.6rem;line-height:2.4rem;color:#fff;font-weight:700;content:"Скачать приложение"}}
@media screen and (max-width: 752px){.el_snsPirikaPageDownload_button_text::before{content:"Скачать приложение";font-size:1.6rem;line-height:150%;padding:1.8rem 0}}
@media screen and (max-width: 752px){.el_guidePageDownload_button::before{content:"Скачать приложение";font-size:1.6rem;line-height:150%;padding:1.8rem 0}}

/* ロシア語だけの手直し（make_lang_css.py が lang-ru.css の後ろに足す）（2026-11-07 作成） */
/* 書体: 英語用の設定（renewal-en.css。英字だけ Arial 等）は U+0000-024F・U+2000-206F だけなので、キリル文字（U+0400-04FF）と
   番号記号 №（U+2116）は "Noto Sans JP" の中身＝日本語の書体（ヒラギノ・游ゴシック等）で出る。日本語の書体のキリル文字は
   字の幅・太さが英字の Arial と合わず、"Pirika" 等の英字と混ざった行がちぐはぐに見える（2026-11-07 Chromium で確認）。
   英字と同じ Arial 等（キリル文字を持つ。Mac = Arial/Helvetica、Windows = Arial/Segoe UI、Android 等 = Roboto）で出す。
   size-adjust は英字と同じ値。Web フォントは読まない（CSP は self・data だけ）。同じ名前の @font-face は後に書いた方が先に使われる */
@font-face{font-family:"Noto Sans JP";font-weight:400;src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Segoe UI"),local("SegoeUI"),local("Liberation Sans"),local("Roboto");size-adjust:105.5%;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:"Noto Sans JP";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Segoe UI Bold"),local("SegoeUI-Bold"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:103%;unicode-range:U+0400-04FF,U+2116}

/* SNSピリカの詳しい使い方の目次（753px 以上。2026-11-06）: 高さ固定・縦に流して3列に折り返す作りで、列の幅は中の一番長い項目で決まる。
   フランス語・ポルトガル語は項目が長く、3列目が画面の右へはみ出していた（text_clip_check の clip で発見）。
   各ブロックの幅を3列分の1までにし、長い項目はブロックの中で折り返す。SNSピリカのページは text-fit.css を読まないので、言語ごとの CSS に入れる */
@media screen and (min-width: 753px){
  html .bl_detailPageSection_tableOfContents__application > .bl_detailPageSection_tableOfContentsBlock{max-width:calc((100% - 4.4rem) / 3)}
}

/* フッターのリンク（2026-11-07）: 共通の CSS は1行に固定で、「技術ブログ（日本語）」等の長い訳が 768px で画面の右へ 31〜37px はみ出していた
   （es・pt・fr。インドネシア語版を作るときに発見）。長い訳のある2列（規約・方針と、ブログ）だけ、列の幅の中で折り返す */
html[lang] .ly_rootFooter .bl_globalFooterNaviList__noSpBorder .bl_globalFooterNaviList_item,
html[lang] .ly_rootFooter .bl_globalFooterNaviListAndSns .bl_globalFooterNaviList_item{white-space:normal;max-width:100%;line-height:1.4}
/* ヘッダーのメニューが 753〜約795px と 900〜約910px で2段になり、ロゴに重なっていた（2026-11-07 Chromium で画面幅を4pxおきに測って確認。
   「Данные исследований」等ロシア語の語が長いため）。フランス語版と同じく、その幅だけ文字と間隔を少し詰めて1行に収める */
@media screen and (min-width:753px) and (max-width:819px){ html body .bl_globalHeaderNaviList, html body .bl_globalHeaderNaviList > li > a, html body .el_globalHeaderNaviListButton_label, html body .bl_globalHeaderLanguageNaviList, html body .bl_globalHeaderLanguageNaviList_item{font-size:1.3rem} html body .bl_globalHeaderNaviList{column-gap:1.2rem} }
@media screen and (min-width:900px) and (max-width:939px){ html body .bl_globalHeaderNaviList, html body .bl_globalHeaderNaviList > li > a, html body .el_globalHeaderNaviListButton_label, html body .bl_globalHeaderLanguageNaviList, html body .bl_globalHeaderLanguageNaviList_item{font-size:1.4rem} html body .bl_globalHeaderNaviList{column-gap:1.6rem} html body .bl_globalHeaderNaviList > li{flex:0 0 auto} }
@media screen and (min-width:753px) and (max-width:819px){ html[lang][lang] body:not([data-body-sns-pirika]) .bl_langSwitch_icon{position:relative;top:1px} }
/* SNSピリカのヘッダー（2026-11-07 Chromium で 753〜1300px を4pxおきに測って確認）: メニュー名が長く、ダウンロードのボタンが押しつぶされて
   文字が切れ（753〜1300px のほぼ全域）、821〜1150px ではメニューがロゴに重なっていた。ボタンは縮めず、PC のボタンの文字は短い「Скачать」にする
   （読み上げ名は「Скачать приложение」のまま。スマホのメニューの大きなボタンは長い文言のまま）。1179px まではメニューの文字と間を詰める */
@media screen and (min-width:753px){html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviSnsLink{flex-shrink:0;width:auto;margin-left:1.6rem}html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviSnsLinkButton{padding:0 1.4rem}html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviSnsLinkButton::before{content:"Скачать"}}
@media screen and (min-width:753px) and (max-width:1179px){html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li>a{font-size:1.4rem}html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li~li{margin-left:1.6rem}}
@media screen and (min-width:753px) and (max-width:939px){html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li>a{font-size:1.2rem}html[lang="ru"] body[data-body-sns-pirika] .bl_globalHeaderNaviList>li~li{margin-left:1.2rem}}

/* 2026-11-07 text_clip_check で見つけた所（ロシア語だけ）:
   リサイクルの工程図「Без гранулирования」が 768px 前後で白い箱の端に付いてはみ出す → テンプレに &shy; を入れて、入らない幅だけ「гранули-рования」と切る。
   調査結果の地図のタブ「С 2021 года」が 360px で2行に折れる → 「С 2021 года」のタブだけ折り返さない */
html body label[class*="publicSurveyResultsPageSection_mapTab_item__later"]{white-space:nowrap}

/* 企業情報のメンバー紹介（スライド）: 768px 前後で文字の列が狭く、長い語（административного 等）が列からはみ出して切れた（2026-11-07 公開後テスト）。
   ロシア語だけ語の途中でハイフンを入れて折り返す */
html body .bl_commonPage_memberSlideItem_text_jobName,html body .bl_commonPage_memberSlideItem_text_description{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}

/* 2026-11-07 重なりの点検（本番移行/tests/overlap_check.py）
   ピリカのサービスページの図: 「Приложение Pirika」が1行固定で左の列より長く、「ごみを拾う」「写真を撮って発信」の絵に重なっていた（全幅）。
   単語の間で折り返し、"Приложение" が列に収まる大きさ（4.2cqw）にする */
html[lang="ru"] .bl_pirikaFlowGraphic_title{white-space:normal;font-size:4.2cqw}
/* 同じ図の説明（360〜414px）: "Сфотографируйте" が列より長く、隣の「Собирайте мусор」に重なっていた。狭い画面だけ文字を 11px にし、
   ロシア語のハイフンで語の途中で折り返す */
@media screen and (max-width:480px){ html[lang="ru"] .bl_pirikaFlowGraphic_step figcaption{hyphens:auto;-webkit-hyphens:auto;font-size:1.1rem} }
/* サービスの一覧のカード: 今のページの印「Текущая страница」が長く、左上からサービスのロゴの絵に約5px重なっていた（768〜1920px）。
   文字と左右の余白を少し詰め、カードの角に少し寄せる */
html[lang="ru"] .bl_svcList_item__current .bl_svcList_item_current{font-size:1.1rem;padding:.2rem .6rem;top:.6rem;left:.8rem}
