.ng-story-page {
    width: min(100%, 860px);
    margin: 0 auto;
    padding: 18px 14px calc(126px + env(safe-area-inset-bottom, 0px));
}

.ng-story-single {
    min-width: 0;
}

.ng-story-single__header {
    margin: 2px 0 20px;
}

.ng-story-single__name {
    margin: 0;
    color: var(--ng-text);
    font-size: clamp(2rem, 10vw, 3.2rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.ng-story-single__title {
    margin: 8px 0 0;
    color: var(--ng-text);
    font-size: clamp(1.12rem, 5vw, 1.55rem);
    font-weight: 650;
    line-height: 1.3;
}

.ng-story-single__date {
    display: block;
    margin-top: 10px;
    color: var(--ng-muted);
    font-size: 0.84rem;
}

.ng-story-single__figure {
    width: min(100%, 430px);
    margin: 0 auto 24px;
}

.ng-story-single__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    background: #f2f2f2;
}

.ng-story-single__body {
    color: var(--ng-text);
    font-size: clamp(1.08rem, 4.8vw, 1.22rem);
    line-height: 1.78;
    overflow-wrap: anywhere;
}

.ng-story-single__body p {
    margin: 0 0 1.25em;
}

.ng-story-page__not-found {
    margin: 34px auto;
    max-width: 560px;
    padding: 28px 20px;
    border: 1px solid var(--ng-border);
    border-radius: 18px;
    text-align: center;
}

.ng-story-page__not-found h1 {
    margin: 0 0 10px;
    font-size: 1.7rem;
}

.ng-story-page__not-found p {
    margin: 0 0 18px;
    color: var(--ng-muted);
}

.ng-story-page__not-found a {
    color: var(--ng-accent);
    font-weight: 800;
}

@media (max-width: 359px) {
    .ng-story-page {
        padding-inline: 10px;
    }

    .ng-story-single__body {
        font-size: 1.02rem;
    }
}

@media (min-width: 600px) {
    .ng-story-page {
        padding: 28px 24px calc(132px + env(safe-area-inset-bottom, 0px));
    }

    .ng-story-single__header {
        margin-bottom: 26px;
    }
}

@media (min-width: 768px) {
    .ng-story-page {
        padding-inline: 32px;
    }

    .ng-story-single__body {
        font-size: 1.2rem;
        line-height: 1.82;
    }
}

@media (min-width: 1024px) {
    .ng-story-page {
        padding-top: 36px;
    }
}

.ng-story-single__views {
    margin: 8px 0 0;
    color: #666;
    font-size: 14px;
    font-weight: 600;
}


.ng-story-chapter-nav{margin:28px 0 8px;padding:14px;border:1px solid rgba(201,155,80,.45);border-radius:14px;background:rgba(201,155,80,.08);break-inside:avoid}.ng-story-chapter-nav__status{text-align:center;font-weight:850;margin-bottom:10px}.ng-story-chapter-nav__actions{display:flex;justify-content:space-between;gap:10px}.ng-story-chapter-nav__actions a{display:inline-flex;align-items:center;min-height:42px;border:1px solid currentColor;border-radius:999px;padding:8px 13px;color:#9f2118;font-weight:850;text-decoration:none}.ng-reader .ng-story-chapter-nav__actions a{color:var(--ng-reader-text)}