/* pt.css — компоненты сетки: крошки, чипы, блоки, таблицы.
   Тема день/ночь: без жёстких цветов фона и текста — currentColor, inherit,
   rgba(127,127,127,…) и акцент #45b748.
   Файл общий на все 26 сайтов, поэтому ни названия домена, ни языка донора здесь нет:
   он отдаётся посетителю как есть, комментарии в нём тоже видны. */

/* ---------- крошки ---------- */

.pt-crumbs {
    /* .section__body бывает flex-контейнером — крошки всегда отдельной строкой во всю ширину */
    width: 100%;
    flex: 0 0 100%;
    font-size: 13px;
    opacity: .75;
    margin: 0 0 18px;
    text-align: left;
}
.pt-crumbs a {
    color: #45b748;
    text-decoration: none;
}
.pt-crumbs a:hover {
    text-decoration: underline;
}
.pt-crumbs__sep {
    margin: 0 6px;
    opacity: .6;
}
.pt-crumbs__current {
    opacity: .9;
}

/* ---------- чипы (ссылки-пилюли) ---------- */

.pt-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-width: 880px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.pt-chips + .pt-chips {
    margin-top: 14px;
}
a.pt-chip {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(127, 127, 127, .35);
    background: rgba(127, 127, 127, .07);
    color: inherit;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: normal;
    text-align: center;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
a.pt-chip:hover {
    border-color: #45b748;
    color: #45b748;
    text-decoration: none;
}
a.pt-chip--accent {
    background: #45b748;
    border-color: transparent;
    color: #fff;
}
a.pt-chip--accent:hover {
    background: #3d9e41;
    border-color: transparent;
    color: #fff;
}

/* ---------- блок с заголовком ---------- */

.pt-block {
    width: 100%;
    flex: 0 0 100%;
    margin: 0 0 32px;
}
.pt-block:last-child {
    margin-bottom: 0;
}
.pt-block__title,
h2.pt-block__title,
h3.pt-block__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: normal;
    text-align: center;
    margin: 0 0 16px;
    padding: 0;
}

/* ---------- tabela ---------- */

table.pt-table {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    border-collapse: collapse;
    background: transparent;
}
.pt-table th {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .6;
    text-align: left;
    padding: 10px 14px;
    border: 0;
    background: transparent;
    width: auto;
    height: auto;
}
.pt-table td,
.pt-table tbody tr td {
    padding: 10px 14px !important;
    border: 0 !important;
    border-top: 1px solid rgba(127, 127, 127, .18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    width: auto;
    height: auto;
    text-align: left;
}
.pt-table tbody tr,
.pt-table tbody tr:nth-child(odd),
.pt-table tbody tr:nth-child(2n) {
    background: transparent !important;
    border: 0 !important;
}
.pt-table__num {
    text-align: right !important;
    white-space: nowrap;
}

/* ---------- разрыв колонок (у section__col column-count: 2) ---------- */

.pt-break-avoid,
.pt-block,
.pt-figure,
.pt-bcard,
table.pt-table {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

/* ---------- мелочи раскладки (перенесены из инлайнового <style>) ---------- */

.section__col_half + .section__col:not(.section__col_half) {
    margin-top: 20px;
}

/* ---------- stopka (F1) ---------- */

.pt-footer {
    padding-top: 28px;
}
.pt-footer__cols {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 72px;
    justify-content: center;
    text-align: left;
    padding: 0 16px 18px;
    max-width: 880px;
    margin: 0 auto;
}
.pt-footer__col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 170px;
}
p.pt-footer__title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(127, 127, 127, .7);
    margin: 0 0 2px;
}
.pt-footer__col a {
    color: rgba(127, 127, 127, .95);
    opacity: 1;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.45;
}
.pt-footer__col a:hover {
    color: #45b748;
    opacity: 1;
    text-decoration: none;
}

/* ---------- baner cookie (F1) ---------- */

.pt-cookie {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    background: #23272e;
    color: #fff;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, .3);
    font-size: 14px;
    line-height: 1.45;
}
.pt-cookie[hidden] {
    display: none;
}
.pt-cookie__text {
    margin: 0;
    max-width: 640px;
    text-align: center;
}
.pt-cookie__text a {
    color: #45b748;
    text-decoration: underline;
}
.pt-cookie__buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.pt-cookie__btn {
    padding: 8px 22px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .45);
    background: transparent;
    color: #fff;
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}
.pt-cookie__btn:hover {
    border-color: #fff;
}
.pt-cookie__btn--accent {
    background: #45b748;
    border-color: #45b748;
}
.pt-cookie__btn--accent:hover {
    background: #3d9e41;
    border-color: #3d9e41;
}

/* ---------- F3: интервальный таймер ---------- */
.pt-interval {
    max-width: 460px;
    margin: 0 auto;
    padding: 6px 0 10px;
    text-align: center;
}
.pt-interval__phase {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 3px;
    color: rgba(127, 127, 127, .85);
    transition: color .2s ease;
}
.pt-interval--work .pt-interval__phase {
    color: #45b748;
}
.pt-interval__clock {
    margin: 2px 0;
    font-size: 68px;
    font-weight: 700;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    color: currentColor;
}
.pt-interval__round {
    margin: 0 0 16px;
    font-size: 18px;
    color: rgba(127, 127, 127, .9);
}
.pt-interval__fields {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 12px;
}
.pt-interval__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    color: rgba(127, 127, 127, .95);
}
.pt-interval__field input {
    width: 104px;
    padding: 8px 6px;
    border: 1px solid rgba(127, 127, 127, .45);
    border-radius: 8px;
    background: transparent;
    color: currentColor;
    font-size: 17px;
    text-align: center;
}
.pt-interval__field input:focus {
    outline: none;
    border-color: #45b748;
}
.pt-interval__sound {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    font-size: 14px;
    color: rgba(127, 127, 127, .95);
    cursor: pointer;
}
.pt-interval__buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.pt-interval__buttons .button[disabled] {
    opacity: .45;
    cursor: default;
}

/* ---------- F4: счётчики отсчётов ---------- */
.pt-cd {
    max-width: 560px;
    margin: 0 auto;
    padding: 4px 0 8px;
    text-align: center;
}
.pt-cd__units {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
.pt-cd__unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 86px;
    padding: 12px 10px 9px;
    border-radius: 14px;
    border: 1px solid rgba(127, 127, 127, .25);
    background: rgba(127, 127, 127, .07);
}
.pt-cd__num {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    color: currentColor;
}
.pt-cd__label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
    opacity: .65;
    margin-top: 2px;
}
p.pt-cd__date {
    margin: 14px 0 0;
    font-size: 14px;
    opacity: .8;
}
p.pt-cd__date a {
    color: #45b748;
    text-decoration: none;
}
p.pt-cd__date a:hover {
    text-decoration: underline;
}
p.pt-cd__done {
    margin: 14px 0 0;
    font-size: 22px;
    font-weight: 700;
    color: #45b748;
}
.pt-cd__done[hidden] {
    display: none;
}
.pt-cd-form {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 18px 0 0;
}
.pt-cd-form__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    color: rgba(127, 127, 127, .95);
    text-align: left;
}
.pt-cd-form__field input {
    padding: 8px 10px;
    border: 1px solid rgba(127, 127, 127, .45);
    border-radius: 8px;
    background: transparent;
    color: currentColor;
    font-size: 16px;
    min-width: 150px;
}
.pt-cd-form__field input:focus {
    outline: none;
    border-color: #45b748;
}

/* ---------- F5: калькуляторы дат и времени ---------- */
.pt-calc {
    max-width: 620px;
    margin: 0 auto;
    padding: 4px 0 8px;
    text-align: center;
}
.pt-calc__form {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 6px 0 0;
}
.pt-calc__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    color: rgba(127, 127, 127, .95);
    text-align: left;
}
.pt-calc__field input,
.pt-calc__field select {
    padding: 8px 10px;
    border: 1px solid rgba(127, 127, 127, .45);
    border-radius: 8px;
    background: transparent;
    color: currentColor;
    font-size: 16px;
    min-width: 150px;
    height: 42px;
    box-sizing: border-box;
}
.pt-calc__field select option {
    color: #222;
    background: #fff;
}
.pt-calc__field input:focus,
.pt-calc__field select:focus {
    outline: none;
    border-color: #45b748;
}
.pt-calc__field input[type="number"] {
    min-width: 110px;
    width: 110px;
}
p.pt-calc__error {
    margin: 16px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #e05c4b;
}
.pt-calc__error[hidden],
.pt-calc__result[hidden] {
    display: none;
}
.pt-calc__result {
    margin: 18px 0 0;
    padding: 16px 14px;
    border-radius: 14px;
    border: 1px solid rgba(127, 127, 127, .25);
    background: rgba(127, 127, 127, .07);
}
p.pt-calc__big {
    margin: 0 0 6px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    color: #45b748;
    font-variant-numeric: tabular-nums;
}
.pt-calc__symbol {
    font-size: 40px;
    vertical-align: -3px;
}
p.pt-calc__line {
    margin: 6px 0 0;
    font-size: 15px;
    line-height: 1.5;
    opacity: .9;
}
.pt-calc__holidays {
    margin-top: 10px;
    text-align: left;
}
.pt-calc__holidays ul {
    margin: 6px 0 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.6;
    opacity: .9;
}
.pt-calc__table td,
.pt-calc__table th {
    text-align: center !important;
    white-space: nowrap;
}
tr.pt-calc__ok td,
.pt-table tbody tr.pt-calc__ok td {
    background: rgba(69, 183, 72, .16) !important;
}
.pt-calc__table small {
    opacity: .65;
    font-size: 11px;
}
p.pt-calc__note {
    margin: 14px 0 0;
    font-size: 14px;
    opacity: .8;
}

/* ---------- F5: время в мире ---------- */
.pt-world {
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
}
p.pt-world__main {
    margin: 0;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    color: currentColor;
}
p.pt-world__maindate {
    margin: 2px 0 22px;
    font-size: 17px;
    opacity: .8;
}
.pt-world__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
@media (max-width: 860px) {
    .pt-world__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
    .pt-world__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 360px) {
    .pt-world__grid { grid-template-columns: 1fr; }
}
.pt-world__city {
    padding: 12px 8px 10px;
    border-radius: 14px;
    border: 1px solid rgba(127, 127, 127, .25);
    background: rgba(127, 127, 127, .07);
}
p.pt-world__name {
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 600;
}
p.pt-world__time {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #45b748;
}
p.pt-world__sub {
    margin: 2px 0 0;
    font-size: 12px;
    opacity: .65;
}

/* ---------- F6: blog ---------- */

/* одна колонка во всю ширину (в блоге не используем column-count:2 из main.css —
   многоколоночность ломает отрисовку inline-SVG, да и длинный текст в одной колонке читается лучше) */
.pt-onecol {
    width: 100%;
    flex: 0 0 100%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    column-count: 1 !important;
    -webkit-column-count: 1 !important;
    text-align: left;
}

.pt-bcards {
    width: 100%;
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
    max-width: 980px;
    margin: 8px auto 32px;
    text-align: left;
}
.pt-bcard {
    border: 1px solid rgba(127, 127, 127, .28);
    border-radius: 14px;
    background: rgba(127, 127, 127, .06);
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    transition: border-color .2s ease;
}
.pt-bcard:hover {
    border-color: #45b748;
}
.pt-bcard__meta {
    font-size: 12px;
    opacity: .75;
    margin: 0 0 10px;
    text-transform: none;
}
.pt-bcard__cat {
    color: #45b748;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 11px;
}
.pt-bcard__sep {
    margin: 0 7px;
    opacity: .6;
}
.pt-bcard__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 10px;
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
    text-align: left;
}
.pt-bcard__title a {
    color: inherit;
    text-decoration: none;
}
.pt-bcard__title a:hover {
    color: #45b748;
}
.pt-bcard__lead {
    font-size: 14px;
    line-height: 1.55;
    opacity: .85;
    margin: 0 0 12px;
    flex: 1 1 auto;
}
.pt-bcard__more {
    margin: 0;
    font-size: 14px;
}
.pt-bcard__more a {
    color: #45b748;
    text-decoration: none;
    font-weight: 600;
}
.pt-bcard__more a:hover {
    text-decoration: underline;
}

/* статья блога */
.pt-article__meta {
    font-size: 13px;
    opacity: .8;
    margin: -6px 0 22px;
}
.pt-article__meta .pt-bcard__cat {
    font-size: 12px;
}

/* infografika SVG w artykule */
.pt-figure {
    width: 100%;
    max-width: 720px;
    margin: 26px auto;
    text-align: center;
}
.pt-figure svg {
    width: 100%;
    height: auto;
    display: block;
    color: inherit;
}
.pt-figure svg text {
    font-family: inherit;
}
.pt-figure figcaption {
    font-size: 13px;
    opacity: .7;
    margin-top: 10px;
}

/* ===== F-menu-icons v2: ikony SVG w slotach menu (55px) ===== */
.navbar__block_right { width: 100%; justify-content: center; }
.navigation__button { width: 122px; }
.navigation__link { font-size: 0.78rem; letter-spacing: 0.5px; }
.pt-mi--home .navigation__link::before { background: url(/assets/img/pt-icons/icon-home.svg) center / 55px 55px no-repeat !important; }
.pt-mi--alarm .navigation__link::before { background: url(/assets/img/pt-icons/icon-alarm.svg) center / 55px 55px no-repeat !important; }
.pt-mi--timer .navigation__link::before { background: url(/assets/img/pt-icons/icon-timer.svg) center / 55px 55px no-repeat !important; }
.pt-mi--stopwatch .navigation__link::before { background: url(/assets/img/pt-icons/icon-stopwatch.svg) center / 55px 55px no-repeat !important; }
.pt-mi--countdown .navigation__link::before { background: url(/assets/img/pt-icons/icon-countdown.svg) center / 55px 55px no-repeat !important; }
.pt-mi--calculators .navigation__link::before { background: url(/assets/img/pt-icons/icon-calculators.svg) center / 55px 55px no-repeat !important; }
.pt-mi--calendar .navigation__link::before { background: url(/assets/img/pt-icons/icon-calendar.svg) center / 55px 55px no-repeat !important; }
.pt-fico { width: 17px; height: 17px; margin-right: 8px; flex: 0 0 auto; opacity: .95; }
.pt-footer__col a { display: flex; align-items: center; }
.navigation__link { overflow-wrap: normal; word-break: keep-all; }
@media (max-width: 992px) {
    .navigation__link { font-size: 0.75rem; letter-spacing: 0.4px; }
}
/* правка: выравнивание полей в формах калькуляторов */
.pt-calc__form { align-items: flex-start; }
.pt-calc__field select, .pt-calc__field input { margin-bottom: 0; }
.pt-gico { vertical-align: -6px; margin-right: 8px; }
/* ikony menu: podpisy bez pogrubienia */
.navigation__link { font-weight: 500; }
/* календарные страницы: колонка по центру */
.pt-calcenter { max-width: 780px; margin: 0 auto; }
.pt-calcenter h1, .pt-calcenter h2 { text-align: center; }
.pt-calcenter > p { text-align: center; }
.pt-calcenter ul { display: table; margin: 0 auto 1em; text-align: left; }

/* ---------- F7: основной текст страницы ----------
   ВНИМАНИЕ, ГРАБЛИ ТЕМЫ: последний @media (max-width: 576px) в main.css НЕ ЗАКРЫТ
   (баланс скобок сходится за счёт лишней закрывающей в другом месте), поэтому всё,
   дописанное в конец main.css, молча попадает внутрь мобильного медиазапроса —
   на десктопе такие правила просто не действуют. Именно поэтому проза выглядела
   неоформленной на широком экране. Наши правила живут здесь, в своём файле. */
/* ОСНОВНОЙ ТЕКСТ СТРАНИЦЫ — ОДНА КОЛОНКА, ОДИН СТИЛЬ.
   Тема тянулась из старого шаблона, где текстовый блок ломался на две колонки
   (.section__col_full { columns: 2 }): читатель, дойдя до низа экрана, должен был
   возвращаться наверх, а таблицы и списки рвались между колонками. Плюс проза,
   дописанная генератором, шла отдельным классом .pt-prose — то есть на сайте
   сосуществовали два разных оформления одного и того же основного текста.
   Здесь оба сведены в один контейнер: .article.article_only-text — и в шаблонах,
   и в литеральных страницах, которые генератор раньше обёртывал в .pt-prose. */
.section__col_full {
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
}
.article.article_only-text {
    max-width: 780px;
    margin: 0 auto;
    padding: 24px 20px 8px;
    line-height: 1.65;
    column-count: 1;
    -webkit-column-count: 1;
    text-align: left;
}
.article.article_only-text h2 {
    margin: 28px 0 12px;
    font-size: 1.25rem;
    line-height: 1.3;
}
.article.article_only-text h3, .article.article_only-text .h4 { margin: 22px 0 10px; }
.article.article_only-text p { margin: 0 0 14px; }
.article.article_only-text ul, .article.article_only-text ol { margin: 0 0 16px; padding-left: 22px; }
.article.article_only-text li { margin-bottom: 6px; }
@media (max-width: 768px) {
    .article.article_only-text { padding: 18px 16px 4px; }
}

/* Вопросы и ответы — спойлерами. Раскрытый список из десятка абзацев отодвигал
   перелинковку и подвал на экран вниз; <details> даёт то же содержимое (и тот же
   текст в HTML для поиска и для разметки FAQPage), но занимает высоту заголовков. */
.pt-faq { margin: 26px 0 8px; }
.pt-faq__title { margin: 0 0 12px; font-size: 1.25rem; line-height: 1.3; }
.pt-faq__item {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 8px;
    margin-bottom: 8px;
    background: rgba(255, 255, 255, .55);
}
.pt-faq__item > summary {
    cursor: pointer;
    list-style: none;
    padding: 12px 40px 12px 14px;
    position: relative;
    font-weight: 500;
    line-height: 1.45;
}
.pt-faq__item > summary::-webkit-details-marker { display: none; }
.pt-faq__item > summary::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: .55;
    transform: rotate(45deg);
    transition: transform .15s ease;
}
.pt-faq__item[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
.pt-faq__item[open] > summary { border-bottom: 1px solid rgba(0, 0, 0, .08); }
.pt-faq__a { padding: 12px 14px 2px; }
.pt-faq__a p { margin: 0 0 12px; }
.night .pt-faq__item {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .04);
}
.night .pt-faq__item[open] > summary { border-bottom-color: rgba(255, 255, 255, .12); }

/* ---------- F8: одна колонка контента, по ширине блока инструмента ----------
   На десктопе на одной странице было ЧЕТЫРЕ разные ширины: полоса section__body
   1170, карточка виджета 910, блоки ссылок 1170, текст 780. Читатель видел лесенку
   из краёв. Теперь у всего контента одна колонка, и она равна карточке виджета —
   не числом, а той же формулой calc(100% - 260px), что у .clock-area__block_main:
   при сужении окна текст и виджет ужимаются синхронно.

   Только десктоп: ниже 768px тема сама растягивает виджет на всю ширину
   (main.css, @media max-width: 768px), и там всё уже сходится. */
@media (min-width: 769px) {
    .section__body > .pt-crumbs,
    .section__body > .pt-block,
    .section__body > .section__col,
    .section__body > .fullwidth,
    .section__body > .pt-bcards {
        /* базис, а не width: тема задаёт этим блокам flex: 0 0 100%, и обычная
           ширина ею перебивается (поймано на тестовой странице) */
        flex: 0 0 calc(100% - 260px);
        width: calc(100% - 260px);
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
    /* Внутренний контейнер уже нужной ширины — своих ограничений не добавляет,
       иначе колонка сузилась бы дважды. */
    .article.article_only-text,
    .pt-calcenter {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---------- F9: блоки данных на посадочной будильника ---------- */
.pt-alarm-data__list { margin: 0 0 10px; padding-left: 22px; }
.pt-alarm-data__list li { margin-bottom: 6px; }
.pt-alarm-data__note { font-size: .9rem; opacity: .75; margin: 6px 0 0; }
.pt-zones { width: 100%; max-width: 420px; }
.pt-zones td { padding: 6px 10px; }