/* Полис к ипотеке — тема «Папка полиса».
   Почтовый ящик заёмщика на бумаге договора: светлый стол с едва заметной гильошной сеткой, листы полиса
   с гильошной рамкой, картонная папка-скоросшиватель, синие печати и штампы, красная отметка «срок».
   Главная: слева папки-разделы, в центре «входящие» с темами-письмами, справа «Календарь продления»
   с калькулятором страховой суммы; ниже «опись вложения» и маршрут смены страховщика.
   Тема: письма с полосой «От / Кому / Дата» над текстом, ответ, который помог, получает синий штамп.
   Участники — почтовые марки с зубцами. Профиль — карточка страхователя.
   Шрифты: Old Standard TT (заголовки, суммы, номера) + Source Sans 3 (интерфейс и текст), оба OFL. */

@font-face { font-family: "Old Standard TT"; src: url("fonts/old-standard-tt-cyrillic-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Old Standard TT"; src: url("fonts/old-standard-tt-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Old Standard TT"; src: url("fonts/old-standard-tt-cyrillic-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Old Standard TT"; src: url("fonts/old-standard-tt-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20BD, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: "Old Standard TT"; src: url("fonts/old-standard-tt-cyrillic-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Old Standard TT"; src: url("fonts/old-standard-tt-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20BD, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-cyrillic-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-cyrillic-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20BD, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-cyrillic-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20BD, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-cyrillic-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Sans 3"; src: url("fonts/source-sans-3-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20BD, U+2212, U+FEFF, U+FFFD; }

:root {
	--si-desk: #ebe7dc;
	--si-desk2: #e1dccd;
	--si-paper: #fffdf7;
	--si-paper2: #f7f3e8;
	--si-paper3: #efe9da;
	--si-ink: #1e2430;
	--si-ink2: #434a58;
	--si-mute: #6f7480;
	--si-dim: #9a9c97;
	--si-line: rgba(30, 36, 48, .11);
	--si-line2: rgba(30, 36, 48, .2);
	--si-gil: #2c6a5b;
	--si-gil-d: #1d4d41;
	--si-gil-l: #e2eee8;
	--si-stamp: #2747b8;
	--si-stamp-d: #1b3488;
	--si-stamp-l: #e6ebfb;
	--si-due: #c0452c;
	--si-due-d: #93311d;
	--si-due-l: #f9e5dd;
	--si-seal: #8c6a2c;
	--si-seal-l: #f3ead5;
	--si-kraft: #d9c9a3;
	--si-kraft-d: #b6a275;
	--si-kraft-l: #ece2c8;
	--si-head: "Old Standard TT", "Times New Roman", Georgia, serif;
	--si-text: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;
	--si-r: 4px;
	--si-shadow: 0 1px 0 rgba(30, 36, 48, .05), 0 14px 30px -22px rgba(30, 36, 48, .55);
	--si-wrap: 1400px;
	--si-gilbg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='26' viewBox='0 0 64 26'%3E%3Cpath d='M0 13c8-11 24-11 32 0s24 11 32 0M0 13c8 11 24 11 32 0s24-11 32 0' fill='none' stroke='%232c6a5b' stroke-opacity='.075' stroke-width='.8'/%3E%3C/svg%3E");
}

.si-tone--ink  { --t: var(--si-stamp); --tl: var(--si-stamp-l); --td: var(--si-stamp-d); }
.si-tone--gil  { --t: var(--si-gil);   --tl: var(--si-gil-l);   --td: var(--si-gil-d); }
.si-tone--due  { --t: var(--si-due);   --tl: var(--si-due-l);   --td: var(--si-due-d); }
.si-tone--seal { --t: var(--si-seal);  --tl: var(--si-seal-l);  --td: #63491a; }
.si-tone--mute { --t: #6a707d;         --tl: #eceae4;           --td: #454b56; }

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font: 400 16.5px/1.58 var(--si-text);
	color: var(--si-ink);
	background-color: var(--si-desk);
	background-image: var(--si-gilbg), linear-gradient(180deg, #f2efe6 0, var(--si-desk) 380px);
	background-size: 64px 26px, auto;
	overflow-x: hidden;
	font-variant-numeric: lining-nums;
}
img { max-width: 100%; height: auto; }
a { color: var(--si-stamp); text-decoration: none; }
a:hover { color: var(--si-due-d); }
:focus-visible { outline: 2px solid var(--si-stamp); outline-offset: 2px; border-radius: 3px; }
button { font: inherit; color: inherit; }
p { margin: 0 0 .8em; }
.si-app { min-height: 100vh; display: flex; flex-direction: column; }
.si-app > .si-main { flex: 1 0 auto; width: 100%; }
.si-app > .si-crumbs-row { width: 100%; }
.si-skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--si-stamp); color: #fff; padding: 8px 14px; border-radius: 4px; }
.si-skip:focus { left: 12px; }

.si-h1 { font: 700 clamp(28px, 2.9vw, 40px)/1.12 var(--si-head); margin: 0 0 .3em; color: var(--si-ink); letter-spacing: -.005em; }
.si-h2 { font: 700 clamp(20px, 1.7vw, 23px)/1.2 var(--si-head); margin: 0; color: var(--si-ink); }
.si-h3 { font: 700 11.5px/1.3 var(--si-text); text-transform: uppercase; letter-spacing: .16em; color: var(--si-mute); margin: 0 0 12px; }
.si-h3 a { color: inherit; }
.si-kicker { font: 600 11.5px/1.3 var(--si-text); text-transform: uppercase; letter-spacing: .18em; color: var(--si-gil); margin: 0 0 8px; }
.si-lead { font-size: 16.5px; color: var(--si-ink2); max-width: 60ch; margin: 0; }
.si-more { font: 600 13.5px/1.3 var(--si-text); color: var(--si-stamp); background: none; border: 0; padding: 0; cursor: pointer; border-bottom: 1px dashed rgba(39, 71, 184, .45); }
.si-more:hover { color: var(--si-due-d); border-bottom-style: solid; border-color: currentColor; }
.si-empty { color: var(--si-mute); list-style: none; padding: 14px 4px; }
.si-ico { flex-shrink: 0; display: block; }

/* ------------------------------------------------------------------ шапка и верхняя полоса групп */
.si-top { background: var(--si-paper); border-bottom: 1px solid var(--si-line2); box-shadow: 0 1px 0 #fff inset, 0 6px 18px -16px rgba(30, 36, 48, .5); position: relative; z-index: 20; }
.si-top::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 3px; border-bottom: 1px solid var(--si-line2); pointer-events: none; }
.si-top__in { max-width: var(--si-wrap); margin: 0 auto; padding: 14px 28px 10px; display: flex; align-items: center; gap: 22px; }
.si-logo { display: flex; align-items: center; gap: 12px; color: var(--si-ink); min-width: 0; }
.si-logo:hover { color: var(--si-ink); }
.si-logo__mark { flex-shrink: 0; transition: transform .35s cubic-bezier(.3, 1.4, .5, 1); }
.si-logo:hover .si-logo__mark { transform: rotate(-6deg) translateY(-1px); }
.si-logo__txt { display: flex; flex-direction: column; min-width: 0; }
.si-logo__name { font: 700 23px/1.05 var(--si-head); letter-spacing: -.005em; white-space: nowrap; }
.si-logo__sub { font: 400 12.5px/1.3 var(--si-text); color: var(--si-mute); margin-top: 3px; white-space: nowrap; }
.si-find { flex: 1; max-width: 520px; margin-left: auto; position: relative; display: flex; align-items: center; }
.si-find__l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.si-find__i { position: absolute; left: 12px; color: var(--si-mute); pointer-events: none; }
.si-find input[type="search"] { width: 100%; padding: 9px 86px 9px 36px; border-radius: 3px; background: var(--si-paper2); border: 1px solid var(--si-line2); font-size: 15px; }
.si-find__b { position: absolute; right: 4px; top: 4px; bottom: 4px; padding: 0 14px; border: 0; border-radius: 2px; background: var(--si-ink); color: #fff; font: 600 13.5px/1 var(--si-text); cursor: pointer; }
.si-find__b:hover { background: var(--si-stamp); }
.si-me { position: relative; }
.si-me__b { display: flex; align-items: center; gap: 8px; padding: 6px 12px 6px 8px; border: 1px solid var(--si-line2); background: var(--si-paper); border-radius: 3px; cursor: pointer; font: 600 14px/1 var(--si-text); color: var(--si-ink); }
.si-me__b:hover { border-color: var(--si-stamp); color: var(--si-stamp); }
.si-me__b > span:last-child { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.si-me__panel { position: absolute; right: 0; top: calc(100% + 8px); width: 300px; background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 4px; box-shadow: 0 24px 40px -22px rgba(30, 36, 48, .55); padding: 16px; z-index: 40; }
.si-nav { border-top: 1px solid var(--si-line); }
.si-nav__in { max-width: var(--si-wrap); margin: 0 auto; padding: 0 22px; display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; }
.si-nav__in::-webkit-scrollbar { display: none; }
.si-nav__a { position: relative; display: flex; align-items: center; gap: 8px; padding: 11px 14px 12px; font: 600 14.5px/1 var(--si-text); color: var(--si-ink2); white-space: nowrap; }
.si-nav__a i { width: 9px; height: 9px; border-radius: 2px; background: var(--t, var(--si-gil)); transform: rotate(45deg) scale(.85); transition: transform .25s; }
.si-nav__a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 2px; background: var(--t, var(--si-ink)); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.si-nav__a:hover { color: var(--si-ink); }
.si-nav__a:hover i { transform: rotate(45deg) scale(1.1); }
.si-nav__a:hover::after, .si-nav__a.is-on::after { transform: scaleX(1); }
.si-nav__a.is-on { color: var(--si-ink); }
.si-crumbs-row { max-width: var(--si-wrap); margin: 0 auto; padding: 14px 28px 0; }
.si-crumbs { font: 400 13.5px/1.4 var(--si-text); color: var(--si-mute); display: flex; flex-wrap: wrap; gap: 2px 0; }
.si-crumbs a { color: var(--si-ink2); }
.si-crumbs a:hover { color: var(--si-stamp); }
.si-crumbs .active { color: var(--si-mute); }
.si-crumbs__sep { margin: 0 8px; color: var(--si-dim); }
.si-page--index .si-crumbs-row { display: none; }
.si-main { max-width: var(--si-wrap); margin: 0 auto; padding: 18px 28px 48px; }
.si-page--index .si-main { padding-top: 22px; }

/* ------------------------------------------------------------------ марки-лица, звания, репутация, отметки */
.si-face { --r: 2px; flex-shrink: 0; display: inline-grid; place-items: center; position: relative; padding: calc(var(--r) * 2.2);
	background:
		radial-gradient(var(--r), #0000 97%, #fffdf7) round calc(-1.5 * var(--r)) calc(-1.5 * var(--r)) / calc(3 * var(--r)) calc(3 * var(--r)),
		linear-gradient(#fffdf7 0 0) no-repeat 50% / calc(100% - 3 * var(--r)) calc(100% - 3 * var(--r));
	filter: drop-shadow(0 1px 1px rgba(30, 36, 48, .28)); }
.si-face b, .si-face img { display: grid; place-items: center; width: 100%; height: 100%; object-fit: cover; }
.si-face--mono b { font: 700 15px/1 var(--si-head); color: #fff; letter-spacing: .02em; background: var(--mt); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5), inset 0 0 0 3px var(--mt); }
.si-face--xs { width: 24px; height: 24px; --r: 1.2px; } .si-face--xs b { font-size: 9px; }
.si-face--s { width: 32px; height: 32px; --r: 1.5px; } .si-face--s b { font-size: 11.5px; }
.si-face--m { width: 46px; height: 46px; } .si-face--m b { font-size: 15px; }
.si-face--l { width: 60px; height: 60px; } .si-face--l b { font-size: 19px; }
.si-face--xl { width: 132px; height: 132px; --r: 3.2px; } .si-face--xl b { font-size: 42px; }
.si-mt-0 { --mt: #2c6a5b; } .si-mt-1 { --mt: #2747b8; } .si-mt-2 { --mt: #b4532f; } .si-mt-3 { --mt: #8c6a2c; } .si-mt-4 { --mt: #5d5a8f; } .si-mt-5 { --mt: #3f6f8a; }
.si-face--img img { filter: sepia(.12) saturate(.92); }

.si-badge { flex-shrink: 0; display: block; }
.si-badge .o { fill: none; stroke: var(--si-stamp); stroke-width: 1.3; }
.si-badge .i { fill: var(--si-stamp-l); stroke: var(--si-stamp); stroke-width: .7; }
.si-badge path { stroke-width: 1.6; stroke-linecap: round; }
.si-badge .on { stroke: var(--si-stamp); }
.si-badge .off { stroke: rgba(39, 71, 184, .22); }
.si-badge text { font: 700 6.6px/1 var(--si-head); fill: var(--si-stamp-d); }
.si-badge--5 .i, .si-badge--6 .i { fill: var(--si-stamp); }
.si-badge--5 text, .si-badge--6 text { fill: #fff; }
.si-rank { display: inline-flex; align-items: center; gap: 6px; font: 600 12.5px/1.2 var(--si-text); color: var(--si-stamp-d); }
.si-rep { display: inline-flex; align-items: center; gap: 4px; font: 700 12.5px/1 var(--si-text); color: var(--si-gil); padding: 3px 7px 3px 5px; border: 1px solid rgba(44, 106, 91, .3); border-radius: 2px; background: var(--si-gil-l); }
.si-rep--zero { color: var(--si-mute); background: transparent; border-color: var(--si-line2); }
.si-rep--down { color: var(--si-due); background: var(--si-due-l); border-color: rgba(192, 69, 44, .3); }

.si-mk { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px 2px 5px; border-radius: 2px; font: 700 11px/1.3 var(--si-text); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.si-mk--due { color: var(--si-due); border: 1px solid rgba(192, 69, 44, .55); background: var(--si-due-l); }
.si-mk--att { color: var(--si-ink2); border: 1px solid var(--si-line2); background: var(--si-paper2); }
.si-mk--ok { color: var(--si-stamp); border: 1.5px double var(--si-stamp); border-style: double; border-width: 3px; padding: 0 6px 0 4px; transform: rotate(-2.5deg); background: rgba(230, 235, 251, .6); }
.si-mk--pin { color: var(--si-seal); border: 1px solid rgba(140, 106, 44, .45); background: var(--si-seal-l); }
.si-mk--wait { color: var(--si-mute); border: 1px dashed var(--si-line2); text-transform: none; letter-spacing: 0; font-weight: 600; }

/* ------------------------------------------------------------------ ящик: папки | входящие | календарь */
.si-box { display: grid; grid-template-columns: 236px minmax(0, 1fr) 372px; gap: 22px; align-items: start; }
.si-box--folder { grid-template-columns: 236px minmax(0, 1fr); }
.si-box__rail { position: sticky; top: 14px; }
.si-rail__h { font: 700 11.5px/1 var(--si-text); letter-spacing: .2em; text-transform: uppercase; color: var(--si-mute); margin: 4px 0 10px 12px; }
.si-rail { display: flex; flex-direction: column; gap: 1px; padding: 10px 8px 12px; background: var(--si-kraft-l); border: 1px solid var(--si-kraft-d); border-radius: 3px 14px 3px 3px; box-shadow: var(--si-shadow); position: relative; }
.si-rail::before { content: ""; position: absolute; left: 18px; top: -11px; width: 92px; height: 11px; background: var(--si-kraft-l); border: 1px solid var(--si-kraft-d); border-bottom: 0; border-radius: 6px 10px 0 0; }
.si-rail__g { margin: 12px 0 3px 10px; font: 700 10.5px/1.2 var(--si-text); letter-spacing: .16em; text-transform: uppercase; }
.si-rail__g a { color: var(--td); }
.si-fold { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 6px 9px; border-radius: 3px; color: var(--si-ink2); font: 600 14.5px/1.25 var(--si-text); position: relative; transition: background .2s, color .2s, transform .2s; }
.si-fold .si-ico { color: var(--t, var(--si-ink2)); }
.si-fold__n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.si-fold__c { font: 600 12.5px/1 var(--si-text); color: var(--si-mute); font-variant-numeric: tabular-nums; }
.si-fold:hover { background: rgba(255, 253, 247, .7); color: var(--si-ink); transform: translateX(2px); }
.si-fold.is-on { background: var(--si-paper); color: var(--si-ink); box-shadow: 0 1px 0 var(--si-kraft-d), 0 4px 12px -8px rgba(30, 36, 48, .5); }
.si-fold.is-on::before { content: ""; position: absolute; left: -8px; top: 6px; bottom: 6px; width: 3px; background: var(--t, var(--si-stamp)); border-radius: 0 2px 2px 0; }
.si-fold--inbox { font-weight: 700; color: var(--si-ink); }
.si-fold--inbox .si-ico { color: var(--si-stamp); }
.si-fold--inbox .si-fold__c { font-weight: 400; font-size: 12px; }

.si-inbox, .si-folder { background: var(--si-paper); border: 1px solid var(--si-line); border-radius: var(--si-r); box-shadow: var(--si-shadow); min-width: 0; }
.si-inbox__head { display: grid; grid-template-columns: minmax(0, 1fr) 236px; gap: 18px; align-items: end; padding: 24px 26px 18px; border-bottom: 1px solid var(--si-line); background: linear-gradient(180deg, transparent, rgba(247, 243, 232, .7)), var(--si-gilbg); background-size: auto, 64px 26px; }
.si-inbox__art { margin: -10px -6px -18px 0; }
.si-art { display: block; width: 100%; height: auto; overflow: visible; }
.si-art__back { fill: var(--si-kraft-d); }
.si-art__front { fill: var(--si-kraft); stroke: var(--si-kraft-d); stroke-width: 1; }
.si-art__sheet2 rect { fill: #f5f0e2; stroke: rgba(30, 36, 48, .18); transform-origin: 170px 190px; transform: rotate(-4deg); }
.si-art__sheet { transform-origin: 200px 200px; transition: transform .6s cubic-bezier(.3, 1.3, .5, 1); }
.si-art__sheet > rect:first-child { fill: #fffdf7; stroke: rgba(30, 36, 48, .2); }
.si-art__frame { fill: none; stroke: var(--si-gil); stroke-opacity: .55; stroke-width: 1.2; stroke-dasharray: 3 2; }
.si-art__gil { fill: none; stroke: var(--si-gil); stroke-opacity: .16; stroke-width: .9; }
.si-art__ttl { stroke: var(--si-ink); stroke-width: 3.5; stroke-linecap: round; }
.si-art__ln { stroke: rgba(30, 36, 48, .25); stroke-width: 2; stroke-linecap: round; }
.si-art__no { font: 700 7px/1 var(--si-text); letter-spacing: .14em; fill: var(--si-gil); }
.si-art__stamp circle { fill: none; stroke: var(--si-stamp); stroke-opacity: .8; stroke-width: 2.2; }
.si-art__stamp circle + circle { stroke-width: 1; }
.si-art__stamp path { fill: none; stroke: var(--si-stamp); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.si-art__stamp { transform-origin: 246px 164px; transform: rotate(-14deg); }
.si-art__clip { fill: none; stroke: #8b939f; stroke-width: 2.4; stroke-linecap: round; }
.si-art__label { fill: #fffdf7; stroke: var(--si-kraft-d); }
.si-art__lbl { stroke: rgba(30, 36, 48, .35); stroke-width: 2; stroke-linecap: round; }
.si-art__tie { fill: none; stroke: #f5efe0; stroke-width: 2; stroke-linecap: round; }
.si-inbox__art:hover .si-art__sheet { transform: translateY(-12px) rotate(1.5deg); }
.si-inbox__art .si-art__stamp { animation: si-thump .9s .4s cubic-bezier(.2, 1.6, .4, 1) both; }
@keyframes si-thump { from { opacity: 0; transform: rotate(-14deg) scale(1.6); } to { opacity: 1; transform: rotate(-14deg) scale(1); } }

.si-inbox__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 26px 10px; border-bottom: 1px solid var(--si-line); }
.si-inbox__bar--folder { padding: 12px 24px 10px; }
.si-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.si-tab { padding: 6px 12px; border: 1px solid var(--si-line2); background: var(--si-paper); border-radius: 2px; font: 600 13px/1 var(--si-text); color: var(--si-ink2); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.si-tab:hover { border-color: var(--si-ink2); color: var(--si-ink); }
.si-tab.is-on { background: var(--si-ink); border-color: var(--si-ink); color: #fff; }
.si-tab--due.is-on { background: var(--si-due); border-color: var(--si-due); }
.si-tab--ok.is-on { background: var(--si-stamp); border-color: var(--si-stamp); }
.si-tab--att.is-on { background: var(--si-gil); border-color: var(--si-gil); }
.si-sort { margin: 0; font-size: 13px; color: var(--si-mute); display: flex; flex-wrap: wrap; gap: 4px 12px; }
.si-sort a { color: var(--si-ink2); border-bottom: 1px dotted var(--si-line2); }

.si-lets { list-style: none; margin: 0; padding: 0; }
.si-let { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr) 74px; gap: 14px; padding: 13px 22px 12px 24px; border-bottom: 1px solid var(--si-line); transition: background .2s; }
.si-let::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: transparent; transition: background .2s; }
.si-let:hover { background: var(--si-paper2); }
.si-let:hover::before { background: var(--si-stamp); }
.si-let.is-hidden { display: none; }
.si-let--pin { background: linear-gradient(90deg, rgba(243, 234, 213, .7), transparent 60%); }
.si-let__body { min-width: 0; }
.si-let__from { margin: 0 0 1px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; font-size: 13.5px; color: var(--si-mute); }
.si-let__from b { color: var(--si-ink); font-weight: 700; font-size: 14px; }
.si-let__fold { display: inline-flex; align-items: center; gap: 4px; color: var(--td, var(--si-mute)); font-size: 12.5px; font-weight: 600; }
.si-let__fold .si-ico { color: var(--t); }
.si-let__subj { margin: 0; font: 600 16.5px/1.3 var(--si-text); }
.si-let__subj a { color: var(--si-ink); }
.si-let__subj a:hover { color: var(--si-stamp); }
.si-let__first { margin: 2px 0 6px; font-size: 14.5px; color: var(--si-mute); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.si-let__mk { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.si-let__mk:empty { display: none; }
.si-let__side { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; text-align: right; }
.si-let__side time { font: 600 13px/1 var(--si-text); color: var(--si-ink2); white-space: nowrap; }
.si-let__re { font: 700 12px/1 var(--si-text); color: var(--si-mute); padding: 4px 6px; border: 1px solid var(--si-line); border-radius: 2px; white-space: nowrap; }
.si-let__re:hover { color: var(--si-stamp); border-color: var(--si-stamp); }
.si-let__last { font-size: 12.5px; }
.si-let__mod { position: absolute; right: 6px; top: 6px; }
.si-sep { list-style: none; padding: 8px 24px; font: 700 11px/1 var(--si-text); letter-spacing: .18em; text-transform: uppercase; color: var(--si-mute); background: var(--si-paper2); border-bottom: 1px solid var(--si-line); }
.si-lets__none { padding: 18px 24px; color: var(--si-mute); margin: 0; }
.si-inbox__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; padding: 14px 24px 18px; margin: 0; }
.si-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 12.5px; color: var(--si-mute); }
.si-legend .si-mk { margin-left: 6px; }

/* ------------------------------------------------------------------ календарь продления и страховая сумма */
.si-cal { position: sticky; top: 14px; background: var(--si-paper); border: 1px solid var(--si-line); border-radius: var(--si-r); box-shadow: var(--si-shadow); padding: 20px 20px 18px; min-width: 0; }
.si-cal::before { content: ""; position: absolute; left: 22px; right: 22px; top: -7px; height: 12px; background: radial-gradient(circle at 6px 6px, var(--si-desk) 3px, var(--si-ink2) 3.4px, var(--si-ink2) 4.2px, transparent 4.6px) 0 0 / 24px 12px repeat-x; }
.si-cal__head { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; margin-bottom: 14px; }
.si-cal__ico svg { display: block; }
.si-cal__ico rect, .si-cal__ico path { fill: none; stroke: var(--si-due); stroke-width: 1.8; stroke-linecap: round; }
.si-cal__ico text { font: 700 13px/1 var(--si-head); fill: var(--si-due); }
.si-cal__sub { margin: 4px 0 0; font-size: 14px; color: var(--si-mute); line-height: 1.4; }
.si-cal__in { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; background: var(--si-paper2); border: 1px solid var(--si-line2); border-radius: 3px; font: 600 14px/1.2 var(--si-text); }
.si-cal__in input { font: 700 16px/1 var(--si-head); padding: 6px 8px; min-width: 0; width: 160px; background: var(--si-paper); }
.si-cal__count { margin: 12px 0 4px; font: 400 14px/1.35 var(--si-text); color: var(--si-ink2); min-height: 2.7em; }
.si-cal__count b { font: 700 30px/1 var(--si-head); color: var(--si-due); margin-right: 6px; vertical-align: -3px; }
.si-cal__count.is-ok b { color: var(--si-gil); }
.si-cal__count.is-late b { color: var(--si-due-d); }
.si-cal__line { --p: 0; list-style: none; margin: 8px 0 12px; padding: 0 0 0 26px; position: relative; }
.si-cal__line::before, .si-cal__line::after { content: ""; position: absolute; left: 8px; top: 8px; bottom: 14px; width: 2px; background: var(--si-line2); }
.si-cal__line::after { background: var(--si-due); bottom: auto; height: calc((100% - 22px) * var(--p)); transition: height .7s cubic-bezier(.3, 1, .4, 1); }
.si-cal__pt { position: relative; padding: 0 0 12px; }
.si-cal__pt::before { content: ""; position: absolute; left: -24px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--si-paper); border: 2px solid var(--si-dim); z-index: 1; transition: border-color .3s, background .3s, transform .3s; }
.si-cal__pt.is-past::before { border-color: var(--si-due); background: var(--si-due); }
.si-cal__pt.is-next::before { border-color: var(--si-due); background: var(--si-paper); transform: scale(1.3); box-shadow: 0 0 0 5px rgba(192, 69, 44, .14); }
.si-cal__pt--end::before { border-radius: 2px; transform: rotate(45deg); }
.si-cal__when { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 3px; }
.si-cal__when b { font: 700 13px/1.2 var(--si-text); text-transform: uppercase; letter-spacing: .1em; color: var(--si-ink); }
.si-cal__when time { font: 700 15px/1 var(--si-head); color: var(--si-ink2); white-space: nowrap; }
.si-cal__pt.is-next .si-cal__when time { color: var(--si-due); }
.si-cal__pt.is-past { opacity: .62; }
.si-cal__pt ul { margin: 0; padding: 0 0 0 14px; font-size: 13.5px; line-height: 1.42; color: var(--si-ink2); }
.si-cal__pt li { margin: 0 0 3px; }
.si-cal__pt li::marker { color: var(--si-due); }
.si-cal__act { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px dashed var(--si-line2); }
.si-sum__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.si-sum__f { display: flex; flex-direction: column; gap: 5px; font: 600 12.5px/1.25 var(--si-text); color: var(--si-ink2); min-width: 0; }
.si-sum__f--wide { grid-column: 1 / -1; }
.si-sum__f input[type="text"] { font: 700 19px/1 var(--si-head); padding: 8px 10px; letter-spacing: .01em; }
.si-sum__f output { font-weight: 700; color: var(--si-stamp); }
.si-sum input[type="range"] { width: 100%; accent-color: var(--si-stamp); margin: 6px 0 0; }
.si-sum__out { margin: 12px 0 8px; padding: 0; }
.si-sum__out div { display: flex; align-items: baseline; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--si-line); }
.si-sum__out dt { font-size: 14px; color: var(--si-ink2); white-space: nowrap; }
.si-sum__out div::after { content: ""; order: 2; flex: 1; border-bottom: 1px dotted var(--si-line2); transform: translateY(-4px); }
.si-sum__out dd { order: 3; margin: 0; font: 700 18px/1 var(--si-head); color: var(--si-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.si-sum__out dd.is-bump { animation: si-bump .45s ease; }
@keyframes si-bump { 40% { color: var(--si-stamp); transform: translateY(-2px); } }
.si-sum__note { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--si-mute); }

/* ------------------------------------------------------------------ второй ряд: опись, маршрут смены, «помогло» */
.si-desk2 { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr) minmax(0, .82fr); gap: 22px; margin-top: 26px; align-items: start; }
.si-opis { position: relative; background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 2px; box-shadow: var(--si-shadow); padding: 20px 22px 18px; outline: 1px solid var(--si-line); outline-offset: -7px; }
.si-opis__form { font: 600 11px/1 var(--si-text); letter-spacing: .2em; text-transform: uppercase; color: var(--si-mute); margin: 0 0 8px; }
.si-opis__sub { font-size: 13.5px; color: var(--si-mute); margin: 6px 0 12px; }
.si-opis__list { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--si-ink); }
.si-opis__row label { display: grid; grid-template-columns: 28px minmax(0, 1fr) 26px; gap: 10px; align-items: start; padding: 9px 2px; border-bottom: 1px solid var(--si-line2); cursor: pointer; }
.si-opis__row input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.si-opis__no { font: 700 15px/1.2 var(--si-head); color: var(--si-mute); text-align: right; padding-right: 8px; border-right: 1px solid var(--si-line2); }
.si-opis__t b { display: block; font: 600 14.5px/1.3 var(--si-text); color: var(--si-ink); }
.si-opis__t span { display: block; font-size: 13px; line-height: 1.4; color: var(--si-mute); margin-top: 2px; }
.si-opis__box { width: 22px; height: 22px; border: 1.5px solid var(--si-ink2); display: grid; place-items: center; background: var(--si-paper); transition: background .2s, border-color .2s; }
.si-opis__box path { fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16; stroke-dashoffset: 16; transition: stroke-dashoffset .3s; }
.si-opis__row input:checked ~ .si-opis__box { background: var(--si-stamp); border-color: var(--si-stamp); }
.si-opis__row input:checked ~ .si-opis__box path { stroke-dashoffset: 0; }
.si-opis__row input:checked ~ .si-opis__t b { color: var(--si-ink2); }
.si-opis__row input:focus-visible ~ .si-opis__box { outline: 2px solid var(--si-stamp); outline-offset: 2px; }
.si-opis__row label:hover .si-opis__box { border-color: var(--si-stamp); }
.si-opis__foot { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 12px; min-height: 40px; }
.si-opis__n { margin: 0; font-size: 14px; color: var(--si-ink2); }
.si-opis__n b { font: 700 20px/1 var(--si-head); color: var(--si-stamp); }
.si-opis__stamp { position: absolute; right: 2px; bottom: -6px; margin: 0; padding: 6px 12px; border: 3px double var(--si-stamp); color: var(--si-stamp); font: 700 14px/1 var(--si-head); letter-spacing: .16em; text-transform: uppercase; transform: rotate(-8deg) scale(1.5); opacity: 0; pointer-events: none; transition: opacity .2s, transform .35s cubic-bezier(.2, 1.6, .4, 1); background: rgba(255, 253, 247, .8);
	-webkit-mask: radial-gradient(circle at 30% 40%, #000 0 60%, rgba(0, 0, 0, .7) 80%), radial-gradient(circle, rgba(0,0,0,.35) 1px, #000 1.4px) 0 0 / 5px 5px; mask-composite: intersect; -webkit-mask-composite: source-in; }
.si-opis.is-done .si-opis__stamp { opacity: .92; transform: rotate(-8deg) scale(1); }

.si-route, .si-helped { background: var(--si-paper); border: 1px solid var(--si-line); border-radius: var(--si-r); box-shadow: var(--si-shadow); padding: 20px 22px 16px; }
.si-route__sub { font-size: 13.5px; color: var(--si-mute); margin: 6px 0 14px; }
.si-steps { list-style: none; margin: 0; padding: 0; position: relative; }
.si-steps::before { content: ""; position: absolute; left: 17px; top: 18px; bottom: 18px; border-left: 2px dashed rgba(39, 71, 184, .35); }
.si-step { position: relative; padding: 0 0 10px; }
.si-step details { padding-left: 50px; }
.si-step summary { list-style: none; cursor: pointer; display: flex; align-items: center; min-height: 36px; font-size: 15px; color: var(--si-ink); }
.si-step summary::-webkit-details-marker { display: none; }
.si-step summary b { font-weight: 600; }
.si-step summary::after { content: "+"; margin-left: auto; padding-left: 10px; font: 400 20px/1 var(--si-head); color: var(--si-mute); transition: transform .25s; }
.si-step details[open] summary::after { transform: rotate(45deg); color: var(--si-stamp); }
.si-step__pm { position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font: 700 15px/1 var(--si-head); color: var(--si-stamp); background: var(--si-paper); border: 1.5px solid var(--si-stamp); box-shadow: inset 0 0 0 3px var(--si-paper), inset 0 0 0 4px rgba(39, 71, 184, .45); transition: transform .3s, background .3s, color .3s; }
.si-step summary:hover .si-step__pm, .si-step details[open] .si-step__pm { transform: rotate(-10deg); background: var(--si-stamp); color: #fff; box-shadow: inset 0 0 0 3px var(--si-stamp), inset 0 0 0 4px rgba(255, 255, 255, .6); }
.si-step p { margin: 2px 0 6px; font-size: 14px; line-height: 1.5; color: var(--si-ink2); animation: si-open .3s ease; }
@keyframes si-open { from { opacity: 0; transform: translateY(-4px); } }
.si-route__foot { margin: 6px 0 0; }

.si-helps { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 12px; }
.si-help { padding: 0 0 12px; border-bottom: 1px solid var(--si-line); position: relative; }
.si-help:last-child { border-bottom: 0; padding-bottom: 0; }
.si-help__q { margin: 0 0 4px; font: 600 14.5px/1.3 var(--si-text); }
.si-help__q a { color: var(--si-ink); }
.si-help__a { margin: 0 0 6px; padding: 0 0 0 12px; border-left: 2px solid var(--si-stamp); font-size: 13.5px; line-height: 1.45; }
.si-help__a a { color: var(--si-ink2); }
.si-help__m { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12.5px; color: var(--si-mute); }
.si-help__m span:nth-child(2) { font-weight: 700; color: var(--si-ink2); }

/* ------------------------------------------------------------------ папка-раздел */
.si-fhead { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 22px 24px 18px; border-bottom: 1px solid var(--si-line); background: linear-gradient(180deg, transparent, rgba(247, 243, 232, .8)), var(--si-gilbg); background-size: auto, 64px 26px; }
.si-fhead__ico { width: 54px; height: 54px; display: grid; place-items: center; color: var(--t); background: var(--tl); border: 1px solid var(--t); border-radius: 3px 10px 3px 3px; }
.si-fhead__d { color: var(--si-ink2); margin: 0; max-width: 70ch; }
.si-fhead__act { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.si-fhead__n { margin: 0; font: 400 italic 15px/1 var(--si-head); color: var(--si-mute); white-space: nowrap; }
.si-folder .si-kicker { color: var(--td); }
.si-subs { padding: 16px 24px; border-bottom: 1px solid var(--si-line); }
.si-subfolders { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.si-subf { padding: 12px 14px; border: 1px solid var(--si-line2); border-radius: 3px 10px 3px 3px; background: var(--si-paper2); }
.si-subf__t { margin: 0 0 4px; font: 700 17px/1.25 var(--si-head); }
.si-subf__t a { color: var(--si-ink); }
.si-subf__d { margin: 0 0 6px; font-size: 13.5px; color: var(--si-mute); line-height: 1.4; }
.si-subf__lp { margin: 0; font-size: 13px; }
.si-sublp span { color: var(--si-mute); }
.si-sublp--none { color: var(--si-mute); }
.si-new { display: none; }
.si-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; padding: 14px 24px 18px; }
.si-bar__r { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; font-size: 13.5px; }
.si-bar__r a { color: var(--si-ink2); }
.si-pages { font-size: 12.5px; color: var(--si-mute); margin-left: 8px; font-weight: 400; }
.si-pages a { color: var(--si-stamp); margin: 0 2px; }
.si-modtools:empty { display: none; }
.si-modtools { padding: 0 24px 16px; }

/* ------------------------------------------------------------------ тема: конверт и письма с полосой автора */
.si-thread { max-width: 1060px; margin: 0 auto; }
.si-env { position: relative; background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 3px; box-shadow: var(--si-shadow); padding: 30px 30px 18px; margin-bottom: 18px; overflow: hidden; }
.si-env::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: repeating-linear-gradient(-45deg, var(--si-due) 0 12px, transparent 12px 20px, var(--si-stamp) 20px 32px, transparent 32px 40px); opacity: .85; }
.si-env::after { content: ""; position: absolute; right: -40px; top: -40px; width: 200px; height: 200px; background: var(--si-gilbg); background-size: 64px 26px; border-radius: 50%; opacity: .9; pointer-events: none; }
.si-env__k { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 0 10px; font-size: 13.5px; }
.si-env__fold { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; background: var(--tl); border: 1px solid var(--t); border-radius: 2px 8px 2px 2px; color: var(--td); font-weight: 700; }
.si-env__fold a { color: var(--td); }
.si-env__fold .si-ico { color: var(--t); }
.si-env__grp { font: 600 11px/1 var(--si-text); letter-spacing: .18em; text-transform: uppercase; color: var(--si-mute); }
.si-env__h1 { position: relative; z-index: 1; max-width: 30ch; }
.si-env__lbl { font: 400 italic .62em/1 var(--si-head); color: var(--si-mute); vertical-align: .18em; margin-right: .1em; }
.si-env__mk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 14px; }
.si-env__mk:empty { display: none; }
.si-thelp { display: inline-flex; align-items: center; gap: 5px; font: 600 13.5px/1 var(--si-text); color: var(--si-stamp); border-bottom: 1px dashed rgba(39, 71, 184, .45); padding-bottom: 2px; }
.si-env__dl { display: flex; flex-wrap: wrap; gap: 10px 0; margin: 0; padding-top: 12px; border-top: 1px dashed var(--si-line2); }
.si-env__dl div { padding: 0 22px 0 0; margin-right: 22px; border-right: 1px solid var(--si-line); }
.si-env__dl div:last-child { border: 0; }
.si-env__dl dt { font: 600 10.5px/1 var(--si-text); letter-spacing: .16em; text-transform: uppercase; color: var(--si-mute); margin-bottom: 6px; }
.si-env__dl dd { margin: 0; font: 700 16px/1.1 var(--si-head); color: var(--si-ink); }
.si-stack { display: flex; }
.si-stack .si-face { margin-right: -4px; }

.si-posts { display: flex; flex-direction: column; gap: 14px; }
.si-post { position: relative; background: var(--si-paper); border: 1px solid var(--si-line); border-radius: 3px; box-shadow: var(--si-shadow); scroll-margin-top: 20px; }
.si-anchor { position: absolute; top: -20px; }
.si-post__bar { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 20px 11px; background: var(--si-paper2); border-bottom: 1px dashed var(--si-line2); border-radius: 3px 3px 0 0; }
.si-post__hd { min-width: 0; }
.si-post__hd p { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; }
.si-post__lbl { display: inline-block; width: 40px; font: 400 italic 14px/1 var(--si-head); color: var(--si-mute); }
.si-post__from { font-size: 15px; }
.si-post__nick a { font-weight: 700; color: var(--si-ink); }
.si-post__nick a:hover { color: var(--si-stamp); }
.si-post__to { margin-top: 4px !important; font-size: 13.5px; color: var(--si-ink2); }
.si-post__to a { color: var(--si-stamp); }
.si-post__line { display: inline-flex; flex-wrap: wrap; gap: 0 8px; color: var(--si-mute); font-size: 13px; }
.si-post__line span + span::before { content: "·"; margin-right: 8px; color: var(--si-dim); }
.si-post__line span:first-child::before { content: "·"; margin-right: 8px; color: var(--si-dim); }
.si-post__date { margin: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
.si-post__date a { font: 600 13px/1.2 var(--si-text); color: var(--si-ink2); white-space: nowrap; }
.si-post__tag { font: 700 10px/1 var(--si-text); letter-spacing: .16em; text-transform: uppercase; color: var(--si-mute); }
.si-post__body { padding: 16px 22px 8px 80px; font-size: 16.5px; line-height: 1.62; overflow-wrap: anywhere; }
.si-post--first { border-color: var(--si-line2); }
.si-post--first .si-post__bar { background: linear-gradient(90deg, var(--si-gil-l), var(--si-paper2) 70%); }
.si-post--first .si-post__tag { color: var(--si-gil); }
.si-post--first .si-post__body { font-size: 17px; }
.si-post--op .si-post__tag { color: var(--si-seal); }
.si-post--ok { border-color: rgba(39, 71, 184, .4); box-shadow: 0 0 0 3px rgba(39, 71, 184, .07), var(--si-shadow); }
.si-okstamp { position: absolute; right: 26px; top: 64px; z-index: 2; margin: 0; padding: 7px 14px 6px; border: 3px double var(--si-stamp); border-radius: 4px; color: var(--si-stamp); text-align: center; transform: rotate(-9deg); background: rgba(255, 253, 247, .65); pointer-events: none;
	-webkit-mask: radial-gradient(circle, rgba(0,0,0,.25) .9px, #000 1.3px) 0 0 / 4px 4px; mask: radial-gradient(circle, rgba(0,0,0,.25) .9px, #000 1.3px) 0 0 / 4px 4px; }
.si-okstamp span { display: block; font: 700 18px/1 var(--si-head); letter-spacing: .18em; text-transform: uppercase; }
.si-okstamp small { display: block; font: 700 9.5px/1 var(--si-text); letter-spacing: .14em; text-transform: uppercase; margin-top: 3px; }
.si-post--ok .si-post__body { padding-right: 150px; }
.si-post__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 6px 20px 12px 80px; }
.si-post__v { display: inline-flex; align-items: center; gap: 5px; font: 600 12.5px/1 var(--si-text); color: var(--si-gil); }
.post_meta { padding: 0 22px 0 80px; font-size: 12.5px; color: var(--si-mute); }
.post_meta:empty, .post_meta:not(:has(*:not(:empty))) { display: none; }
.si-post .signature { margin: 4px 22px 0 80px; }
.si-bar--thread { padding: 16px 0; }
.si-guest { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; max-width: 1060px; margin: 4px auto 14px; padding: 14px 20px; background: var(--si-paper2); border: 1px dashed var(--si-line2); border-radius: 3px; }
.si-guest p { margin: 0; color: var(--si-ink2); }
.si-tfoot, .si-tools, #quick_reply_form { max-width: 1060px; margin-left: auto; margin-right: auto; }
.si-tfoot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 20px; padding: 10px 0; border-top: 1px dashed var(--si-line2); margin-top: 8px; }
.si-tfoot__note { margin: 0; font-size: 13px; color: var(--si-mute); max-width: 62ch; }
.si-nextprev { display: flex; gap: 18px; font-size: 14px; }
.si-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.thread_tools { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13.5px; }
.thread_tools li { list-style: none; }
.thread_tools a { color: var(--si-ink2); }
#quick_reply_form { margin-top: 10px; }

/* ------------------------------------------------------------------ профиль: карточка страхователя */
.si-pcard { max-width: 1180px; margin: 0 auto; }
.si-pcard__head { position: relative; display: grid; grid-template-columns: 132px minmax(0, 1fr) 150px; gap: 26px; align-items: center; padding: 28px 30px; background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 3px; box-shadow: var(--si-shadow); outline: 6px solid transparent; overflow: hidden; }
.si-pcard__head::before { content: ""; position: absolute; inset: 8px; border: 1.5px solid rgba(44, 106, 91, .35); outline: 1px dashed rgba(44, 106, 91, .3); outline-offset: 3px; pointer-events: none; }
.si-pcard__head::after { content: ""; position: absolute; inset: 0; background: var(--si-gilbg); background-size: 64px 26px; opacity: .8; pointer-events: none; }
.si-pcard__head > * { position: relative; z-index: 1; }
.si-pcard__form { font: 600 11.5px/1 var(--si-text); letter-spacing: .2em; text-transform: uppercase; color: var(--si-gil); margin: 0 0 10px; }
.si-pcard__name { margin-bottom: 4px; overflow-wrap: anywhere; }
.si-pcard__kind { margin: 0 0 10px; color: var(--si-mute); font: 400 italic 16px/1.2 var(--si-head); }
.si-pcard__rank { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; font: 600 15px/1.2 var(--si-text); color: var(--si-stamp-d); }
.si-seal { display: block; width: 100%; height: auto; overflow: visible; }
.si-seal__r1 { fill: none; stroke: var(--si-stamp); stroke-width: 2.6; }
.si-seal__r2, .si-seal__r3 { fill: none; stroke: var(--si-stamp); stroke-width: 1; }
.si-seal__t { font: 700 9.4px/1 var(--si-text); letter-spacing: 1.6px; fill: var(--si-stamp); }
.si-seal__h { fill: none; stroke: var(--si-stamp); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.si-seal__s { stroke: var(--si-stamp); stroke-width: 1.4; stroke-dasharray: 2 3; }
.si-pcard__seal { transform: rotate(-12deg); opacity: .85; }
.si-pcard__seal .si-seal { -webkit-mask: radial-gradient(circle, rgba(0,0,0,.3) .9px, #000 1.4px) 0 0 / 4px 4px; mask: radial-gradient(circle, rgba(0,0,0,.3) .9px, #000 1.4px) 0 0 / 4px 4px; }
.si-pcard__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; margin-top: 20px; align-items: start; }
.si-pfields, .si-lad, .si-plet, .si-phelp { background: var(--si-paper); border: 1px solid var(--si-line); border-radius: 3px; box-shadow: var(--si-shadow); padding: 20px 22px; min-width: 0; }
.si-pfields__list { list-style: none; counter-reset: f; margin: 0 0 16px; padding: 0; }
.si-pfields__list li { counter-increment: f; display: flex; align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--si-line); }
.si-pfields__k { display: flex; align-items: baseline; gap: 8px; flex-shrink: 0; font-size: 14px; color: var(--si-mute); }
.si-pfields__k::before { content: counter(f) "."; font: 700 14px/1 var(--si-head); color: var(--si-gil); min-width: 18px; }
.si-pfields__list li::after { content: ""; order: 1; flex: 1; border-bottom: 1px dotted var(--si-line2); min-width: 20px; transform: translateY(-4px); }
.si-pfields__v { order: 2; text-align: right; font-weight: 600; color: var(--si-ink); }
.si-pnums { list-style: none; margin: 0 0 12px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.si-pnums li { padding: 10px 12px; border: 1px solid var(--si-line2); border-radius: 2px; background: var(--si-paper2); }
.si-pnums b { display: block; font: 700 26px/1 var(--si-head); color: var(--si-ink); }
.si-pnums span { font-size: 12.5px; color: var(--si-mute); }
.si-pnums__ok { border-color: rgba(39, 71, 184, .4) !important; }
.si-pnums__ok b { color: var(--si-stamp); }
.si-pfields__links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; }
.si-lad__list { list-style: none; margin: 0; padding: 0; }
.si-lad__list li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--si-line); color: var(--si-mute); }
.si-lad__t { font-weight: 600; }
.si-lad__p { font-size: 13px; }
.si-lad__list .is-past { color: var(--si-ink2); }
.si-lad__list .is-now { color: var(--si-ink); background: linear-gradient(90deg, var(--si-stamp-l), transparent); margin: 0 -10px; padding: 8px 10px; }
.si-lad__list .is-now .si-lad__t::after { content: "сейчас"; margin-left: 8px; font: 700 10px/1 var(--si-text); letter-spacing: .14em; text-transform: uppercase; color: var(--si-stamp); }
.si-lad__list li:not(.is-past):not(.is-now) .si-badge { opacity: .4; }
.si-plet { padding: 18px 0 6px; }
.si-plet .si-h2 { padding: 0 22px 10px; border-bottom: 1px solid var(--si-line); }
.si-plet .si-let { padding-left: 22px; padding-right: 18px; }
.si-plet .si-let:last-child { border-bottom: 0; }
.si-pcard__extra:empty { display: none; }

/* ------------------------------------------------------------------ ошибки и переходы */
.si-msg { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 26px; align-items: center; max-width: 900px; margin: 20px auto; padding: 30px; background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 3px; box-shadow: var(--si-shadow); }
.si-msg__mark { margin: 0; display: grid; place-items: center; }
.si-msg__mark span { padding: 10px 14px; border: 3px double var(--si-due); color: var(--si-due); font: 700 20px/1 var(--si-head); letter-spacing: .16em; text-transform: uppercase; transform: rotate(-10deg); }
.si-msg__mark--ok span { border-color: var(--si-stamp); color: var(--si-stamp); }
.si-msg__body { color: var(--si-ink2); }
.si-msg__foot { margin: 14px 0 0; }
.si-page--redirect { display: grid; place-items: center; min-height: 100vh; padding: 16px; }

/* ------------------------------------------------------------------ подвал с печатью */
.si-foot { margin-top: 20px; background: var(--si-paper); border-top: 1px solid var(--si-line2); position: relative; }
.si-foot__perf { height: 10px; background: radial-gradient(circle at 7px 0, var(--si-desk) 4px, transparent 4.5px) 0 0 / 14px 10px repeat-x; border-bottom: 1px dashed var(--si-line2); }
.si-foot__in { max-width: var(--si-wrap); margin: 0 auto; padding: 26px 28px 34px; display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 28px; align-items: center; }
.si-foot__seal { transform: rotate(-10deg); opacity: .9; }
.si-foot__brand { margin: 0 0 8px; color: var(--si-ink2); max-width: 70ch; }
.si-foot__brand b { font: 700 18px/1 var(--si-head); color: var(--si-ink); }
.si-foot__note { margin: 0; font-size: 13px; color: var(--si-mute); max-width: 76ch; }
.si-foot__links { display: grid; grid-template-columns: repeat(2, auto); gap: 6px 22px; font-size: 14px; }
.si-foot__links a { color: var(--si-ink2); }
.si-foot__links a:hover { color: var(--si-stamp); }

/* ------------------------------------------------------------------ вход и меню участника */
.si-login__p { margin: 0 0 10px; font-weight: 600; }
.si-field { margin: 0 0 10px; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; color: var(--si-ink2); }
.si-field input.textbox { width: 100%; }
.si-field--row { flex-direction: row; justify-content: space-between; align-items: center; font-size: 13px; }
.si-field .button { width: 100%; }
.si-mine__who { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.si-mine__who span { display: flex; flex-direction: column; }
.si-mine__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.si-mine__links a { display: block; padding: 6px 8px; border-radius: 2px; color: var(--si-ink2); }
.si-mine__links a:hover { background: var(--si-paper2); color: var(--si-stamp); }
.si-pm[data-n="0"] { display: none; }
.si-pm { background: var(--si-due); color: #fff; padding: 1px 6px; border-radius: 2px; font-size: 12px; }

/* ------------------------------------------------------------------ стандартные элементы MyBB в стиле папки */
.tborder { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 3px; overflow: hidden; margin: 0 0 18px; color: var(--si-ink); box-shadow: var(--si-shadow); }
.tborder td, .tborder th { padding: 10px 14px; border-bottom: 1px solid var(--si-line); vertical-align: top; text-align: left; }
.thead { background: var(--si-paper2); border-bottom: 2px solid var(--si-ink) !important; color: var(--si-ink); font: 700 18px/1.3 var(--si-head); }
.thead a, .thead strong { color: var(--si-ink); }
.thead .expcolimage { float: right; }
.tcat { background: var(--si-gil-l); font: 700 11.5px/1.3 var(--si-text); letter-spacing: .12em; text-transform: uppercase; color: var(--si-gil-d); }
.tcat a { color: var(--si-gil-d); }
.trow1, .trow2 { background: transparent; }
.trow2 { background: rgba(44, 106, 91, .035); }
.trow_shaded { background: rgba(192, 69, 44, .06); }
.trow_selected td, .trow_selected { background: var(--si-stamp-l); }
.tfoot { background: var(--si-paper2); }
.tborder a, .trow1 a, .trow2 a, .tfoot a { color: var(--si-stamp); }
.smalltext { font-size: 13px; line-height: 1.45; color: var(--si-mute); }
.largetext { font: 700 20px/1.3 var(--si-head); }
.float_left { float: left; } .float_right { float: right; } .clear { clear: both; }
input.textbox, textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], input[type="url"], input[type="date"] {
	font: 400 16px/1.4 var(--si-text); color: var(--si-ink); background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 2px; padding: 9px 12px; max-width: 100%; transition: border-color .2s, box-shadow .2s; }
textarea { width: 100%; min-height: 170px; line-height: 1.55; }
input.textbox:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="date"]:focus { outline: none; border-color: var(--si-stamp); box-shadow: 0 0 0 3px rgba(39, 71, 184, .14); }
.button, input.button, button.button, a.button, input[type="submit"], input[type="button"], button[type="submit"] {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; font: 700 14.5px/1 var(--si-text); color: #fff; background: var(--si-ink); border: 0; border-radius: 2px; padding: 12px 18px; cursor: pointer; text-decoration: none; box-shadow: 0 2px 0 #000; transition: background .2s, transform .15s, box-shadow .15s; }
.button:hover, input.button:hover, input[type="submit"]:hover, button[type="submit"]:hover, a.button:hover { background: var(--si-stamp); color: #fff; }
.button:active, input[type="submit"]:active { transform: translateY(2px); box-shadow: none; }
.new_thread_button, .new_reply_button { background: var(--si-stamp); box-shadow: 0 2px 0 var(--si-stamp-d); }
.new_thread_button:hover, .new_reply_button:hover { background: var(--si-stamp-d); }
.closed_button { background: var(--si-paper3); color: var(--si-mute); box-shadow: none; }
.si-find__b { box-shadow: none; }
.pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font: 600 13.5px/1 var(--si-text); }
.pagination .pages { color: var(--si-mute); margin-right: 6px; }
.pagination a, .pagination .pagination_current { display: inline-grid; place-items: center; min-width: 34px; height: 34px; padding: 0 9px; border: 1px solid var(--si-line2); border-radius: 2px; color: var(--si-ink2); background: var(--si-paper); }
.pagination a:hover { border-color: var(--si-stamp); color: var(--si-stamp); }
.pagination .pagination_current { border: 2px solid var(--si-stamp); color: var(--si-stamp); font: 700 15px/1 var(--si-head); border-radius: 50%; }
.postbit_buttons { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.postbit_buttons > a, .postbit_buttons a { display: inline-flex; align-items: center; padding: 3px 0; font: 600 12.5px/1.2 var(--si-text); color: var(--si-mute); }
.postbit_buttons a:hover { color: var(--si-stamp); }
.postbit_buttons a span { background: none !important; padding: 0 !important; }
.popup_menu { background: var(--si-paper); border: 1px solid var(--si-line2); border-radius: 3px; padding: 6px; box-shadow: 0 18px 30px -14px rgba(30, 36, 48, .45); z-index: 50; }
.popup_menu .popup_item { display: block; padding: 7px 10px; color: var(--si-ink2); font-size: 15px; border-radius: 2px; }
.popup_menu .popup_item:hover { background: var(--si-stamp-l); }
.blocker { background: rgba(30, 36, 48, .5) !important; }
.modal { background: var(--si-paper) !important; color: var(--si-ink); border: 1px solid var(--si-line2); border-radius: 4px !important; box-shadow: 0 30px 60px -20px rgba(30, 36, 48, .55) !important; padding: 18px !important; }
.modal .tborder { margin: 0; box-shadow: none; }
.error, div.error { background: var(--si-due-l); border: 1px solid rgba(192, 69, 44, .4); border-radius: 3px; padding: 12px 16px; color: var(--si-ink); margin-bottom: 14px; }
.red_alert, .pm_alert { background: var(--si-seal-l); border: 1px solid rgba(140, 106, 44, .35); border-radius: 3px; padding: 10px 14px; margin-bottom: 14px; }
fieldset { border: 1px solid var(--si-line2); border-radius: 3px; padding: 12px 14px; margin: 0 0 14px; }
legend { font: 700 11.5px/1 var(--si-text); letter-spacing: .12em; text-transform: uppercase; color: var(--si-mute); padding: 0 6px; }
.usercp_nav_item, .modcp_nav_item { display: block; padding: 6px 4px; color: var(--si-ink2); }
.sceditor-container { border-radius: 3px; overflow: hidden; max-width: 100%; }
.ignored_post, .deleted_post_hidden { padding: 12px 16px; border: 1px dashed var(--si-line2); border-radius: 3px; color: var(--si-mute); margin-bottom: 12px; }
.scaleimages img { max-width: 100%; height: auto; border-radius: 2px; }
/* BB-коды */
blockquote.mycode_quote { margin: 10px 0 12px; padding: 10px 14px 10px 16px; border-left: 3px solid var(--si-gil); background: var(--si-paper2); border-radius: 0 3px 3px 0; color: var(--si-ink2); font-size: 15.5px; position: relative; }
blockquote.mycode_quote cite { display: block; font: 400 italic 14px/1.2 var(--si-head); color: var(--si-gil-d); margin-bottom: 4px; }
blockquote.mycode_quote cite > span { color: var(--si-dim); margin-left: 6px; font: 500 11.5px/1 var(--si-text); }
.codeblock { margin: 12px 0; background: var(--si-paper2); border: 1px solid var(--si-line2); border-radius: 3px; overflow: hidden; }
.codeblock .title { font: 700 11px/1 var(--si-text); letter-spacing: .12em; text-transform: uppercase; color: var(--si-mute); padding: 8px 12px; border-bottom: 1px solid var(--si-line); }
.codeblock code { display: block; padding: 12px; overflow-x: auto; font: 13.5px/1.5 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--si-ink); }
.mycode_list, ul.mycode_list, ol.mycode_list { padding-left: 1.4em; }
.post_body li::marker { color: var(--si-gil); }
.post_body hr, .mycode_hr { border: 0; height: 1px; margin: 16px 0; background: repeating-linear-gradient(90deg, var(--si-line2) 0 6px, transparent 6px 10px); }
.signature { margin-top: 12px; padding-top: 8px; border-top: 1px dashed var(--si-line2); font-size: 14px; color: var(--si-mute); }
.video_embed iframe, .post_body iframe { max-width: 100%; border-radius: 3px; }
.post_body .mycode_s { text-decoration-color: var(--si-due); text-decoration-thickness: 1.5px; }
.post_body .mycode_u { text-decoration-color: var(--si-gil); text-underline-offset: 3px; }
.post_body img.mycode_img { border-radius: 2px; border: 6px solid #fff; box-shadow: 0 1px 4px rgba(30, 36, 48, .25); }

/* ------------------------------------------------------------------ узкий десктоп и планшет */
@media (max-width: 1240px) {
	.si-box { grid-template-columns: 214px minmax(0, 1fr); }
	.si-cal { grid-column: 1 / -1; position: static; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; }
	.si-cal > :not(.si-sum) { grid-column: 1; }
	.si-sum { grid-column: 2; grid-row: 1 / span 6; }
	.si-cal__act { border-bottom: 0; }
	.si-desk2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.si-helped { grid-column: 1 / -1; }
	.si-inbox__head { grid-template-columns: minmax(0, 1fr) 190px; }
	.si-pcard__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ------------------------------------------------------------------ телефон */
@media (max-width: 860px) {
	body { font-size: 16px; }
	.si-top__in { flex-wrap: wrap; gap: 10px 12px; padding: 10px 16px 8px; }
	.si-logo__name { font-size: 20px; }
	.si-logo__sub { font-size: 11.5px; white-space: normal; }
	.si-logo__mark { width: 38px; height: 38px; }
	.si-me { margin-left: auto; }
	.si-me__b > span:last-child { max-width: 90px; }
	.si-find { order: 3; flex-basis: 100%; max-width: none; margin: 0; }
	.si-me__panel { width: min(300px, calc(100vw - 32px)); }
	.si-nav__in { padding: 0 8px; }
	.si-nav__a { padding: 10px 10px 11px; font-size: 14px; }
	.si-crumbs-row { padding: 12px 16px 0; }
	.si-main { padding: 12px 16px 36px; }
	.si-page--index .si-main { padding-top: 14px; }
	.si-box, .si-box--folder { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.si-box__rail { position: static; margin: 0 -16px; }
	.si-rail__h { display: none; }
	.si-rail { flex-direction: row; overflow-x: auto; scrollbar-width: none; gap: 6px; padding: 8px 16px; border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; }
	.si-rail::-webkit-scrollbar { display: none; }
	.si-rail::before, .si-rail__g { display: none; }
	.si-fold { flex: 0 0 auto; grid-template-columns: 18px auto auto; background: rgba(255, 253, 247, .6); border: 1px solid var(--si-kraft-d); padding: 6px 10px; font-size: 13.5px; }
	.si-fold.is-on::before { display: none; }
	.si-fold.is-on { border-color: var(--t, var(--si-stamp)); }
	.si-fold:hover { transform: none; }
	.si-inbox__head { grid-template-columns: minmax(0, 1fr) 96px; padding: 18px 16px 14px; gap: 10px; }
	.si-inbox__art { margin: 0 -4px 0 0; align-self: start; }
	.si-lead { font-size: 15px; }
	.si-inbox__bar { padding: 12px 16px 10px; }
	.si-let { grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; padding: 12px 12px 12px 14px; }
	.si-let .si-face--m { width: 38px; height: 38px; }
	.si-let__side { gap: 6px; }
	.si-let__re { padding: 3px 5px; font-size: 11.5px; }
	.si-let__subj { font-size: 16px; }
	.si-let__first { -webkit-line-clamp: 2; }
	.si-inbox__foot { padding: 12px 16px 16px; }
	.si-cal { display: block; padding: 18px 16px 16px; }
	.si-cal__in input { width: 150px; }
	.si-desk2 { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 14px; }
	.si-opis, .si-route, .si-helped { padding: 18px 16px 16px; }
	.si-opis__stamp { position: static; transform: rotate(-6deg) scale(1.4); }
	.si-opis.is-done .si-opis__stamp { transform: rotate(-6deg) scale(1); }
	.si-opis:not(.is-done) .si-opis__stamp { display: none; }
	.si-fhead { grid-template-columns: 46px minmax(0, 1fr); gap: 12px 14px; padding: 18px 16px; }
	.si-fhead__ico { width: 46px; height: 46px; }
	.si-fhead__act { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
	.si-inbox__bar--folder { padding: 12px 16px; }
	.si-bar { padding: 12px 16px 16px; }
	.si-env { padding: 24px 16px 14px; }
	.si-env__dl div { padding-right: 14px; margin-right: 14px; }
	.si-post__bar { grid-template-columns: 38px minmax(0, 1fr); gap: 4px 12px; padding: 10px 14px; }
	.si-post__bar .si-face--m { width: 38px; height: 38px; }
	.si-post__date { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
	.si-post__lbl { width: 34px; }
	.si-post__body, .si-post--ok .si-post__body { padding: 14px 16px 6px; font-size: 16px; }
	.si-post--first .si-post__body { font-size: 16.5px; }
	.si-okstamp { position: relative; top: auto; right: auto; display: inline-block; margin: 12px 0 0 16px; transform: rotate(-4deg) scale(.9); transform-origin: left center; }
	.si-post__foot, .post_meta { padding-left: 16px; padding-right: 16px; }
	.si-post .signature { margin-left: 16px; margin-right: 16px; }
	.si-pcard__head { grid-template-columns: 84px minmax(0, 1fr); gap: 14px 16px; padding: 20px 18px; }
	.si-pcard__photo .si-face--xl { width: 84px; height: 84px; --r: 2.2px; }
	.si-pcard__photo .si-face--xl b { font-size: 28px; }
	.si-pcard__seal { position: absolute !important; right: 12px; bottom: 12px; width: 70px; opacity: .3; z-index: 0 !important; }
	.si-pnums b { font-size: 22px; }
	.si-pfields__list li { flex-wrap: wrap; }
	.si-pfields__list li::after { display: none; }
	.si-pfields__v { flex-basis: 100%; text-align: left; padding-left: 26px; }
	.si-foot__in { grid-template-columns: 72px minmax(0, 1fr); padding: 20px 16px 28px; gap: 16px 18px; }
	.si-foot__links { grid-column: 1 / -1; }
	.si-msg { grid-template-columns: minmax(0, 1fr); padding: 22px 18px; }
	.tborder td, .tborder th { padding: 8px 10px; }
	.tborder { display: block; overflow-x: auto; }
}

@media (max-width: 400px) {
	.si-logo__sub { display: none; }
	.si-me__b > span:last-child { display: none; }
	.si-me__b { padding: 6px; }
	.si-h1 { font-size: 27px; }
	.si-inbox__head { grid-template-columns: minmax(0, 1fr); }
	.si-inbox__art { display: none; }
	.si-sum__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
	.si-opis__box path { stroke-dashoffset: 0; }
}

/* ------------------------------------------------------------------ ссылки в сообщениях: свой стиль форума («микропечать полиса»)
   Под ссылкой бежит строка микропечати, как защитная линия на бланке полиса: слово «ПОЛИС» и точка, высота 5px,
   шаг 22px (SVG data-URI, repeat-x), издали читается как тонкая гильошная линия, вблизи — как текст.
   Без подчёркивания и без значка внешней ссылки; цвет текста — гильошный зелёный 600. При наведении
   микропечать становится синей, как печать, а текст темнеет. */
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url {
	color: #1f5a4c;
	font-weight: 600;
	text-decoration: none;
	padding-bottom: 5px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='5' viewBox='0 0 22 5'%3E%3Ctext x='.3' y='4.3' textLength='16.6' lengthAdjust='spacingAndGlyphs' font-family='Arial,Helvetica,sans-serif' font-size='4.7' font-weight='700' fill='%232c6a5b' fill-opacity='.8'%3E%D0%9F%D0%9E%D0%9B%D0%98%D0%A1%3C/text%3E%3Ccircle cx='19.3' cy='2.75' r='.75' fill='%232c6a5b' fill-opacity='.8'/%3E%3C/svg%3E") repeat-x 0 100% / 22px 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: color .2s;
}
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url:hover,
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url:focus-visible {
	color: #1b3488;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='5' viewBox='0 0 22 5'%3E%3Ctext x='.3' y='4.3' textLength='16.6' lengthAdjust='spacingAndGlyphs' font-family='Arial,Helvetica,sans-serif' font-size='4.7' font-weight='700' fill='%232747b8' fill-opacity='1'%3E%D0%9F%D0%9E%D0%9B%D0%98%D0%A1%3C/text%3E%3Ccircle cx='19.3' cy='2.75' r='.75' fill='%232747b8' fill-opacity='1'/%3E%3C/svg%3E");
}
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url::after { content: none; }