[html]

<style>

/* =========================================
   ОБЩАЯ ОБЁРТКА
   ========================================= */

.news-wrap {
    width: 600px;
    margin: 0 auto;
    padding: 0 20px 25px;
    box-sizing: border-box;
}

/* =========================================
   БОЛЬШОЙ ЗАГОЛОВОК
   ========================================= */

.news-heading {
    position: relative;
    z-index: 1;

    width: 100%;
    margin: 0 0 -12px 0;
    padding: 0;

    text-align: center;

    font-family: 'TheSilverEditorial', serif;
    font-size: 62px;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;

    color: #ffffff;

    -webkit-text-stroke: 0.5px #999999;
}

/* =========================================
   ОСНОВНОЙ БЕЛЫЙ БЛОК
   ========================================= */

.news-main {
    position: relative;
    z-index: 2;

    width: 100%;
    box-sizing: border-box;

    padding: 22px;

    background: #ffffff;

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* =========================================
   ВНУТРЕННИЙ БЛОК БРОШЮРЫ
   ========================================= */

.news-card {
    width: 100%;
    box-sizing: border-box;

    background: #f4f4f4;

    border-radius: 8px;

    overflow: hidden;
}

/* =========================================
   КАРТИНКА
   ========================================= */

.news-image {
    width: 100%;
    height: 190px;

    overflow: hidden;

    position: relative;
}

.news-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    filter: none;
}

/* =========================================
   НАЗВАНИЕ БРОШЮРЫ
   ========================================= */

.news-info {
    padding: 18px 20px 4px;

    text-align: center;
}

.news-title {
    margin: 0;

    font-family: Arial, sans-serif;

    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

    color: #333333;
}

.news-date {
    margin-top: 5px;

    font-family: Arial, sans-serif;

    font-size: 9px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 1px;

    color: #777777;
}

.news-note {
    margin: 8px 0 0;

    font-family: Georgia, serif;

    font-size: 9px;
    font-style: italic;

    color: #999999;
}

/* =========================================
   ОСНОВНОЙ ТЕКСТ
   ========================================= */

.news-text {
    padding: 8px 20px 25px;

    font-family: Arial, sans-serif;

    font-size: 11px;

    line-height: 1.65;

    color: #222222;

    text-align: justify;
}

.news-text p {
    margin: 8px 0;
}

.news-text a {
    color: #8a622e;

    text-decoration: none;
}

/* =========================================
   РАЗДЕЛЫ
   ========================================= */

.faq-section {
    position: relative;

    margin: 24px 0 0;
}

.faq-section:first-child {
    margin-top: 13px;
}

/* =========================================
   БУМАЖНАЯ НАКЛЕЙКА
   ========================================= */

.faq-title {
    position: relative;
    z-index: 2;

    display: inline-block;

    margin: 3px 0 13px -5px;

    background:
    linear-gradient(
        100deg,
        #71878a 0%,
        #87999a 20%,
        #788d90 50%,
        #91a0a0 75%,
        #6e8386 100%
    );

    font-family: Arial, sans-serif;

    font-size: 10px;
    font-weight: 700;

    line-height: 1.2;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    color: #f4eee2;

    text-align: left;

    transform: rotate(-0.6deg);

    box-shadow:
        0 2px 4px rgba(0,0,0,0.16),
        inset 0 0 10px rgba(100,70,35,0.08);
}

/* =========================================
   РВАНЫЕ КРАЯ НАКЛЕЙКИ
   ========================================= */

.faq-title:before {
    content: "";

    position: absolute;
    z-index: -1;

    top: -3px;
    right: -5px;
    bottom: -3px;
    left: -5px;

    background: #677683;

    clip-path: polygon(
        0% 8%,
        4% 2%,
        9% 5%,
        15% 1%,
        22% 4%,
        30% 1%,
        38% 5%,
        46% 2%,
        55% 4%,
        63% 1%,
        71% 5%,
        80% 2%,
        88% 5%,
        95% 1%,
        100% 7%,

        99% 94%,
        94% 98%,
        87% 95%,
        78% 99%,
        69% 96%,
        60% 99%,
        51% 95%,
        42% 99%,
        33% 96%,
        24% 99%,
        15% 95%,
        7% 99%,
        0% 93%
    );
}

/* =========================================
   РАЗНЫЙ НАКЛОН НАКЛЕЕК
   ========================================= */

.faq-section:nth-child(2n) .faq-title {
    transform: rotate(2deg);
}

.faq-section:nth-child(3n) .faq-title {
    transform: rotate(-1deg);
}

.faq-section:nth-child(4n) .faq-title {
    transform: rotate(0.3deg);
}

/* =========================================
   МЕЛКАЯ ПОДПИСЬ ВНИЗУ
   ========================================= */

.faq-small {
    margin-top: 25px;

    padding-top: 10px;

    border-top: 1px solid #dddddd;

    font-family: Georgia, serif;

    font-size: 9px;
    font-style: italic;

    color: #999999;

    text-align: center;
}

</style>

<div class="news-wrap">

    <!-- БОЛЬШОЙ ЗАГОЛОВОК -->
    <div class="news-heading">
        faq × правила
    </div>

    <!-- ОСНОВНОЙ БЕЛЫЙ БЛОК -->
    <div class="news-main">

        <div class="news-card">

            <!-- КАРТИНКА -->
            <div class="news-image">

                <img
                    src="https://upforme.ru/uploads/001c/ad/04/2/36951.png"
                    alt="Эшвуд, Массачусетс"
                >

            </div>

            <!-- НАЗВАНИЕ БРОШЮРЫ -->
            <div class="news-info">

                <div class="news-title">
                    путеводитель по эшвуду
                </div>

                <div class="news-date">
                    леса • исторический центр • ярмарки • пуритане • местные легенды
                </div>

                <div class="news-note">
                    эшвуд. переживаем зиму с семнадцатого века.
                </div>

            </div>

            <!-- =====================================
                 ТЕКСТ
                 ===================================== -->

            <div class="news-text">

                <!-- РАЗДЕЛ 1 -->

                <div class="faq-section">

                    <div class="faq-title">
                        прежде чем приехать в эшвуд
                    </div>

                    <p>
                        Эшвуд — небольшой город в Массачусетсе, окружённый лесами, холмами и людьми, чьи семьи живут здесь настолько давно, что иногда это звучит скорее как предупреждение.
                    </p>

                    <p>
                        Город был основан пуританскими поселенцами в семнадцатом веке, пережил голод, эпидемии, несколько особенно неприятных зим и период истории, который туристические буклеты осторожно называют «религиозными разногласиями».
                    </p>

                    <p>
                        Перед посещением рекомендуем ознакомиться с несколькими простыми правилами. Большинство продиктовано здравым смыслом. Остальные появились после конкретных случаев, судебных процессов и одной крайне неудачной трактовки слова «невинная».
                    </p>

                </div>

                <!-- РАЗДЕЛ 2 -->

                <div class="faq-section">

                    <div class="faq-title">
                        планируете поездку?
                    </div>

                    <p>
                        Забронировать место в Эшвуде можно заранее. Бронь сохраняется за гостем в течение <b>суток</b>, за зарегистрированным — в течение <b>трёх суток</b>.
                    </p>

                    <p>
                        Администрация просит не занимать сразу несколько внешностей «на всякий случай». Эшвуд маленький. Здесь и без того ведут слишком много списков.
                    </p>

                </div>

                <!-- РАЗДЕЛ 3 -->

                <div class="faq-section">

                    <div class="faq-title">
                        регистрация в городе
                    </div>

                    <p>
                        Для постоянного проживания потребуется зарегистрироваться именем и фамилией персонажа на латинице.
                    </p>

                    <p>
                        Мы не требуем объяснять, почему именно вы решили переехать в город, основанный религиозными фанатиками посреди леса и регулярно фигурирующий в выпусках о необъяснимых исчезновениях.
                    </p>

                    <p>
                        У каждого свои обстоятельства.
                    </p>

                </div>

                <!-- РАЗДЕЛ 4 -->

                <div class="faq-section">

                    <div class="faq-title">
                        ваша жизнь в эшвуде
                    </div>

                    <p>
                        Эшвуд располагает к неспешной жизни: прогулкам по историческому центру, осенним ярмаркам, кофе у окна, сбору яблок и постепенному выяснению того, почему никто из местных не ходит через северный лес после наступления темноты.
                    </p>

                    <p>
                        Однако бесследное исчезновение на несколько месяцев может вызвать вопросы. В первую очередь — у ваших соигроков. Во вторую — у шерифа.
                    </p>

                    <p>
                        Если третьими заинтересуются краеведы, возможно, возвращаться уже поздно.
                    </p>

                </div>

                <!-- РАЗДЕЛ 5 -->

                <div class="faq-section">

                    <div class="faq-title">
                        хотите привести родственников?
                    </div>

                    <p>
                        Первый дополнительный персонаж создаётся свободно, все последующие — за один игровой пост с каждого существующего профиля.
                    </p>

                    <p>
                        Количество персонажей ограничивается правилами проекта, вашей активностью и здравым смыслом.
                    </p>

                    <p>
                        Последний пункт исторически является слабым местом Эшвуда.
                    </p>

                </div>

                <!-- РАЗДЕЛ 6 -->

                <div class="faq-section">

                    <div class="faq-title">
                        если вам необходимо покинуть город
                    </div>

                    <p>
                        Дороги из Эшвуда открыты круглый год, за исключением снегопадов, ремонтных работ, упавших деревьев и тех случаев, когда городской совет неожиданно объявляет северный выезд временно закрытым «по техническим причинам».
                    </p>

                    <p>
                        Если вы собираетесь отсутствовать продолжительное время, предупредите администрацию и соигроков.
                    </p>

                    <p>
                        Сообщать причину отъезда необязательно.
                    </p>

                    <p>
                        Если вам приснился человек в пуританской одежде, который велел уезжать до первого снега, причина считается уважительной.
                    </p>

                </div>

                <!-- РАЗДЕЛ 7 -->

                <div class="faq-section">

                    <div class="faq-title">
                        правила добрососедства
                    </div>

                    <p>
                        Жители Эшвуда ценят хорошие отношения с соседями. Игровые конфликты остаются игровыми, личные разногласия решаются без привлечения персонажей, а уважение к чужим границам является обязательным.
                    </p>

                    <p>
                        Запрещено намеренно создавать дискомфорт другим игрокам, переносить личные конфликты в игру и приносить кого-либо в жертву без предварительного согласования.
                    </p>

                    <p>
                        Последнее особенно важно.
                    </p>

                </div>

                <!-- РАЗДЕЛ 8 -->

                <div class="faq-section">

                    <div class="faq-title">
                        о ведьмах, рыжих и прочих недоразумениях
                    </div>

                    <p>
                        Городская администрация напоминает: наличие рыжих волос не является доказательством колдовства, одержимости, дурного нрава или пригодности для ритуального жертвоприношения.
                    </p>

                    <p>
                        Девственность также не является основанием для беспокойства.
                    </p>

                    <p>
                        Эшвуд приносит официальные извинения за то, что этому разъяснению потребовалось более трёхсот лет.
                    </p>

                </div>

                <!-- РАЗДЕЛ 9 -->

                <div class="faq-section">

                    <div class="faq-title">
                        исторический центр
                    </div>

                    <p>
                        Старый Эшвуд открыт для посещения круглый год. Здесь находятся первая конгрегационалистская церковь, городская площадь, старое кладбище, несколько домов семнадцатого и восемнадцатого веков и музей истории города.
                    </p>

                    <p>
                        Просим не заходить за ограждения на кладбище, не пытаться открыть закрытые двери в церковном подвале и не переставлять камни с вырезанными на них символами.
                    </p>

                    <p>
                        Особенно последний.
                    </p>

                </div>

                <!-- РАЗДЕЛ 10 -->

                <div class="faq-section">

                    <div class="faq-title">
                        если что-то пошло не так
                    </div>

                    <p>
                        Не понимаете правила? Возник спор? Нашли противоречие в матчасти? Обратитесь к администрации.
                    </p>

                    <p>
                        Заблудились в историческом центре? Обратитесь в туристический центр.
                    </p>

                    <p>
                        Заблудились в лесу? Обратитесь к шерифу.
                    </p>

                    <p>
                        Заблудились под городом?
                    </p>

                    <p>
                        Мы бы очень хотели узнать, как именно вы туда попали.
                    </p>

                </div>

                <!-- ФИНАЛ -->

                <div class="faq-section">

                    <div class="faq-title">
                        добро пожаловать в эшвуд!
                    </div>

                    <p>
                        Мы надеемся, что город оставит у вас исключительно приятные воспоминания.
                    </p>

                    <p>
                        Посетите осеннюю ярмарку. Прогуляйтесь по старому центру. Попробуйте местный яблочный пирог. Полюбуйтесь ясенями.
                    </p>

                    <p>
                        И помните: если пожилая женщина из исторического общества спрашивает ваш цвет волос, семейное положение и являетесь ли вы первым ребёнком в семье, это совершенно обычная местная беседа.
                    </p>

                    <p>
                        Вероятно.
                    </p>

                </div>

                <div class="faq-small">
                    туристический центр эшвуда • массачусетс • основан пуританами, пережил их потомков
                </div>

            </div>

        </div>

    </div>

</div>

[/html]