/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2
{
}

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	background-color: #fff;
}

a
{
	color: #0077dd;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Картинки/видео не должны вылезать за колонку ни на одной ширине (20.09) */
#content img,
#content iframe,
#primaryContent img,
#primaryContent iframe
{
	max-width: 100%;
	height: auto;
}

/* Outer */

#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
}

/* Header */

#header
{
	position: relative;
	background: #004778 url('images/a5.gif') bottom left repeat-x;
	height: 10em;
	padding-left: 2em;
}

#header h1
{
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

#header h2
{
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #E0E8EF;
}

/* Menu */

#menu
{
	position: absolute;
	top: 5em;
	right: 3em;
}

#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
	padding-left: 1.1em;
	margin-left: 1em;
	border-left: dotted 1px #E0E8EF;
}

#menu li.first
{
	border: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#menu li a
{
	color: #fff;
	padding: 0.1em;
	text-decoration: none;
}

#menu li a:hover
{
	text-decoration: underline;
}

/* Content */

#content
{
	line-height: 1.5em;
}


p
{
	margin-bottom: 1.2em;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
	color: #545454;
	margin-bottom: 1em;
        margin-top: 1em;
	border-bottom: dashed 1px #dfdfdf;
	padding-bottom: 0.3em;
        padding-top: 0.3em;
}

#content h1
{
	font-size: 1.8em;
	margin-top: 0;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
}

#content table th
{
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
	border-right: solid 1px #fff;
}

#content table tr.rowH
{
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
	border-right: solid 1px #fff;
}

#content table tr.rowA
{
	background: #F8F8F8 url('images/a6.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

#content table tr.rowB
{
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
	background-color: #fff;
	float: right;
	margin: 0em -19em 0em -19em;
	width: 100%;
}

#primaryContent
{
	margin: 1.5em 19em 0em 17.25em;
	padding: 1.5em 3em 1.5em 3em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: left;
	width: 14em;
	padding: 3em 2em 1.5em 2em;
	background: #fff url('images/a1.gif') top right repeat-y;
}

#secondaryContent .xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;
	background: #fff url('images/a3.gif') top right no-repeat;
	height: 64px;
	width: 128px;
}

/* Tertiary Content */

#tertiaryContent
{
	position: relative;
	float: right;
	width: 15em;
	padding: 3em 2em 1.5em 2em;
	background: #fff url('images/a2.gif') top left repeat-y;
}

#tertiaryContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;
	background: #fff url('images/a4.gif') top left no-repeat;
	height: 64px;
	width: 128px;
}

/* Footer */

#footer
{
	position: relative;
	z-index: 1;
	border-top: dashed 1px #dfdfdf;
	padding: 1em 0em 2em 0em;
	margin: 1em 2em 0em 2em;
	text-align: center;
}

.clear
{
	clear: both;
}

.b-special .button a {
  display: inline-block;
  height: 38px;
  margin-left: 5px;
  padding: 0 22px;
  color: #8c4800;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9b1f), color-stop(100%, #ff7a06));
  background: -webkit-linear-gradient(top, #ff9b1f, #ff7a06);
  background: -moz-linear-gradient(top, #ff9b1f, #ff7a06);
  background: -o-linear-gradient(top, #ff9b1f, #ff7a06);
  background: -ms-linear-gradient(top, #ff9b1f, #ff7a06);
  background: linear-gradient(top, #ff9b1f, #ff7a06);
  -webkit-box-shadow: #666666 0 0 5px;
  -moz-box-shadow: #666666 0 0 5px;
  box-shadow: #666666 0 0 5px;
  text-shadow: #ffbb67 0 1px 0;
}

/* API code samples (tabs) — light theme defaults */
.he-sample {
  margin: 12px 0 16px 0;
  border: 1px solid #c5d3e0;
  background: #fff;
}
.he-sample-head {
  padding: 8px 10px;
  background: #004778;
  color: #fff;
  font-weight: bold;
  font-size: 11pt;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.he-sample-title { flex: 1 1 auto; }
.he-sample-copy {
  flex: 0 0 auto;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 3px;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font: bold 10px/1.2 Arial, sans-serif;
  cursor: pointer;
}
.he-sample-copy:hover {
  background: rgba(255,255,255,0.22);
}
.he-sample-tabs {
  display: block;
  background: #e8eef4;
  border-bottom: 1px solid #c5d3e0;
  padding: 0 6px;
  overflow: hidden;
}
.he-sample-tab {
  float: left;
  margin: 6px 4px 0 0;
  padding: 6px 14px;
  border: 1px solid transparent;
  border-bottom: none;
  background: transparent;
  color: #004778;
  font: bold 10pt Arial, sans-serif;
  cursor: pointer;
}
.he-sample-tab:hover {
  background: #d7e3ef;
}
.he-sample-tab.active {
  background: #f4f7fb;
  border-color: #c5d3e0;
  color: #222;
  position: relative;
  top: 1px;
}
.he-sample-panels {
  clear: both;
  background: #f4f7fb;
}
.he-sample-panel {
  display: none;
  padding: 0;
}
.he-sample-panel.active {
  display: block;
}
.he-code,
.he-code-hl {
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  max-height: 480px;
  font: 11px/1.45 Consolas, "Courier New", monospace;
  color: #2a3340;
  background: #f4f7fb;
  white-space: pre;
  text-align: left;
}
.he-code-hl code,
.he-code-hl pre,
.he-code-hl span {
  font: 11px/1.45 Consolas, "Courier New", monospace !important;
}
.he-code-hl {
  color: #2a3340;
}
.he-kw {
  color: #0b5fad;
  font-weight: bold;
}
.he-cmt {
  color: #3d7a3d;
}


/* Phase A: brand, CTA, breadcrumbs, side nav */
#header {
	height: auto;
	min-height: 0;
	padding: 0.75em 2em 0.55em 2em;
	background: #003a61 url('images/a5.gif') bottom left repeat-x;
}
.he-brand {
	position: relative;
	z-index: 2;
	margin-bottom: 0.2em;
}
.he-brand-name {
	font-size: 1.85em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	letter-spacing: -0.03em;
	font-family: Georgia, "Times New Roman", serif;
}
.he-brand-name:hover { text-decoration: underline; }
.he-brand-role {
	margin-left: 0.75em;
	color: #c5d8e8;
	font-size: 0.95em;
}
.he-brand-en {
	margin-left: 1em;
	color: #ffd76a;
	font-size: 0.85em;
	text-decoration: none;
}
.he-brand-en:hover { text-decoration: underline; }
#menu {
	position: relative;
	top: auto;
	right: auto;
	margin-top: 0.25em;
}
#menu ul { margin: 0; padding: 0; }
#menu .he-tagline {
	margin: 0.3em 0 0 0;
	color: #e0e8ef;
	font-size: 0.85em;
	font-weight: normal;
}
.he-cta {
	padding: 10px 12px;
	margin: 0 0 16px 0;
	border: 1px solid #c5d3e0;
	background: #f3f7fb;
	font-size: 11pt;
	line-height: 1.45;
}
.he-cta a { font-weight: bold; }
.he-cta-sep { margin: 0 0.35em; color: #99a; }
.he-bc {
	font-size: 1.15em;
	margin: 0;
	line-height: 1.4;
}
.he-bc-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 14px;
	margin: 0 0 0.6em 0;
	padding: 8px 10px;
	border: 1px solid #d7e0ea;
	background: #f4f7fb;
}
.he-bc-hub {
	flex: 0 0 auto;
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #8eb4d4;
	background: #fff;
	color: #004778;
	font-size: 0.92em;
	font-weight: bold;
	text-decoration: none;
}
.he-bc-hub:hover { text-decoration: underline; background: #eef5fb; }
.he-bc a { text-decoration: none; }
.he-bc a:hover { text-decoration: underline; }
.he-bc-cur { color: #333; font-weight: bold; }
.he-bc-sep { color: #99a; }
.he-bc-hr {
	border: none;
	border-top: 1px dashed #dfdfdf;
	margin: 0 0 1em 0;
}
.he-nav-mobile {
	display: none;
}
.he-side {
	margin: 0;
}
.he-side-group {
	margin: 0.2em 0;
}
.he-side-group > summary {
	cursor: pointer;
	font-weight: bold;
	padding: 0.3em 0.2em;
	border-top: 1px dotted #ddd;
	list-style: none;
}
.he-side-group:first-child > summary {
	border-top: none;
}
.he-side-group > summary > a {
	font-weight: bold;
}
.he-side-group > ul {
	list-style: none;
	padding-left: 0.4em;
	margin: 0.2em 0 0.4em;
}
.he-side-group > ul > li {
	margin: 0.15em 0;
	padding-left: 0.2em;
}
.he-disclaimer {
	font-size: 11px;
	line-height: 1.35;
	max-width: 720px;
	margin: 8px auto;
}
#footer p { margin-bottom: 0.5em; }

/* Theme toggle + dark theme */
#header {
	position: relative;
}
.he-theme-btn {
	position: absolute;
	top: 0.65em;
	right: 1.1em;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.45);
	border-radius: 4px;
	background: transparent;
	color: #ffd76a;
	cursor: pointer;
	line-height: 0;
}
.he-theme-btn:hover {
	background: rgba(255,255,255,0.12);
}
.he-theme-btn .he-theme-icon {
	display: block;
}
.he-theme-btn .he-theme-icon-sun { display: none; }
.he-theme-btn.is-dark .he-theme-icon-moon { display: none; }
.he-theme-btn.is-dark .he-theme-icon-sun { display: block; }

html[data-theme="dark"] body {
	background-color: #14171c;
	color: #c5cad3;
}
html[data-theme="dark"] a {
	color: #6cb6ff;
}
html[data-theme="dark"] #primaryContentContainer,
html[data-theme="dark"] #primaryContent,
html[data-theme="dark"] #secondaryContent,
html[data-theme="dark"] #tertiaryContent {
	background: #1b2028 !important;
	background-image: none !important;
}
html[data-theme="dark"] #secondaryContent .xbg,
html[data-theme="dark"] #tertiaryContent .xbg {
	background: transparent !important;
}
html[data-theme="dark"] #content h1,
html[data-theme="dark"] #content h2,
html[data-theme="dark"] #content h3,
html[data-theme="dark"] #content h4,
html[data-theme="dark"] #content h5,
html[data-theme="dark"] #content h6 {
	color: #e6ebf2;
	border-bottom-color: #3a4452;
}
html[data-theme="dark"] #content blockquote {
	background: #222833;
	border-left-color: #4a90c8;
}
html[data-theme="dark"] #content table tr.rowA,
html[data-theme="dark"] #content table tr.rowB {
	background: #222833;
	color: #c5cad3;
	border-top-color: #3a4452;
}
html[data-theme="dark"] #content table td {
	border-right-color: #1b2028;
}
html[data-theme="dark"] .he-cta {
	background: #222833 !important;
	border-color: #3a4452 !important;
	color: #c5cad3 !important;
}
html[data-theme="dark"] .he-cta-sep {
	color: #7a8494;
}
/* leftover inline CTA strips (background:#f7f7f7) */
html[data-theme="dark"] div[style*="background:#f7f7f7"],
html[data-theme="dark"] div[style*="background: #f7f7f7"] {
	background: #222833 !important;
	border-color: #3a4452 !important;
	color: #c5cad3 !important;
}
html[data-theme="dark"] .he-bc-cur {
	color: #e6ebf2;
}
html[data-theme="dark"] .he-bc-sep {
	color: #7a8494;
}
html[data-theme="dark"] .he-bc-hr {
	border-top-color: #3a4452;
}
html[data-theme="dark"] .he-side-group > summary {
	border-top-color: #3a4452;
}
html[data-theme="dark"] #footer {
	border-top-color: #3a4452;
	color: #9aa3b0;
}
html[data-theme="dark"] #header {
	background: #0f2438 url('images/a5.gif') bottom left repeat-x;
}
html[data-theme="dark"] .he-sample {
	border-color: #3a4452;
	background: #1b2028;
}
html[data-theme="dark"] .he-sample-head {
	background: #0f2438;
}
html[data-theme="dark"] .he-sample-tabs {
	background: #1b2028;
	border-bottom-color: #3a4452;
}
html[data-theme="dark"] .he-sample-tab {
	color: #9ec9f0;
}
html[data-theme="dark"] .he-sample-tab:hover {
	background: #222833;
}
html[data-theme="dark"] .he-sample-tab.active {
	background: #222833;
	border-color: #3a4452;
	color: #e6ebf2;
}
html[data-theme="dark"] .he-sample-panels,
html[data-theme="dark"] .he-code,
html[data-theme="dark"] .he-code-hl {
	background: #222833;
	color: #c5cad3;
}
html[data-theme="dark"] .he-kw {
	color: #8ec8ff;
}
html[data-theme="dark"] .he-cmt {
	color: #8fd39a;
}
html[data-theme="dark"] hr {
	border-color: #3a4452;
}

/* Readable presentational colors on dark background */
html[data-theme="dark"] font[color="blue" i],
html[data-theme="dark"] font[color=blue],
html[data-theme="dark"] font[color="#0000ff" i],
html[data-theme="dark"] font[color="#0000FF"],
html[data-theme="dark"] font[color="#00f" i],
html[data-theme="dark"] font[color="#00F"] {
	color: #8ec8ff !important;
}
html[data-theme="dark"] font[color="green" i],
html[data-theme="dark"] font[color=green],
html[data-theme="dark"] font[color="#008000" i],
html[data-theme="dark"] font[color="#339933" i],
html[data-theme="dark"] font[color="#090" i] {
	color: #8fd39a !important;
}
html[data-theme="dark"] font[color="red" i],
html[data-theme="dark"] font[color=red],
html[data-theme="dark"] font[color="#ff0000" i],
html[data-theme="dark"] font[color="#f00" i] {
	color: #ff8a8a !important;
}
html[data-theme="dark"] font[color="navy" i],
html[data-theme="dark"] font[color=navy] {
	color: #9db7ff !important;
}
html[data-theme="dark"] font[color="maroon" i],
html[data-theme="dark"] font[color=maroon] {
	color: #e09090 !important;
}
html[data-theme="dark"] font[color="purple" i],
html[data-theme="dark"] font[color=purple] {
	color: #d0a0ff !important;
}
html[data-theme="dark"] font[color] a {
	color: inherit !important;
}

/* Inline STYLE COLOR (DOM examples: <SPAN style="COLOR: #0000ff">…) */
html[data-theme="dark"] #primaryContent [style*="#0000ff" i],
html[data-theme="dark"] #primaryContent [style*="#0000FF"],
html[data-theme="dark"] #primaryContent [style*="#00f" i],
html[data-theme="dark"] #primaryContent [style*="COLOR: blue" i],
html[data-theme="dark"] #primaryContent [style*="color: blue" i],
html[data-theme="dark"] #primaryContent [style*="#000088" i],
html[data-theme="dark"] #primaryContent [style*="#000099" i] {
	color: #8ec8ff !important;
}
html[data-theme="dark"] #primaryContent [style*="#339933" i],
html[data-theme="dark"] #primaryContent [style*="#009900" i],
html[data-theme="dark"] #primaryContent [style*="#008000" i],
html[data-theme="dark"] #primaryContent [style*="#004000" i],
html[data-theme="dark"] #primaryContent [style*="COLOR: green" i],
html[data-theme="dark"] #primaryContent [style*="color: green" i] {
	color: #8fd39a !important;
}
html[data-theme="dark"] #primaryContent [style*="#ff0000" i],
html[data-theme="dark"] #primaryContent [style*="#f00" i],
html[data-theme="dark"] #primaryContent [style*="COLOR: red" i],
html[data-theme="dark"] #primaryContent [style*="color: red" i] {
	color: #ff8a8a !important;
}
html[data-theme="dark"] #primaryContent [style*="#cc66cc" i],
html[data-theme="dark"] #primaryContent [style*="#CC66CC"] {
	color: #d0a0ff !important;
}
html[data-theme="dark"] #primaryContent [style*="#b1b100" i],
html[data-theme="dark"] #primaryContent [style*="#B1B100"] {
	color: #e0d070 !important;
}
html[data-theme="dark"] #primaryContent [style*="#000000" i] {
	color: #e6ebf2 !important;
}
html[data-theme="dark"] #primaryContent [style*="#666666" i],
html[data-theme="dark"] #primaryContent [style*="#666;" i],
html[data-theme="dark"] #primaryContent [style*="#666\"" i],
html[data-theme="dark"] #primaryContent [style*="#666'" i] {
	color: #a8b0bc !important;
}
html[data-theme="dark"] #primaryContent [style*="#ffc;" i],
html[data-theme="dark"] #primaryContent [style*="#ffc\"" i],
html[data-theme="dark"] #primaryContent [style*="#FFC;" ],
html[data-theme="dark"] #primaryContent [style*="#ffc " i] {
	color: #ffe9a8 !important;
}

/* Blue last — so #000000/#000 rules cannot steal #0000ff */
html[data-theme="dark"] #primaryContent [style*="#0000ff" i],
html[data-theme="dark"] #primaryContent [style*="#0000FF"],
html[data-theme="dark"] #primaryContent [style*="#00f;" i],
html[data-theme="dark"] #primaryContent [style*="#00F;" ],
html[data-theme="dark"] #primaryContent [style*="COLOR: blue" i],
html[data-theme="dark"] #primaryContent [style*="color: blue" i],
html[data-theme="dark"] #primaryContent [style*="#000088" i],
html[data-theme="dark"] #primaryContent [style*="#000099" i] {
	color: #8ec8ff !important;
}

/* Yandex site search — dark theme (beat #ya-site-form0 inline !important) */
html[data-theme="dark"] #ya-site-form0 .ya-site-form__form .ya-site-form__input-text,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__form .ya-site-form__input-text,
html[data-theme="dark"] #ya-site-form0 .ya-site-form__input-text,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__input-text,
html[data-theme="dark"] #ya-site-form0 .ya-site-form__input,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__input,
html[data-theme="dark"] #ya-site-form0 input[type="search"],
html[data-theme="dark"] [id^="ya-site-form"] input[type="search"] {
	background: #222833 !important;
	background-color: #222833 !important;
	color: #e6ebf2 !important;
	border-color: #3a4452 !important;
	caret-color: #e6ebf2;
}
html[data-theme="dark"] #ya-site-form0 .ya-site-form__submit,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__submit,
html[data-theme="dark"] #ya-site-form0 input[type="submit"],
html[data-theme="dark"] [id^="ya-site-form"] input[type="submit"],
html[data-theme="dark"] #ya-site-form0 input[type="button"],
html[data-theme="dark"] [id^="ya-site-form"] input[type="button"] {
	background: #2a3544 !important;
	background-color: #2a3544 !important;
	color: #e6ebf2 !important;
	border: 1px solid #3a4452 !important;
}
html[data-theme="dark"] #ya-site-form0,
html[data-theme="dark"] [id^="ya-site-form"],
html[data-theme="dark"] #ya-site-form0 .ya-site-form__form,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__form {
	color: #c5cad3 !important;
}
html[data-theme="dark"] #ya-site-form0 .ya-site-form__search,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__search,
html[data-theme="dark"] #ya-site-form0 .ya-site-form__search-input,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__search-input,
html[data-theme="dark"] #ya-site-form0 .ya-site-form__search-wrap,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__search-wrap,
html[data-theme="dark"] #ya-site-form0 .ya-site-form__wrap,
html[data-theme="dark"] [id^="ya-site-form"] .ya-site-form__wrap,
html[data-theme="dark"] #ya-site-form0 table,
html[data-theme="dark"] [id^="ya-site-form"] table,
html[data-theme="dark"] #ya-site-form0 td,
html[data-theme="dark"] [id^="ya-site-form"] td {
	background: transparent !important;
	background-color: transparent !important;
	color: #c5cad3 !important;
}
html[data-theme="dark"] .ya-site-suggest-popup,
html[data-theme="dark"] .ya-site-suggest-list,
html[data-theme="dark"] .ya-site-suggest-item,
html[data-theme="dark"] .ya-site-suggest-items {
	background: #222833 !important;
	color: #e6ebf2 !important;
	border-color: #3a4452 !important;
}
html[data-theme="dark"] #ya-site-results a {
	color: #6cb6ff !important;
}
html[data-theme="dark"] #ya-site-results,
html[data-theme="dark"] #ya-site-results .b-serp-item,
html[data-theme="dark"] #ya-site-results table,
html[data-theme="dark"] #ya-site-results td {
	background: transparent !important;
	color: #c5cad3;
}

.he-quicknav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0 0 14px 0;
	padding: 8px 10px;
	border: 1px solid #d7e0ea;
	background: #f7fafc;
	font-size: 0.95em;
}
.he-quicknav a {
	white-space: nowrap;
	text-decoration: none;
	color: #004778;
	font-weight: bold;
}
.he-quicknav a:hover { text-decoration: underline; }
html[data-theme="dark"] .he-quicknav {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-quicknav a { color: #8ec8ff; }

/* Feature wave: copy btn / breadcrumbs / mobile sidebars */
html[data-theme="dark"] .he-bc-wrap {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-bc-hub {
	background: #222833;
	border-color: #4a5a6e;
	color: #8ec8ff;
}
html[data-theme="dark"] .he-sample-copy {
	border-color: rgba(255,255,255,0.35);
	color: #e6ebf2;
}

@media (max-width: 900px) {
	.he-nav-mobile {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
		margin: 0.75em 0 0.25em 0;
		padding: 0 0.5em;
	}
	.he-nav-toggle {
		padding: 7px 12px;
		border: 1px solid #8eb4d4;
		background: #f4f7fb;
		color: #004778;
		font: bold 11px/1.2 Arial, sans-serif;
		cursor: pointer;
	}
	.he-nav-toggle.is-active {
		background: #004778;
		color: #fff;
	}
	html[data-theme="dark"] .he-nav-toggle {
		background: #222833;
		border-color: #4a5a6e;
		color: #8ec8ff;
	}
	html[data-theme="dark"] .he-nav-toggle.is-active {
		background: #2f6ea5;
		color: #fff;
	}
	#primaryContentContainer {
		float: none;
		margin: 0;
		width: auto;
	}
	#primaryContent {
		margin: 0.75em 0.5em 1em 0.5em;
		padding: 0.75em 1em 1.25em 1em;
	}
	#secondaryContent,
	#tertiaryContent {
		display: none;
		float: none;
		width: auto;
		padding: 1em;
		background-image: none;
		border: 1px solid #d7e0ea;
		margin: 0.5em;
	}
	#secondaryContent.is-open,
	#tertiaryContent.is-open {
		display: block;
	}
	#secondaryContent .xbg,
	#tertiaryContent .xbg {
		display: none;
	}
	html[data-theme="dark"] #secondaryContent,
	html[data-theme="dark"] #tertiaryContent {
		border-color: #3a4452;
	}
	#header {
		padding: 0.6em 1em 0.45em 1em;
	}
	#menu li {
		margin: 0.15em 0.35em 0.15em 0;
	}
	.he-bc-wrap {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* API method search page */
.he-api-search {
	margin: 12px 0 20px 0;
	padding: 12px;
	border: 1px solid #c5d3e0;
	background: #f7fafc;
}
.he-api-search-label {
	display: block;
	font-weight: bold;
	margin-bottom: 6px;
}
.he-api-search-input {
	width: 100%;
	box-sizing: border-box;
	padding: 9px 11px;
	border: 1px solid #9eb6cc;
	font: 12pt Arial, sans-serif;
}
.he-api-search-meta {
	margin: 8px 0 4px 0;
	color: #556;
	font-size: 0.95em;
}
.he-api-search-results {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
}
.he-api-search-results li {
	padding: 8px 0;
	border-top: 1px dotted #ccd6e0;
}
.he-api-search-cat {
	color: #667;
	font-size: 0.92em;
}
.he-api-search-title {
	color: #444;
	margin-top: 2px;
	font-size: 0.95em;
}
html[data-theme="dark"] .he-api-search {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-api-search-input {
	background: #222833;
	border-color: #4a5a6e;
	color: #e6ebf2;
}
html[data-theme="dark"] .he-api-search-meta,
html[data-theme="dark"] .he-api-search-cat,
html[data-theme="dark"] .he-api-search-title {
	color: #9aa6b5;
}

/* Snippets catalog */
.he-snippets { margin: 12px 0 20px 0; }
.he-snippets-tasks {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px 0;
}
.he-snip-chip {
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #9eb6cc;
	border-radius: 3px;
	background: #f4f7fb;
	color: #004778;
	font: bold 11px/1.2 Arial, sans-serif;
	cursor: pointer;
}
.he-snip-chip:hover { background: #e8eef4; }
.he-snip-chip.active {
	background: #004778;
	border-color: #004778;
	color: #fff;
}
.he-snippets-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
	margin: 0 0 8px 0;
	padding: 10px 12px;
	border: 1px solid #c5d3e0;
	background: #f7fafc;
}
.he-snippets-filters label { font-weight: bold; font-size: 0.95em; }
.he-snippets-filters select,
.he-snippets-filters input[type="search"] {
	padding: 6px 8px;
	border: 1px solid #9eb6cc;
	font: 11pt Arial, sans-serif;
	min-width: 140px;
}
.he-snippets-filters input[type="search"] { flex: 1 1 180px; min-width: 180px; }
.he-snippets-meta { margin: 8px 0; color: #556; font-size: 0.95em; }
.he-snippets-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.he-snippets-list li {
	padding: 10px 0;
	border-top: 1px dotted #ccd6e0;
}
.he-snip-title { font-size: 1.05em; }
.he-snip-cat { color: #667; font-size: 0.92em; margin-left: 4px; }
.he-snip-hint { margin: 4px 0; color: #444; font-size: 0.95em; }
.he-snip-tags { margin-top: 4px; }
.he-snip-tag {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 2px 6px;
	border: 1px solid #d0dbe6;
	background: #eef4f9;
	font-size: 0.85em;
	color: #335;
}
.he-snip-langs { margin: 4px 0; }
.he-snip-lang {
	display: inline-block;
	margin-right: 4px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	color: #999;
	font: bold 10px/1.2 Arial, sans-serif;
}
.he-snip-lang.on {
	border-color: #8eb4d4;
	color: #004778;
	background: #e8eef4;
}
.he-snip-go { margin-top: 4px; font-size: 0.95em; }
html[data-theme="dark"] .he-snip-chip {
	background: #222833;
	border-color: #4a5a6e;
	color: #8ec8ff;
}
html[data-theme="dark"] .he-snip-chip.active {
	background: #3d6f9e;
	border-color: #3d6f9e;
	color: #fff;
}
html[data-theme="dark"] .he-snippets-filters {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-snippets-filters select,
html[data-theme="dark"] .he-snippets-filters input[type="search"] {
	background: #222833;
	border-color: #4a5a6e;
	color: #e6ebf2;
}
html[data-theme="dark"] .he-snippets-meta,
html[data-theme="dark"] .he-snip-cat,
html[data-theme="dark"] .he-snip-hint { color: #9aa6b5; }
html[data-theme="dark"] .he-snip-tag {
	background: #222833;
	border-color: #3a4452;
	color: #c5cad3;
}
html[data-theme="dark"] .he-snip-lang.on {
	background: #222833;
	border-color: #4a5a6e;
	color: #8ec8ff;
}

/* Hub whats-new block */
.he-whats-new {
	margin: 12px 0 16px 0;
	padding: 10px 12px;
	border: 1px solid #c5d3e0;
	background: #f3f8fc;
}
.he-whats-new h2 {
	margin: 0 0 8px 0;
	font-size: 1.15em;
}
.he-whats-new ul {
	margin: 0 0 6px 1.2em;
	padding: 0;
}
.he-whats-new .he-whats-new-more {
	margin: 0;
	font-size: 0.95em;
}
html[data-theme="dark"] .he-whats-new {
	background: #1c222c;
	border-color: #3a4452;
}

/* Checklist / roadmap helpers */
.he-checklist,
.he-roadmap {
	margin: 10px 0 16px 0;
	padding: 10px 12px 10px 2em;
	border: 1px solid #c5d3e0;
	background: #f7fafc;
}
html[data-theme="dark"] .he-checklist,
html[data-theme="dark"] .he-roadmap {
	background: #1c222c;
	border-color: #3a4452;
}

/* Guide readability + infographics (light/dark) */
.he-lead {
	font-size: 1.08em;
	line-height: 1.55;
	margin: 0.4em 0 1em 0;
	color: #2a3440;
}
.he-guide-meta {
	margin: 0 0 0.75em 0;
	color: #667;
	font-size: 0.95em;
}
.he-toc {
	margin: 0 0 1.25em 0;
	padding: 10px 12px;
	border: 1px solid #d7e0ea;
	background: #f7fafc;
}
.he-toc strong { display: block; margin-bottom: 0.35em; }
.he-toc a { margin-right: 0.85em; white-space: nowrap; }
@media (min-width: 1100px) {
	.he-toc {
		position: sticky;
		top: 8px;
		z-index: 2;
	}
}
.he-compat {
	margin: 10px 0 16px 0;
	padding: 10px 12px;
	border: 1px solid #c5d3e0;
	background: #f3f8fc;
	font-size: 0.96em;
}
.he-compat strong { display: block; margin: 0 0 6px 0; color: #004778; }
.he-compat ul,
.he-compat ol { margin: 0 0 0 1.2em; padding: 0; }
.he-compat li { margin: 0.25em 0; }
html[data-theme="dark"] .he-compat {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-compat strong { color: #8ec8ff; }

.he-related-why {
	color: #667;
	font-size: 0.92em;
	font-weight: normal;
}
html[data-theme="dark"] .he-related-why { color: #9aa6b5; }
.he-related-list { columns: 1; }
.he-snippets-lead {
	margin: 0 0 8px 0;
	color: #445;
	font-size: 0.98em;
}
html[data-theme="dark"] .he-snippets-lead { color: #9aa6b5; }

/* Method signature + related + langs + video */
.he-sig {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0.55em 0 1em 0;
	padding: 10px 12px;
	border: 1px solid #c5d3e0;
	border-radius: 4px;
	background: #f4f7fb;
}
.he-sig strong {
	flex: 1 1 auto;
	font-family: Consolas, "Courier New", monospace;
	font-size: 1.02em;
	line-height: 1.35;
	word-break: break-word;
}
.he-sig-copy {
	flex: 0 0 auto;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #8eb4d4;
	border-radius: 3px;
	background: #fff;
	color: #004778;
	font: bold 10px/1.2 Arial, sans-serif;
	cursor: pointer;
}
.he-sig-copy:hover { background: #e8eef4; }
.he-related {
	margin: 14px 0 8px 0;
	padding: 10px 12px;
	border: 1px solid #c5d3e0;
	background: #f7fafc;
}
.he-related-title {
	font-weight: bold;
	color: #004778;
	margin: 0 0 6px 0;
}
.he-related-list {
	margin: 0;
	padding-left: 1.2em;
	columns: 2;
	column-gap: 1.5em;
}
.he-related-list li { break-inside: avoid; margin: 0.15em 0; }
.he-lang-table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 14px 0;
	font-size: 0.98em;
}
.he-lang-table th,
.he-lang-table td {
	border: 1px solid #c5d3e0;
	padding: 8px 10px;
	vertical-align: top;
	text-align: left;
}
.he-lang-table th {
	background: #e8eef4;
	color: #004778;
}
.he-video {
	margin: 12px 0 16px 0;
	padding: 0;
	border: 1px solid #c5d3e0;
	background: #0f1419;
}
.he-video video {
	display: block;
	width: 100%;
	max-width: 720px;
	height: auto;
	margin: 0 auto;
	background: #000;
}
.he-video figcaption {
	padding: 6px 10px;
	background: #f7fafc;
	color: #445;
	font-size: 0.92em;
	border-top: 1px solid #c5d3e0;
}
html[data-theme="dark"] .he-sig {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-sig-copy {
	background: #222833;
	border-color: #4a5a6e;
	color: #8ec8ff;
}
html[data-theme="dark"] .he-related {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-related-title { color: #8ec8ff; }
html[data-theme="dark"] .he-lang-table th,
html[data-theme="dark"] .he-lang-table td { border-color: #3a4452; }
html[data-theme="dark"] .he-lang-table th {
	background: #222833;
	color: #8ec8ff;
}
html[data-theme="dark"] .he-video { border-color: #3a4452; }
html[data-theme="dark"] .he-video figcaption {
	background: #1c222c;
	color: #c5cad3;
	border-color: #3a4452;
}
@media (max-width: 700px) {
	.he-related-list { columns: 1; }
	.he-sig { flex-direction: column; }
	#content img {
		max-width: 100%;
		height: auto;
	}
	#content iframe {
		max-width: 100%;
	}
	#content a {
		overflow-wrap: anywhere;
	}
	.he-toc a { white-space: normal; }
	/* 20.09: код-блоки и таблицы не должны расширять страницу (Вебмастер: мобильная оптимизация) */
	pre, code, kbd, samp {
		white-space: pre-wrap;
		overflow-wrap: anywhere;
		max-width: 100%;
	}
	#content table { max-width: 100%; }
	/* 20.09: читаемость без зума (Вебмастер: базовый кегль ~16px) и тап-таргеты */
	body { font-size: 12pt; }
	.he-nav-toggle { padding: 11px 16px; font-size: 12px; }
	.he-cta a, .he-quicknav a {
		display: inline-block;
		padding: 8px 8px;
	}
}

.he-infograph {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	align-items: stretch;
	margin: 14px 0 20px 0;
	padding: 14px 10px;
	border: 1px solid #c5d3e0;
	background: linear-gradient(180deg, #f7fafc 0%, #eef4f9 100%);
	border-radius: 4px;
}
.he-infograph-step {
	flex: 1 1 120px;
	min-width: 110px;
	text-align: center;
	padding: 8px 10px;
	position: relative;
}
.he-infograph-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 36px;
	right: -6px;
	width: 12px;
	height: 2px;
	background: #8eb4d4;
}
.he-infograph-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0 auto 8px auto;
	border-radius: 50%;
	background: #004778;
	color: #fff;
	font: bold 12px/1 Arial, sans-serif;
}
.he-infograph-icon {
	position: relative;
	display: block;
	width: 52px;
	height: 52px;
	margin: 0 auto 8px auto;
	border-radius: 50%;
	background: #dceaf6;
	box-shadow: inset 0 0 0 1px rgba(0, 71, 120, 0.18);
}
.he-infograph-icon::after {
	content: "";
	position: absolute;
	inset: 11px;
	background-color: #004778;
	-webkit-mask: var(--he-icon) center / contain no-repeat;
	mask: var(--he-icon) center / contain no-repeat;
}
.he-infograph-icon img,
.he-infograph-icon svg {
	display: none;
}
.he-infograph-title {
	display: block;
	font-weight: bold;
	font-size: 0.98em;
	color: #123;
	margin-bottom: 4px;
}
.he-infograph-desc {
	display: block;
	font-size: 0.88em;
	line-height: 1.35;
	color: #556;
}
.he-icon-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin: 12px 0 18px 0;
}
.he-icon-card {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 12px;
	border: 1px solid #d7e0ea;
	background: #fff;
	text-decoration: none !important;
	color: inherit;
	min-height: 72px;
}
.he-icon-card:hover {
	border-color: #8eb4d4;
	background: #f4f8fc;
}
.he-icon-card .he-ic {
	position: relative;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #dceaf6;
	box-shadow: inset 0 0 0 1px rgba(0, 71, 120, 0.18);
}
.he-icon-card .he-ic::after {
	content: "";
	position: absolute;
	inset: 8px;
	background-color: #004778;
	-webkit-mask: var(--he-icon) center / contain no-repeat;
	mask: var(--he-icon) center / contain no-repeat;
}
.he-icon-card .he-ic img,
.he-icon-card .he-ic svg {
	display: none;
}
.he-icon-card strong {
	display: block;
	color: #004778;
	margin-bottom: 2px;
}
.he-icon-card span {
	display: block;
	font-size: 0.9em;
	line-height: 1.35;
	color: #556;
}
.he-callout {
	margin: 12px 0 16px 0;
	padding: 10px 12px;
	border-left: 4px solid #004778;
	background: #f3f7fb;
}
.he-guide-figure {
	margin: 12px 0 18px 0;
	padding: 8px;
	border: 1px solid #d7e0ea;
	background: #fff;
	text-align: center;
}
.he-guide-figure img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
.he-guide-figure figcaption {
	margin-top: 6px;
	font-size: 0.9em;
	color: #667;
}
.he-section {
	margin-bottom: 1.35em;
}
.he-section h2 {
	margin-top: 1.1em;
}

html[data-theme="dark"] .he-lead { color: #d5dbe4; }
html[data-theme="dark"] .he-guide-meta { color: #9aa6b5; }
html[data-theme="dark"] .he-toc,
html[data-theme="dark"] .he-infograph {
	background: linear-gradient(180deg, #1c222c 0%, #171c24 100%);
	border-color: #3a4452;
}
html[data-theme="dark"] .he-infograph-step:not(:last-child)::after { background: #4a5a6e; }
html[data-theme="dark"] .he-infograph-num { background: #2f6ea5; }
html[data-theme="dark"] .he-infograph-icon {
	color: #8ec8ff;
	background: #3a4658;
	box-shadow: inset 0 0 0 1px rgba(183, 220, 255, 0.45);
}
html[data-theme="dark"] .he-infograph-icon::after {
	background-color: #d6ebff;
}
html[data-theme="dark"] .he-infograph-title { color: #e6ebf2; }
html[data-theme="dark"] .he-infograph-desc { color: #9aa6b5; }
html[data-theme="dark"] .he-icon-card {
	background: #1c222c;
	border-color: #3a4452;
	color: #c5cad3;
}
html[data-theme="dark"] .he-icon-card:hover {
	background: #222833;
	border-color: #4a5a6e;
}
html[data-theme="dark"] .he-icon-card .he-ic,
html[data-theme="dark"] .he-icon-card strong { color: #8ec8ff; }
html[data-theme="dark"] .he-icon-card .he-ic {
	background: #3a4658;
	box-shadow: inset 0 0 0 1px rgba(183, 220, 255, 0.45);
}
html[data-theme="dark"] .he-icon-card .he-ic::after {
	background-color: #d6ebff;
}
html[data-theme="dark"] .he-guide-figure img {
	opacity: 0.9;
	filter: brightness(0.88) contrast(0.98);
	border-radius: 4px;
}
html[data-theme="dark"] .he-icon-card span { color: #9aa6b5; }
html[data-theme="dark"] .he-callout {
	background: #1c222c;
	border-left-color: #2f6ea5;
}
html[data-theme="dark"] .he-guide-figure {
	background: #1c222c;
	border-color: #3a4452;
}
html[data-theme="dark"] .he-guide-figure figcaption { color: #9aa6b5; }

/* Catalog: sections, tags */
.he-tag-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 1em 0;
}
.he-tag {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 3px 9px;
	border: 1px solid #8eb4d4;
	border-radius: 999px;
	background: #f4f8fc;
	color: #004778;
	font-size: 0.85em;
	line-height: 1.3;
	text-decoration: none !important;
	cursor: pointer;
}
button.he-tag {
	font-family: inherit;
}
.he-tag:hover,
.he-tag.is-on {
	background: #004778;
	border-color: #004778;
	color: #fff;
}
.he-tag-sm {
	font-size: 0.78em;
	padding: 1px 7px;
	margin: 0 4px 0 0;
}
.he-guide-tags { margin: 0.15em 0 0.9em 0; }
.he-badge-new {
	display: inline-block;
	margin-left: 4px;
	padding: 1px 6px;
	border-radius: 3px;
	background: #0b7a3b;
	color: #fff;
	font-size: 0.72em;
	font-weight: bold;
	vertical-align: middle;
}
.he-cat-list {
	list-style: none;
	margin: 0 0 1.2em 0;
	padding: 0;
}
.he-cat-item {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #e5edf4;
}
.he-cat-item > a {
	font-weight: bold;
}
.he-cat-teaser {
	display: block;
	margin-top: 2px;
	color: #556;
	font-size: 0.95em;
}
.he-cat-tags { display: block; margin-top: 4px; }
.he-tag-empty { color: #667; }
.he-cat-sec h3 {
	margin: 0.9em 0 0.35em 0;
	font-size: 1.05em;
	color: #004778;
}
html[data-theme="dark"] .he-tag {
	background: #1c222c;
	border-color: #4a5a6e;
	color: #8ec8ff;
}
html[data-theme="dark"] .he-tag:hover,
html[data-theme="dark"] .he-tag.is-on {
	background: #2f6ea5;
	border-color: #2f6ea5;
	color: #fff;
}
html[data-theme="dark"] .he-cat-item { border-bottom-color: #3a4452; }
html[data-theme="dark"] .he-cat-teaser,
html[data-theme="dark"] .he-tag-empty { color: #9aa6b5; }
html[data-theme="dark"] .he-cat-sec h3 { color: #8ec8ff; }

@media (max-width: 700px) {
	.he-infograph { flex-direction: column; }
	.he-infograph-step:not(:last-child)::after {
		top: auto;
		bottom: -2px;
		left: 50%;
		right: auto;
		width: 2px;
		height: 12px;
		transform: translateX(-50%);
	}
}

/* Cookie consent banner */
#he-cookie-banner {
	position: fixed;
	left: 50%;
	right: auto;
	bottom: 12px;
	z-index: 100;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em 1.2em;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: min(920px, calc(100vw - 24px));
	transform: translateX(-50%);
	padding: 0.7em 1em;
	border: 1px solid #ccd6e0;
	border-radius: 6px;
	background: rgba(255,255,255,0.97);
	box-shadow: 0 2px 14px rgba(0,0,0,0.18);
	font-size: 13px;
	line-height: 1.4;
}
#he-cookie-banner[hidden] { display: none; }
#he-cookie-banner p { margin: 0; flex: 1 1 60%; min-width: 240px; }
.he-cookie-actions {
	display: flex;
	gap: 0.5em;
}
.he-cookie-btn {
	font: inherit;
	font-size: 13px;
	padding: 0.4em 1em;
	border: 1px solid #556;
	border-radius: 4px;
	background: #fff;
	color: #334;
	cursor: pointer;
	white-space: nowrap;
}
.he-cookie-btn:hover { background: #f0f2f5; }
.he-cookie-btn-primary {
	background: #2f6ea5;
	border-color: #2f6ea5;
	color: #fff;
}
.he-cookie-btn-primary:hover { background: #285d8c; }
html[data-theme="dark"] #he-cookie-banner {
	background: rgba(27,32,40,0.97);
	border-color: #3a4452;
	color: #c5cad3;
	box-shadow: 0 2px 14px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .he-cookie-btn {
	background: #222833;
	border-color: #4a5a6e;
	color: #c5cad3;
}
html[data-theme="dark"] .he-cookie-btn:hover { background: #2b3340; }
@media (max-width: 560px) {
	#he-cookie-banner { flex-direction: column; align-items: stretch; }
	.he-cookie-actions { justify-content: stretch; }
	.he-cookie-actions .he-cookie-btn { flex: 1; }
}




/* Legal footer: age marking + operator details */
.he-age {
	display: inline-block;
	border: 1px solid #7a8798;
	border-radius: 3px;
	padding: 0 5px;
	margin-right: 6px;
	font-weight: 700;
	font-size: 0.85em;
	vertical-align: baseline;
}
.he-operator { white-space: nowrap; }
@media (max-width: 700px) { .he-operator { white-space: normal; } }
html[data-theme="dark"] .he-age { border-color: #56637a; color: #c5cad3; }