/* ======================================================================
 * m1kle.ru — страница «Написать нам».
 *
 * Свой файл, заведённый 18 августа 2026 года, когда музейный раздел уехал
 * на enfilade.guide. До того страница брала оформление из museums.css
 * и набиралась музейными классами. Это было удобно ровно до дерусификации
 * 18 августа: имена классов в разделе сменились, форму никто не поправил,
 * и она осталась без оформления вовсе — беда, которую не видно в коде.
 *
 * Отсюда правило: страница m1kle.ru не смеет зависеть от файла чужого
 * сайта. Здесь только то, что нужно этой странице, своими именами,
 * и ни строки лишней — 112 КБ музейного свода ей не нужны никогда.
 *
 * Шрифты — своя копия в /fonts/, ничего не грузится со стороны:
 * первый принцип манифеста.
 * ====================================================================== */

@font-face { font-family: 'SaySerif'; font-style: normal; font-weight: 400 700;
  font-display: swap; src: url(/fonts/serif-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'SaySerif'; font-style: normal; font-weight: 400 700;
  font-display: swap; src: url(/fonts/serif-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'SaySans'; font-style: normal; font-weight: 400 600;
  font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'SaySans'; font-style: normal; font-weight: 400 600;
  font-display: swap; src: url(/fonts/inter-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

.say {
    --say-paper:  #FEFCF9;
    --say-ink:    #27221D;
    --say-muted:  #746F6B;
    --say-frame:  #CFCBC7;
    --say-rule:   #E2DFDB;
    --say-link:   #2A4765;
    --say-urgent: #952922;
    --say-text: 'SaySerif', Georgia, 'Times New Roman', serif;
    --say-ui:   'SaySans', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    max-width: 44em;
    margin: 0 auto;
    padding: 0 16px 48px;
    font: 400 17px/1.65 var(--say-text);
    color: var(--say-ink);
    text-align: left;
}
.say a       { color: var(--say-link); }
.say a:hover { color: var(--say-ink); }

/* Шапка страницы: имя и линия под ним. Линия одна и в один пиксель —
   роль различается цветом, а не толщиной. */
.say-shapka { border-bottom: 1px solid var(--say-rule); margin-bottom: 24px; padding-bottom: 12px; }
.say-shapka h1 { font: 400 36px/1.2 var(--say-text); margin: 0; }

.say__vvod { font-size: 18px; margin: 0 0 24px; }

/* Отказ формы. Кармин — цвет срочности, и больше он на странице
   не встречается нигде. */
.say-zamet {
    font: 400 15px/1.5 var(--say-ui); color: var(--say-urgent);
    border-left: 1px solid var(--say-urgent); padding-left: 12px; margin: 0 0 16px;
}

/* --- форма ----------------------------------------------------------- */
.say-forma { margin: 0 0 32px; }
.say-forma__im {
    display: block; margin-bottom: 6px;
    font: 500 11px/1.8 var(--say-ui); letter-spacing: .16em;
    text-transform: uppercase; color: var(--say-muted);
}
.say-forma textarea {
    width: 100%; box-sizing: border-box; resize: vertical;
    font: 400 15px/1.55 var(--say-text); color: var(--say-ink);
    background: var(--say-paper); padding: 8px 10px;
    border: 1px solid var(--say-frame);
}
.say-forma textarea:focus { outline: none; border-color: var(--say-ink); }
.say-forma__niz { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
.say-forma button {
    font: 400 13px/1.3 var(--say-ui); letter-spacing: .1em; text-transform: uppercase;
    padding: 9px 20px; border: 1px solid var(--say-ink);
    background: var(--say-ink); color: var(--say-paper); cursor: pointer;
    transition: color .12s ease, background .12s ease;
}
.say-forma button:hover { background: var(--say-paper); color: var(--say-ink); }
.say-forma__pod { font: 400 13px/1.5 var(--say-ui); color: var(--say-muted); flex: 1 1 16em; }

/* --- письмом --------------------------------------------------------- */
.say-pismo { font: 400 15px/1.6 var(--say-ui); color: var(--say-muted); margin: 0 0 32px; }
.say-pismo__ili   { margin-right: 8px; }
.say-pismo__adres { color: var(--say-ink); }

/* --- открытый архив писем -------------------------------------------- */
.say-arhiv { border-top: 1px solid var(--say-rule); padding-top: 24px; }
.say-razdel {
    font: 500 11px/1.9 var(--say-ui); letter-spacing: .16em;
    text-transform: uppercase; color: var(--say-muted); margin-bottom: 12px;
}
.say-arhiv__vvod { font-size: 15px; color: var(--say-muted); margin: 0 0 24px; }
.say-arhiv__st   { margin: 0 0 28px; }
.say-arhiv__data {
    font: 400 11px/1.8 var(--say-ui); letter-spacing: .14em;
    text-transform: uppercase; color: var(--say-muted);
}
.say-arhiv__st blockquote {
    margin: 6px 0 8px; padding-left: 16px;
    border-left: 1px solid var(--say-frame);
    font: italic 400 16px/1.6 var(--say-text);
}
.say-arhiv__itog { font-size: 15px; }

@media (max-width: 620px) {
    .say { font-size: 16px; }
    .say-shapka h1 { font-size: 27px; }
}