.dreams-block {
	color: #4a4a4a;
}

.dreams-block p {
    margin: 0;
    padding: 0 0 1rem 0;
}

.dreams-block--gone {
    background: transparent;
    box-shadow: none;
    margin-top: 1.2em;
    padding: 0;
}

.sonnik-gone410 {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
    gap: 2em;
    align-items: center;
    padding: 2.2em;
    border: 1px solid #e4edf3;
    border-radius: 1.3em;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,248,251,.94)),
        url(/img/sonnik/sky.jpg) center / cover no-repeat;
    box-shadow: 0 18px 42px rgba(36, 146, 222, .14);
}

.sonnik-gone410::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.75) 48%, rgba(255,255,255,.35) 100%),
        repeating-linear-gradient(135deg, rgba(83,177,249,.08) 0, rgba(83,177,249,.08) 1px, transparent 1px, transparent 16px);
}

.sonnik-gone410__copy,
.sonnik-gone410__visual {
    position: relative;
    z-index: 1;
}

.sonnik-gone410__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2em;
    margin: 0 0 .8em;
    padding: 0 .95em;
    border: 1px solid rgba(83, 177, 249, .35);
    border-radius: 999px;
    color: #2492de;
    background: rgba(255, 255, 255, .82);
    font-size: .92em;
    font-weight: 700;
}

#main_content_main .block.article .sonnik-gone410 h1,
.sonnik-gone410 h1 {
    margin: 0 0 .45em !important;
    padding: 0 !important;
    color: #2492de !important;
    font-size: 2.35em !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

.sonnik-gone410 p {
    max-width: 38em;
    margin: 0;
    padding: 0;
    color: #38393a;
    font-size: 1.08em;
    line-height: 1.65;
}

.sonnik-gone410__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8em 1em;
    margin-top: 1.6em;
}

.sonnik-gone410__button,
.sonnik-gone410__button:hover,
.sonnik-gone410__button:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3em;
    padding: 0 1.45em;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(to right, #4bdbf5, #57a0fe);
    box-shadow: 0 12px 24px rgba(83, 177, 249, .32);
    font-size: 1.02em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
}

.sonnik-gone410__button:hover,
.sonnik-gone410__button:focus {
    box-shadow: 0 14px 30px rgba(83, 177, 249, .45);
    transform: translateY(-1px);
}

.sonnik-gone410__quiet-link,
.sonnik-gone410__quiet-link:hover,
.sonnik-gone410__quiet-link:focus {
    color: #2492de !important;
    font-weight: 700;
    text-decoration: none !important;
}

.sonnik-gone410__quiet-link:hover,
.sonnik-gone410__quiet-link:focus {
    color: #e8287d !important;
}

.sonnik-gone410__visual {
    min-height: 260px;
}

.sonnik-gone410__sky {
    position: absolute;
    inset: 0;
    min-height: 260px;
    border-radius: 1.1em;
    background: linear-gradient(180deg, rgba(116,189,252,.85), rgba(215,245,255,.72));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 16px 36px rgba(20, 94, 191, .16);
}

.sonnik-gone410__moon {
    position: absolute;
    top: 1.6em;
    right: 2em;
    width: 4.2em;
    height: 4.2em;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 28px rgba(255,255,255,.9);
}

.sonnik-gone410__moon::after {
    content: "";
    position: absolute;
    top: .35em;
    left: .75em;
    width: 3.6em;
    height: 3.6em;
    border-radius: 50%;
    background: #99d8fb;
}

.sonnik-gone410__pillow {
    position: absolute;
    right: 7%;
    bottom: -1.4em;
    left: 7%;
    aspect-ratio: 1 / 1;
    background: url(/img/sonnik/pillow.png) center bottom / contain no-repeat;
    filter: drop-shadow(0 18px 18px rgba(20, 94, 191, .18));
}

@media screen and (max-width: 800px) {
    .sonnik-gone410 {
        grid-template-columns: 1fr;
        gap: 1.4em;
        padding: 1.5em;
        text-align: center;
    }

    #main_content_main .block.article .sonnik-gone410 h1,
    .sonnik-gone410 h1 {
        font-size: 1.85em !important;
        text-align: center !important;
    }

    .sonnik-gone410 p {
        margin: 0 auto;
        font-size: 1em;
    }

    .sonnik-gone410__actions {
        justify-content: center;
    }

    .sonnik-gone410__visual,
    .sonnik-gone410__sky {
        min-height: 210px;
    }
}

@media screen and (max-width: 430px) {
    .sonnik-gone410 {
        padding: 1.2em;
    }

    .sonnik-gone410__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sonnik-gone410__button {
        width: 100%;
        box-sizing: border-box;
    }

    .sonnik-gone410__visual,
    .sonnik-gone410__sky {
        min-height: 180px;
    }
}

.sonnik-search.large, .sonnik-search-bord {
    margin: 0 0 2em 0;
    padding: 1.5em 1em;
    border-radius: 1.3em;
    text-align: center;
    border: 2px solid #53b1f9;
}

.sonnik-search.large{
	margin-top:1em;
}

.sonnik-search.large>h3, .sonnik-search-bord>h3 {
    margin: 0 0 1.5rem 0 !important;
    padding: 0 !important;
    font-size: 2em !important;
    color: #53b1f9 !important;
}

.sonnik-search.large>form {
    padding: 0 !important;
    padding: 0 0 1em 0 !important;
    position: relative;
}

.sonnik-search.large>form>input {
    width: 100%;
    border-radius: 2em;
    padding: 1em;
    /*background: url(/img/sonnik/search.svg) right 1em center / 1.5em no-repeat;*/
    background: none;
}

.sonnik-search.large>form>.butsearch {
    width: 3.5em;
    height: 3.5em;
    background: url(/img/sonnik/search.svg) center / 1.5em no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
}

.sonnik-search.large>.alphabet, .sonnik-search-bord>.alphabet {
    font-size: 1.1em;
    width: 90%;
    margin: auto;
}

@media screen and (max-width: 800px) {
    .sonnik-search.large>.alphabet, .sonnik-search-bord>.alphabet {
        width: 100%;
    }
}

.sonnik-search.large>.alphabet>.container, .sonnik-search-bord>.alphabet>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sonnik-search.large>.alphabet>.container>a, .sonnik-search-bord>.alphabet>.container>a {
    margin: .1rem;
    border-radius: 1em;
    width: 2em;
    height: 2em;
    flex: none;
    line-height: 2em;
    color: #000 !important;
}

.sonnik-search.large>.alphabet>.container>a:hover, .sonnik-search.large>.alphabet>.container>a.act, .sonnik-search-bord>.alphabet>.container>a:hover, .sonnik-search-bord>.alphabet>.container>a.act {
    /*background: rgba(0, 0, 0, .05);
    color: #e8287d !important;*/
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #e8277c;
}

.sonnik-search.large>.alphabet>.container>a.active,
.sonnik-search.large>.alphabet>.container>a.active:hover {
    color: #fff !important;
    background: #e8287d;
}

.sonnik-search.mobile {
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 999;
    padding: 0;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
    transition: transform .22s ease, opacity .18s ease;
}

.sonnik-search.mobile.searching {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
}

@media screen and (max-width: 600px) {
    body:not(.menuActive) header.mobile {
        padding-top: 0;
    }

    body:not(.menuActive) header.mobile .header {
        position: static;
    }

    .sonnik-search.mobile {
        display: block;
    }

    .sonnik-search.mobile.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }
}

body.menuActive .sonnik-search.mobile {
    display: none !important;
}

.sonnik-search.mobile .exit {
    display: none;
}

.sonnik-search.mobile.searching .exit {
    display: block;
    position: fixed;
    top: var(--sonnik-mobile-search-height, 37px);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.72);
}

.sonnik-search.mobile>form,
.sonnik-search.mobile .output,
.sonnik-search.mobile .botsinonmob {
    position: relative;
    z-index: 1;
}

.sonnik-search.mobile>form {
    margin: 0;
    padding: 3px 4px;
    border: 0;
    border-bottom: 1px solid #b3defc;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 5px 16px rgba(36, 146, 222, 0.16);
    backdrop-filter: blur(8px);
}

.sonnik-search.mobile>form>input {
    box-sizing: border-box;
    margin: 0;
    padding: 0 46px 0 36px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #52b1f9;
    box-shadow: 0 0 0 2px rgba(82, 177, 249, .12);
    border-radius: 999px;
    font-size: 16px;
}

.sonnik-search.mobile>form>input:focus {
    outline: none;
    border-color: #2492de;
    box-shadow: 0 0 0 3px rgba(82, 177, 249, .2);
}

.sonnik-search.mobile.hassin>form>input {
    padding-right: 80px;
}

.sonnik-search.mobile>form>.butsearch {
    width: 30px;
    height: 30px;
    background: url(/img/sonnik/search.svg) center / 1.5em no-repeat;
    position: absolute;
    top: 3px;
    left: 4px;
    display: block;
    cursor: pointer;
}

.sonnik-search.mobile>form>.hd,
.sonnik-search.mobile>form>.tm {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d7ebfa;
    border-radius: 50%;
    background: #fff;
    font-family: inherit;
    line-height: 1;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sonnik-search.mobile>form>.tm {
    right: 4px;
}

.sonnik-search.mobile>form>.hd {
    right: 36px;
    display: none;
}

.sonnik-search.mobile.hassin>form>.hd {
    display: inline-flex;
}

.sonnik-search.mobile>form>.hd:hover,
.sonnik-search.mobile>form>.tm:hover,
.sonnik-search.mobile>form>.hd[aria-expanded="true"],
.sonnik-search.mobile>form>.tm.show {
    border-color: #53b1f9;
    box-shadow: 0 2px 8px rgba(83, 177, 249, .18);
}

.sonnik-search.mobile>form .fas {
    color: #8fb0cb;
}

.sonnik-search.mobile>form>.hd[aria-expanded="true"] .fas {
    color: #e8287d;
}

.sonnik-search.mobile>form .fa-times {
    color: #e8287d;
}

.sonnik-search.mobile .output {
    display: none;
    width: auto;
    margin: 6px 8px 0;
    padding: 0;
    max-height: calc(100vh - var(--sonnik-mobile-search-height, 37px) - 12px);
    overflow-y: auto;
	box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d7ebfa;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(20, 94, 191, .16);
}

.sonnik-search.mobile.searching .output:not(:empty) {
    display: block;
}

.sonnik-search.mobile .output h2 {
    display: grid;
    grid-template-columns: 32px 1fr 32px;
    align-items: center;
    margin: 0;
    padding: 12px 14px;
    border-bottom: 1px solid #e4edf3;
    color: #2492de;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
}

.sonnik-search.mobile .output h2::before {
    content: "";
}

.sonnik-search.mobile .output .fa-times{
	color:#e8287d;
	float: none;
    justify-self: end;
    padding: 2px;
    cursor: pointer;
}

.sonnik-search .output {
    width: 100%;
    font-size: 1.1em;
    text-align: left;
}

.sonnik-search .output a {
    display: block;
    padding: .5em 0 .5em 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.sonnik-search.mobile .output a, .sonnik-search .output a.mobtems{
	color: #2492de !important;
	font-size: 18px;
	line-height: 30px;
}

.sonnik-search.mobile .output a {
    padding: 10px 14px;
    color: #2492de !important;
    font-size: 17px;
    line-height: 1.35;
}

.sonnik-search.mobile .output a.mobtems {
    font-size: 16px;
    line-height: 1.35;
}

.sonnik-search.mobile .sonnik-mobile-topics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 8px;
    padding: 10px 12px 12px;
}

.sonnik-search.mobile .output .sonnik-mobile-topics a.mobtems {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 1px solid #e4edf3;
    border-radius: 9px;
    background: #f4f8fb;
    color: #2492de !important;
    font-size: 15px;
    line-height: 1.2;
}

.sonnik-search.mobile .output .sonnik-mobile-topics a.sonnik-mobile-topic-link--all,
.sonnik-search.mobile .output .sonnik-mobile-topics a.sonnik-mobile-topic-link--more {
    grid-column: 1 / -1;
    justify-content: center;
    font-weight: 700;
}

.sonnik-search.mobile .output .sonnik-mobile-topics a.sonnik-mobile-topic-link--all {
    color: #fff !important;
    background: #e8287d;
    border-color: #e8287d;
}

.sonnik-search.mobile .output .sonnik-mobile-topics a.sonnik-mobile-topic-link--more {
    background: #fff;
    border-color: #b3defc;
}

.sonnik-search.mobile .output .sonnik-mobile-topics a.mobtems:hover {
    color: #fff !important;
    background: #53b1f9;
    border-color: #53b1f9;
    text-decoration: none !important;
}

.dreams-block>article {}

.dreams-block>article>h2 {
    color: #145ebf !important;
    font-weight: 400 !important;
    font-size: 1.7em !important;
}

.dreams-block>article>.author {
    display: block;
    text-align: right;
    font-size: .8em;
    font-weight: lighter;
    padding: .5em 0 0;
    color: #999;
}

.dreams-block>article>.author>a,
.dreams-block>article>.author>a:hover {
    color: #999 !important;
    text-decoration: underline;
}

.dreams-block>.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 5em 0;
    padding: 3em 1em 1em 1em;
    border-radius: 1.3em;
    background: url("/img/sonnik/sky.jpg") bottom center no-repeat;
    background-size: cover;
    text-align: center;
}

.dreams-block>.header>a {
    visibility: hidden;
    position: relative;
    top: -6.5em;
}

.dreams-block>.header>h1 {
    flex: 100%;
    color: #fff !important;
    font-weight: bold;
    margin: 0 0 1rem 0 !important;
    font-size: 2.2em !important;
    line-height: 1em !important;
}

.dreams-block>.header>h3,
.dreams-block>.header>.header-subtitle {
    display: block;
    flex: 100%;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
    font-size: 1.5em !important;
}

.dreams-block>.header>.pillow-container {
    position: relative;
    margin-bottom: -4em;
    width: 60%;
    max-width: 18em;
}

.dreams-block>.header>.pillow-container>.shadow {
    position: absolute;
    right: 2em;
    bottom: 1em;
    left: 2em;
    box-shadow: 0 0 2em .5em rgba(0, 0, 0, 0.5);
}

.dreams-block>.header>.pillow-container>.pillow {
    display: block;
    padding: 0 0 100% 0;
    background: url("/img/sonnik/pillow.png") bottom center no-repeat;
    background-size: contain;
}

.dreams-block>.header>.pillow-container>.pillow.main {
    position: relative;
    pointer-events: none;
}

.dreams-block>.header>.pillow-container>.pillow.left,
.dreams-block>.header>.pillow-container>.pillow.right {
    position: absolute;
    bottom: 8%;
    padding: 0 0 70% 0;
    width: 75%;
    transition: .3s ease;
}

.dreams-block>.header>.pillow-container>.pillow.left {
    left: -30%;
}

.dreams-block>.header>.pillow-container>.pillow.left:hover {
    left: -35%;
}

.dreams-block>.header>.pillow-container>.pillow.left::before {
    content: "";
    display: block;
    position: absolute;
    top: 30%;
    left: -30%;
    width: 3.5em;
    height: 3.5em;
    background: url("/img/sonnik/arrow_l.png") center no-repeat;
    background-size: contain;
    transition: .5s ease;
}

.dreams-block>.header>.pillow-container>.pillow.left:hover::before {
    left: -20%;
}

.dreams-block>.header>.pillow-container>.pillow.right {
    right: -30%;
}

.dreams-block>.header>.pillow-container>.pillow.right:hover {
    right: -35%;
}

.dreams-block>.header>.pillow-container>.pillow.right::before {
    content: "";
    display: block;
    position: absolute;
    top: 30%;
    right: -30%;
    width: 3.5em;
    height: 3.5em;
    background: url("/img/sonnik/arrow_r.png") center no-repeat;
    background-size: contain;
    transition: .5s ease;
}

.dreams-block>.header>.pillow-container>.pillow.right:hover::before {
    right: -20%;
}

@media screen and (max-width: 800px) {
    /*.dreams-block>.header>.pillow-container>.pillow.left::before, .dreams-block>.header>.pillow-container>.pillow.right::before {
        display: none;
    }*/
    .dreams-block>.header>.pillow-container>.pillow.right::before {
        right: -2em;
    }
    .dreams-block>.header>.pillow-container>.pillow.left::before {
        left: -2em;
    }
}

@media screen and (max-width: 400px) {
    .dreams-block>.header>.pillow-container>.pillow.right::before {
        right: -2em;
        width: 3em;
        height: 3em;
    }
    .dreams-block>.header>.pillow-container>.pillow.left::before {
        left: -2em;
        width: 3em;
        height: 3em;
    }
.dreams-block>.header{
	margin: 0 0 4em 0;
	padding: 3em 1em 2em 1em;
}
}

.dreams-block>.header>.pillow-container>.pillow>div {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2em;
    text-align: center;
    align-items: center;
}

.dreams-block>.header>.pillow-container>.pillow.left>div {
    text-align: left;
}

.dreams-block>.header>.pillow-container>.pillow.right>div {
    text-align: right;
}

.dreams-block>.header>.pillow-container>.pillow>div>span {
    width: 100%;
    font-weight: bold;
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0.5);
}

.dreams-block>.header>.pillow-container>.pillow.main>div>span {
    font-size: 1.5em;
}

.dreams-block>.sonnik-quick-answer {
    max-width: 720px;
    margin: -1.35em auto 1.05em;
    padding: 0 1.2em;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.55;
    text-align: center;
}

.dreams-block>.sonnik-quick-answer strong {
    color: #4a4a4a;
    font-weight: 400;
}

.dreams-block>.sonnik-quick-answer + #dream-quiz,
.dreams-block>.sonnik-quick-answer + .ads.mobile-shown.yandex-above-content + #dream-quiz {
    margin-top: 1.1em;
}

@media screen and (max-width: 800px) {
    .dreams-block>.sonnik-quick-answer {
        margin: -0.75em auto 0.9em;
        padding: 0 0.9em;
        font-size: 16px;
        line-height: 1.45;
    }
}

.dreams-block>.dreams-title {
    padding: 1rem 0 0 0 !important;
    color: #53b1f9 !important;
    text-align: center;
    font-weight: bold;
}

.dreams-block > .dreams-title.dream-today-heading {
    margin-top: .32em !important;
    margin-bottom: .42em !important;
    padding-top: 0 !important;
}

.dreams-block .article-block.sonnik-article-section + .dreams-title.dream-today-heading {
    margin-top: -.45em !important;
}

.dream-today-card {
    position: relative;
    margin: .25em 0 1.55em;
    border: 1px solid #e4edf3;
    border-radius: 14px;
    box-sizing: border-box;
    color: #38393a;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
}

.dream-today-card__head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) minmax(220px, .72fr);
    gap: .72em;
    align-items: center;
    padding: .72em .9em;
    border-bottom: 1px solid #e7eff7;
    background: #f8fbff;
}

.dream-today-card__moon-img {
    display: block;
    width: 44px;
    height: 44px;
    padding: 3px;
    border-radius: 50%;
    box-sizing: border-box;
    object-fit: contain;
    background: #fff;
}

.dream-today-card__summary {
    min-width: 0;
}

.dream-today-card__eyebrow,
.dream-today-card__score span,
.dream-today-card__meter-labels {
    color: #8a929a;
}

.dream-today-card__eyebrow {
    margin: 0 0 .18em !important;
    padding: 0 !important;
    font-size: .8em;
    font-weight: 700;
    line-height: 1.2;
}

.dream-today-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .28em .38em;
    align-items: center;
    min-width: 0;
    color: #69798c;
    font-size: .86em;
    line-height: 1.25;
}

.dream-today-card__meta strong {
    color: #38393a;
    font-weight: 700;
}

.dream-today-card__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 1.7em;
    padding: 0 .52em;
    border: 1px solid #e4edf3;
    border-radius: 999px;
    box-sizing: border-box;
    color: #68798c;
    background: #fff;
}

.dream-today-card__probability {
    display: grid;
    grid-template-columns: auto minmax(118px, 1fr);
    gap: .65em;
    align-items: center;
    justify-self: end;
    width: min(100%, 280px);
}

.dream-today-card__score {
    min-width: 4.65em;
    padding: 0;
    text-align: right;
}

.dream-today-card__score strong {
    display: block;
    color: #2492de;
    font-size: 1.8em;
    line-height: .95;
}

.dream-today-card__score span {
    display: block;
    margin-top: .12em;
    font-size: .68em;
    font-weight: 700;
    line-height: 1.1;
}

.dream-today-card__meter {
    min-width: 0;
}

.dream-today-card__meter-track {
    height: .48em;
    border-radius: 999px;
    background: #edf5fb;
    overflow: hidden;
}

.dream-today-card__meter-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #a0dfff 0%, #4bdbf5 48%, #57a0fe 100%);
    box-shadow: none;
}

.dream-today-card__meter-labels {
    margin-top: .28em;
    font-size: .68em;
    font-weight: 700;
    line-height: 1.15;
}

.dream-today-card__meter-labels strong {
    display: block;
    color: #53b1f9;
    text-align: left;
}

.dream-today-card__panel {
    padding: 0 .9em;
}

.dream-today-card.expanded .dream-today-card__panel {
    padding-top: .85em;
}

.dream-today-card__rows {
    border: 1px solid #e7eff7;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.dream-today-card__row {
    display: grid;
    grid-template-columns: minmax(170px, .36fr) minmax(0, 1fr);
    gap: .85em;
    align-items: start;
    padding: .86em .9em;
    border-top: 1px solid #edf3f8;
}

.dream-today-card__row:first-child {
    border-top: 0;
}

.dream-today-card__row-head {
    display: grid;
    grid-template-columns: 2em minmax(0, 1fr);
    gap: .55em;
    align-items: start;
}

.dream-today-card__row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: .72em;
    color: #2492de;
    background: #eef6ff;
}

#main_content_main .block.article .dream-today-card__row h3,
.dream-today-card__row h3 {
    margin: 0 0 .34em !important;
    padding: 0 !important;
    color: #303b4b !important;
    font-size: .96em !important;
    line-height: 1.28 !important;
    text-align: left !important;
}

.dream-today-card__factor-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.45em;
    padding: 0 .58em;
    border-radius: 999px;
    font-size: .72em;
    font-weight: 700;
    line-height: 1;
}

.dream-today-card__factor-badge::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.08em;
    height: 1.08em;
    margin-right: .35em;
    border: 1px solid currentColor;
    border-radius: 50%;
    box-sizing: border-box;
    color: currentColor;
    background: #fff;
    font-size: .82em;
    line-height: 1;
}

.dream-today-card__factor-badge--plus {
    color: #0aa674;
    background: #eafff5;
}

.dream-today-card__factor-badge--plus::before {
    content: "✓";
}

.dream-today-card__factor-badge--minus {
    color: #f993ca;
    background: #facee6;
}

.dream-today-card__factor-badge--minus::before {
    content: "-";
}

.dream-today-card__factor-badge--neutral {
    color: #9051ff;
    background: rgba(186, 167, 239, .18);
}

.dream-today-card__factor-badge--neutral::before {
    content: "•";
    color: #9051ff;
}

.dream-today-card__factor-badge--feature {
    color: #52b1f9;
    background: #eef8ff;
}

.dream-today-card__factor-badge--feature::before {
    content: "i";
    font-family: Georgia, serif;
    font-style: italic;
    background: rgba(255, 255, 255, .52);
}

.dream-today-card__row p {
    margin: 0 !important;
    padding: 0 !important;
    color: #627084;
    font-size: .95em;
    line-height: 1.55;
}

.dream-today-card__row-text {
    min-width: 0;
}

.dream-today-card__formula-note {
    margin: 14px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: 8px;
    background: #f4f9fd;
    color: #627084;
    font-size: .94em;
    line-height: 1.55;
}

.dream-today-card__row--plus .dream-today-card__row-icon {
    color: #0aa674;
    background: #eafff5;
}

.dream-today-card__row--minus .dream-today-card__row-icon {
    color: #f993ca;
    background: #facee6;
}

.dream-today-card__row--neutral .dream-today-card__row-icon {
    color: #9051ff;
    background: rgba(186, 167, 239, .15);
}

.dream-today-card__row--feature .dream-today-card__row-icon {
    color: #52b1f9;
    background: #eef8ff;
}

.dream-today-card__link,
.dream-today-card__link:hover,
.dream-today-card__link:focus {
    display: block;
    margin: .75em 0 0;
    color: #00b7f4 !important;
    font-weight: 500;
    text-align: right;
    text-decoration: none !important;
}

.dream-today-card__link:hover,
.dream-today-card__link:focus {
    text-decoration: underline !important;
}

.dream-today-card__toggle {
    padding: .68em .9em .78em;
    text-align: right;
}

.dream-today-card__toggle a,
.dream-today-card__toggle a:hover,
.dream-today-card__toggle a:focus {
    color: #00b7f4 !important;
    font-weight: 500;
    text-decoration: none !important;
}

.dream-today-card__toggle a:hover,
.dream-today-card__toggle a:focus {
    text-decoration: underline !important;
}

.dream-today-card__toggle i {
    margin-left: .25em;
}

@media screen and (max-width: 820px) {
    .dream-today-card__head {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .dream-today-card__moon-img {
        width: 40px;
        height: 40px;
    }

    .dream-today-card__probability {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: 100%;
    }

    .dream-today-card__row {
        grid-template-columns: 1fr;
        gap: .65em;
    }
}

@media screen and (max-width: 520px) {
    .dreams-block > .dreams-title.dream-today-heading {
        margin-top: .28em !important;
    }

    .dreams-block .article-block.sonnik-article-section + .dreams-title.dream-today-heading {
        margin-top: -.5em !important;
    }

    .dream-today-card {
        margin: .2em 0 1.35em;
        border-radius: 12px;
    }

    .dream-today-card__head {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: .58em;
        padding: .68em .78em;
    }

    .dream-today-card__moon-img {
        width: 36px;
        height: 36px;
    }

    .dream-today-card__probability {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .55em;
    }

    .dream-today-card__score {
        min-width: 4.2em;
    }

    .dream-today-card__score strong {
        font-size: 1.55em;
    }

    .dream-today-card__meter-labels {
        font-size: .64em;
    }

    .dream-today-card__panel {
        padding-right: .78em;
        padding-left: .78em;
    }

    .dream-today-card__row {
        padding: .82em;
    }

    .dream-today-card__link,
    .dream-today-card__toggle {
        text-align: left;
    }

    .dream-today-card__toggle {
        padding-right: .78em;
        padding-left: .78em;
    }
}

.dreams-block>.dream-books-heading-icon {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: calc(100% - 32px);
    max-width: 360px;
    margin: 1.35em auto 0.45em;
    padding: 14px 36px 6px;
    border-radius: 30px;
    box-sizing: border-box;
    background: #eaf5ff;
}

.dreams-block>.dream-books-heading-icon img {
    display: block;
    width: 100%;
    max-width: 192px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    filter: none;
}

.dreams-block>.dream-books-heading-icon + .dreams-title {
    padding-top: 0 !important;
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    .dreams-block>.dream-books-heading-icon {
        width: calc(100% - 24px);
        padding: 12px 26px 4px;
        border-radius: 24px;
    }
}

.dreams-block>.dream {
    margin: 0.7em 0 1.4em 0;
    padding: 1em;
    border-radius: 1.3em;
    box-shadow: 0 0 1em rgba(0, 0, 0, .15);
}

.dreams-block>.dream.alsodream{
	border-radius: 40px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .08);
	margin: 0.7em 0 1.2em 0;
}

.dreams-block>.dream:hover {
    box-shadow: 0px 0px 8px 2px rgba(61, 162, 234, 0.65);
}

.dreams-block>.dream .fake-anchor{
	text-decoration:underline;
	color:#4a4a4a;
}

.dreams-block>.dream .fake-anchor:hover{
	text-decoration:none;
	color:#4a4a4a;
}

.expandable.link-card:hover{
	text-decoration:none;
}

.other_dream > a.dream.expandable.link-card{
	color:inherit !important;
	text-decoration:none;
}

@media screen and (min-width: 601px) {
    .other_dream > a.dream.expandable.link-card{
        display:inline-block;
    }
}

.moon-pic{
	width:100%;
	height:100%;
	background-position: center;
	background-size: 75% 75%;
	background-repeat: no-repeat;
}

.dreams-block>.dream .author-bg {
    position: relative;
}

.dreams-block>.dream:nth-of-type(10n-9) .author-bg {
    background: linear-gradient(141deg, #b47cff, #e7b9ff);
}
.dreams-block>.dream:nth-of-type(10n-9) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m2.png");
}

.dreams-block>.dream:nth-of-type(10n-7) .author-bg{
    background: linear-gradient(141deg, #83b9ff, #b6e3ff);
}
.dreams-block>.dream:nth-of-type(10n-7) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m4.png");
}

.dreams-block>.dream:nth-of-type(10n-8) .author-bg {
    background: linear-gradient(141deg, #ccff90, #b2ff59);
}
.dreams-block>.dream:nth-of-type(10n-8) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m3.png");
}

.dreams-block>.dream:nth-of-type(10n-6) .author-bg {
    background: linear-gradient(141deg, #ff79ff, #ffb2ff);
}
.dreams-block>.dream:nth-of-type(10n-6) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m5.png");
}

.dreams-block>.dream:nth-of-type(10n-5) .author-bg {
    background: linear-gradient(141deg, #ffff5a, #ffffbf);
}
.dreams-block>.dream:nth-of-type(10n-5) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m6.png");
}

.dreams-block>.dream:nth-of-type(10n-4) .author-bg {
    background: linear-gradient(141deg, #9fb8ad, #2cb5e8);
}
.dreams-block>.dream:nth-of-type(10n-4) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m7.png");
}

.dreams-block>.dream:nth-of-type(10n-3) .author-bg {
    background: linear-gradient(141deg, #ff79b0, #ffb2dd);
}
.dreams-block>.dream:nth-of-type(10n-3) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m8.png");
}

.dreams-block>.dream:nth-of-type(10n-2) .author-bg {
    background: linear-gradient(141deg, #76ffff, #baffff);
}
.dreams-block>.dream:nth-of-type(10n-2) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m1.png");
}

.dreams-block>.dream:nth-of-type(10n-1) .author-bg {
    background: linear-gradient(141deg, #8f9bff, #c0cfff);
}
.dreams-block>.dream:nth-of-type(10n-1) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m2.png");
}

.dreams-block>.dream:nth-of-type(10n) .author-bg {
    background: linear-gradient(141deg, #80deea, #b4ffff);
}
.dreams-block>.dream:nth-of-type(10n) .author-bg .moon-pic{
	background-image:url("/img/sonnik/m1.png");
}

.dreams-block>.dream.alsodream .author-bg{
	background:transparent;
	padding:0 !important;
}

.author365{
	background: linear-gradient(141deg, #83b9ff, #b6e3ff) !important;
}

.dreams-block>.dream .author-bg>.author-pic {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dreams-block>.dream.alsodream .author-bg>.author-pic{
display: flex;
    justify-content: center;
    align-items: center;
}

.dreams-block>.dream.alsodream .author-bg>.author-pic .fas{
	color: #fff;
	font-size: 2em;
	transition: all 0.5s ease;
}
.dreams-block>.dream.alsodream:hover .author-bg>.author-pic .fas{
	transform:rotate(360deg);
}

.dreams-block>.dream.alsodream.expanded .author-bg>.author-pic .fas{
	animation: move 0.8s infinite linear;
	transform-origin: center top;
}

@keyframes move {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.dreams-block .alsodream.ad1 .author-bg>.author-pic{
	background-color:#c9ddfb !important;
}
.dreams-block .alsodream.ad2 .author-bg>.author-pic{
	background-color:#ead9fc !important;
}
.dreams-block .alsodream.ad3 .author-bg>.author-pic{
	background-color:#c4fad5 !important;
}
.dreams-block .alsodream.ad4 .author-bg>.author-pic{
	background-color:#f8f1a8 !important;
}
.dreams-block .alsodream.ad5 .author-bg>.author-pic{
	background-color:#facfe9 !important;
}
.dreams-block .alsodream.ad6 .author-bg>.author-pic{
	background-color:#c5d1fc !important;
}

.dreams-block>.dream>.top>h3, .dreams-block>.dream>.top>h2 {
    color: #53b1f9 !important;
    font-weight: 500;
    font-size: 1.3em !important;
}

.dreams-block>.dream.expandable.alsodream>.top>h2{
    color: #333333 !important;
    font-weight: normal !important;
	padding: 1rem 1.5rem !important;
}

.dreams-block>.dream h3.highlight {
    margin: 0 .4em 0 0 !important;
}

.dreams-block>.dream.lunleft{
	position:relative;
	padding:1em 15px 1em 35px;
	margin-left: 20px;
}

.dreams-block>.dream.lunleft img{
	position:absolute;
	left:-20px;
	top:50%;
	margin-top:-20px;
	width:40px;
}

.dreams-block>.dream.lunleft .entry-social.balgodni{
margin:1em -1em -1em -35px!important;
}

.dreams-block>.dream.lunleft h2{
	text-align:left !important;
}

@media screen and (max-width: 600px) {
.dreams-block>.dream.lunleft img{
	left:50%;
	top:0;
	margin-left:-20px;
	width:40px;
}
.dreams-block>.dream.lunleft{
	padding:1.75em 15px 1em 15px;
	margin-left: 0;
        margin-top: 2em;
}
.dreams-block>.dream.lunleft .entry-social.balgodni{
margin:1em -1em -1em -1em!important;
}
.dreams-block>.dream.lunleft h2{
	text-align:center !important;
}
}

.dreams-block .article-block.sonnik365-vars {
    margin-top: 0;
    margin-bottom: 0;
}

.sonnik365-var {
    margin: 0 0 1.15em;
}

.sonnik365-var:last-child {
    margin-bottom: 0;
}

.sonnik365-var h3 {
    display: flex;
    align-items: baseline;
    gap: .45em;
    margin: 0 0 .55em !important;
    padding: 0 !important;
    color: #53b1f9 !important;
    font-size: 1.3em !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.sonnik365-heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin-top: 0;
    color: #c9a227;
    font-size: .96em;
    line-height: 1;
}

.sonnik365-heading-text {
    flex: 1 1 auto;
    min-width: 0;
}

.sonnik365-var h3 .highlight {
    font-weight: inherit;
}

.sonnik365-source-link {
    margin: .35em 0 0 !important;
    padding: .25em 0 0 !important;
    text-align: right;
}

.sonnik365-vars .new-article-panel {
    margin-top: 0;
}

.sonnik365-vars.expanded .new-article-panel {
    margin-top: .15em;
}

.sonnik365-vars .new-article-toggle {
    text-align: right;
    padding: 0;
}

.sonnik365-vars .sonnik365-vars-toggle-top {
    padding-top: .05em;
}

.sonnik365-vars .sonnik365-vars-toggle-bottom {
    padding-top: .1em;
}

.sonnik365-vars .new-article-toggle a {
    color: #00b7f4 !important;
}

.entry-social.sonnik365-social {
    margin: 1em 0 2em !important;
    border-radius: 0 !important;
    overflow: visible;
}

/* Font Awesome subset for Sonnik: local SVG masks instead of the full icon-font CSS. */
.sonnik-icon-subset .fas,
.sonnik-icon-subset .far,
.sonnik-icon-subset .fab,
.sonnik-icon-subset .fa {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-style: normal;
    line-height: 1;
    vertical-align: -.125em;
    color: inherit;
    text-rendering: auto;
}

.sonnik-icon-subset .fas::before,
.sonnik-icon-subset .far::before,
.sonnik-icon-subset .fab::before,
.sonnik-icon-subset .fa::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sonnik-icon-subset .fa-adjust::before { -webkit-mask-image: url("/fontawesome/svgs/solid/adjust.svg"); mask-image: url("/fontawesome/svgs/solid/adjust.svg"); }
.sonnik-icon-subset .fa-angle-down::before { -webkit-mask-image: url("/fontawesome/svgs/solid/angle-down.svg"); mask-image: url("/fontawesome/svgs/solid/angle-down.svg"); }
.sonnik-icon-subset .fa-angle-up::before { -webkit-mask-image: url("/fontawesome/svgs/solid/angle-up.svg"); mask-image: url("/fontawesome/svgs/solid/angle-up.svg"); }
.sonnik-icon-subset .fa-arrow-right::before { -webkit-mask-image: url("/fontawesome/svgs/solid/arrow-right.svg"); mask-image: url("/fontawesome/svgs/solid/arrow-right.svg"); }
.sonnik-icon-subset .fa-bars::before { -webkit-mask-image: url("/fontawesome/svgs/solid/bars.svg"); mask-image: url("/fontawesome/svgs/solid/bars.svg"); }
.sonnik-icon-subset .fa-bolt::before { -webkit-mask-image: url("/fontawesome/svgs/solid/bolt.svg"); mask-image: url("/fontawesome/svgs/solid/bolt.svg"); }
.sonnik-icon-subset .fa-calendar-day::before { -webkit-mask-image: url("/fontawesome/svgs/solid/calendar-day.svg"); mask-image: url("/fontawesome/svgs/solid/calendar-day.svg"); }
.sonnik-icon-subset .fa-chevron-down::before { -webkit-mask-image: url("/fontawesome/svgs/solid/chevron-down.svg"); mask-image: url("/fontawesome/svgs/solid/chevron-down.svg"); }
.sonnik-icon-subset .fa-chevron-up::before { -webkit-mask-image: url("/fontawesome/svgs/solid/chevron-up.svg"); mask-image: url("/fontawesome/svgs/solid/chevron-up.svg"); }
.sonnik-icon-subset .fa-clock::before { -webkit-mask-image: url("/fontawesome/svgs/solid/clock.svg"); mask-image: url("/fontawesome/svgs/solid/clock.svg"); }
.sonnik-icon-subset .fa-cloud-moon-alt::before { -webkit-mask-image: url("/fontawesome/svgs/solid/cloud-moon.svg"); mask-image: url("/fontawesome/svgs/solid/cloud-moon.svg"); }
.sonnik-icon-subset .fa-comment-dots::before { -webkit-mask-image: url("/fontawesome/svgs/regular/comment-dots.svg"); mask-image: url("/fontawesome/svgs/regular/comment-dots.svg"); }
.sonnik-icon-subset .fa-eye::before { -webkit-mask-image: url("/fontawesome/svgs/solid/eye.svg"); mask-image: url("/fontawesome/svgs/solid/eye.svg"); }
.sonnik-icon-subset .fa-facebook-f::before { -webkit-mask-image: url("/fontawesome/svgs/brands/facebook-f.svg"); mask-image: url("/fontawesome/svgs/brands/facebook-f.svg"); }
.sonnik-icon-subset .fa-heart::before { -webkit-mask-image: url("/fontawesome/svgs/solid/heart.svg"); mask-image: url("/fontawesome/svgs/solid/heart.svg"); }
.sonnik-icon-subset .fa-heartbeat::before { -webkit-mask-image: url("/fontawesome/svgs/solid/heartbeat.svg"); mask-image: url("/fontawesome/svgs/solid/heartbeat.svg"); }
.sonnik-icon-subset .fa-layer-group::before { -webkit-mask-image: url("/fontawesome/svgs/solid/layer-group.svg"); mask-image: url("/fontawesome/svgs/solid/layer-group.svg"); }
.sonnik-icon-subset .fa-link::before { -webkit-mask-image: url("/fontawesome/svgs/solid/link.svg"); mask-image: url("/fontawesome/svgs/solid/link.svg"); }
.sonnik-icon-subset .fa-list-ul::before { -webkit-mask-image: url("/fontawesome/svgs/solid/list-ul.svg"); mask-image: url("/fontawesome/svgs/solid/list-ul.svg"); }
.sonnik-icon-subset .fa-map-marker-alt::before { -webkit-mask-image: url("/fontawesome/svgs/solid/map-marker-alt.svg"); mask-image: url("/fontawesome/svgs/solid/map-marker-alt.svg"); }
.sonnik-icon-subset .fa-moon::before { -webkit-mask-image: url("/fontawesome/svgs/solid/moon.svg"); mask-image: url("/fontawesome/svgs/solid/moon.svg"); }
.sonnik-icon-subset .fa-odnoklassniki::before { -webkit-mask-image: url("/fontawesome/svgs/brands/odnoklassniki.svg"); mask-image: url("/fontawesome/svgs/brands/odnoklassniki.svg"); }
.sonnik-icon-subset .fa-search::before { -webkit-mask-image: url("/fontawesome/svgs/solid/search.svg"); mask-image: url("/fontawesome/svgs/solid/search.svg"); }
.sonnik-icon-subset .fa-share-alt::before { -webkit-mask-image: url("/fontawesome/svgs/solid/share-alt.svg"); mask-image: url("/fontawesome/svgs/solid/share-alt.svg"); }
.sonnik-icon-subset .fa-star::before { -webkit-mask-image: url("/fontawesome/svgs/solid/star.svg"); mask-image: url("/fontawesome/svgs/solid/star.svg"); }
.sonnik-icon-subset .fa-telegram-plane::before { -webkit-mask-image: url("/fontawesome/svgs/brands/telegram-plane.svg"); mask-image: url("/fontawesome/svgs/brands/telegram-plane.svg"); }
.sonnik-icon-subset .fa-thumbs-up::before { -webkit-mask-image: url("/fontawesome/svgs/regular/thumbs-up.svg"); mask-image: url("/fontawesome/svgs/regular/thumbs-up.svg"); }
.sonnik-icon-subset .fa-times::before { -webkit-mask-image: url("/fontawesome/svgs/solid/times.svg"); mask-image: url("/fontawesome/svgs/solid/times.svg"); }
.sonnik-icon-subset .fa-venus-mars::before { -webkit-mask-image: url("/fontawesome/svgs/solid/venus-mars.svg"); mask-image: url("/fontawesome/svgs/solid/venus-mars.svg"); }
.sonnik-icon-subset .fa-vk::before { -webkit-mask-image: url("/fontawesome/svgs/brands/vk.svg"); mask-image: url("/fontawesome/svgs/brands/vk.svg"); }
.sonnik-icon-subset .fa-whatsapp::before { -webkit-mask-image: url("/fontawesome/svgs/brands/whatsapp.svg"); mask-image: url("/fontawesome/svgs/brands/whatsapp.svg"); }

.sonnik-icon-subset header.desktop .nav .main .item>a .fas {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    vertical-align: top;
}

.sonnik-icon-subset header.desktop .nav .main .item>a .fas::before {
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
}

.sonnik-icon-subset header.desktop .nav .main .item>a .fas.fa-angle-down {
    width: 1em;
}

.dreams-block .article-block.sonnik365-vars--fallback {
    margin-top: 0;
}

.sonnik365-vars--fallback .sonnik365-legacy-intro {
    margin: 0 0 1em;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #38393a;
}

.sonnik365-vars--fallback .sonnik365-legacy-intro p {
    margin: 0;
}

.sonnik365-vars--fallback .sonnik365-var {
    margin: 0 0 14px;
    padding: 12px 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
    border: 1px solid #e4edf3;
    border-radius: 8px;
}

.sonnik365-vars--fallback .sonnik365-var:last-child {
    margin-bottom: 0;
}

.sonnik365-vars--fallback .sonnik365-var h3 {
    align-items: center;
    gap: .55em;
    margin-bottom: .45em !important;
    color: #2492de !important;
    font-size: 1em !important;
    font-weight: 700 !important;
}

.sonnik365-vars--fallback .sonnik365-heading-icon {
    width: 28px;
    height: 28px;
    border-radius: .72em;
    background: #eafff5;
    color: #0aa674;
    font-size: .78em;
}

.sonnik365-vars--fallback .sonnik365-heading-icon--green {
    background: #eafff5;
    color: #0aa674;
}

.sonnik365-vars--fallback .sonnik365-heading-icon--blue {
    background: #eef8ff;
    color: #52b1f9;
}

.sonnik365-vars--fallback .sonnik365-heading-icon--purple {
    background: rgba(186, 167, 239, .15);
    color: #baa7ef;
}

.sonnik365-vars--fallback .sonnik365-var p {
    margin: 0 0 .65em;
}

.sonnik365-vars--fallback .sonnik365-var p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 600px) {
    .sonnik365-vars--fallback .sonnik365-var {
        padding: 11px 12px;
    }
}

.dreams-block>.dream.full {}

.dreams-block>.dream.full>.top {
    text-align: center;
}

.dreams-block>.dream.full>.top>h2 {
    margin: 0 0 1em !important;
    padding: 0 !important;
}

.dreams-block>.dream.full>.top>.author-bg {
    margin: 0 auto .5rem auto;
    width: 4em;
    height: 4em;
    border-radius: 50%;
}

.dreams-block>.dream.full>.top>.author-bg>.author-pic {
    position: absolute;
    top: .4em;
    right: .4em;
    bottom: .4em;
    left: .4em;
}

.dreams-block>.dream.expandable {
    overflow: hidden;
    padding: 0;
}

.dreams-block>.dream.expandable>.top {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dreams-block>.dream.expandable>.top>.author-bg {
    display: flex;
    flex: 0 0 auto;
    align-self: stretch;
    padding: .5em;
    justify-content: center;
    align-items: center;
}

.dreams-block>.dream.expandable>.top>.author-bg>.author-pic {
    margin: .4em;
    width: 3.5em;
    height: 3.5em;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.dreams-block>.dream.expandable>.top>.author-bg>.author-pic img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.dreams-block>.dream.expandable>.top>h3,
.dreams-block>.dream.expandable>.top>span.h3,
.dreams-block>.dream.expandable>.top>h2,
.dreams-block>.dream.expandable>.top>span.h2 {
    flex: 1 1 100%;
    padding: 1rem 2rem !important;
text-align:left !important;
}

.dreams-block>.dream.expandable>.top>span.h3,
.dreams-block>.dream.expandable>.top>span.h2 {
    color: #53b1f9 !important;
    font-weight: 600;
    font-size: 1.3em !important;
}

@media screen and (max-width: 400px) {
    .dreams-block>.dream.expandable>.top>h3,
    .dreams-block>.dream.expandable>.top>span.h3,
	.dreams-block>.dream.expandable>.top>h2,
    .dreams-block>.dream.expandable>.top>span.h2 {
        font-size: 5vw !important;
        padding: 1rem !important;
    }
}

.dreams-block>.dream.expandable>.top>.expand {
    flex: 0 0 auto;
    margin: 0 2em 0 0;
    width: 0.8em;
    height: 0.8em;
    background: url("/img/sonnik/arrow_d.png") center no-repeat;
    background-size: contain;
    transition: .3s ease;
    opacity: .5;
}

.dreams-block>.dream.expandable.expanded>.top>.expand {
    transform: rotate(180deg);
}

.dreams-block>.dream.expandable>.body-container {
    overflow: hidden;
    height: 0px;
    transition: .3s ease;
}

.dreams-block>.dream.expandable.expanded>.body-container {
margin-bottom: 1em;
}

.dreams-block>.dream.expandable>.body-container>.body {
    padding: 1em 1em 0 1em;
}

.other_dream>.dream.expandable{
	width:calc(50% - 1em);
	display:inline-block;
	margin: 1em 0;
	vertical-align: top;
}

.other_dream>.dream.expandable:nth-of-type(odd){
	margin-right:2em;
}

.other_dream>.dream.expandable:nth-of-type(n+11){
	display:none;
}

.other_dream.all>.dream.expandable:nth-of-type(n+11){
	display: inline-block;
}

.other_dream>.dream.expandable>.top>h3, .other_dream>.dream.expandable>.top>h2{
	padding:0 1rem !important;
	font-size: 1em !important;
	line-height: normal;
}

.other_dream>.dream.expandable.link-card>.top>.expand {
	transform: rotate(-90deg);
}


.dreams-block .sonnikmore {
    padding: 0;
    text-align: right;
}

.dreams-block>.dream.expandable .sonnikmore {
    padding: 0 0 1em 0;
}

.dreams-block .sonnikmore>a {
    color: #53b1f9 !important;
    font-size: 16px;
}

.dreams-block .sonnikmore>a.arrowmore:after {
    content: '';
    width: 15px;
    height: 10px;
    background-image: url(/img/sonnik/arrow_more.png);
    display: inline-block;
    margin-left: 10px;
}

#nameList {
    font-size: 18px;
    line-height: 30px;
    columns: 4;
    padding-top: 1em;
}

#nameList a {
    color: #2492de !important;
}

#nameList a:hover {
    color: #f879b0 !important;
    text-decoration: none;
}

.mainsinlist a{
	font-size: 18px;
	color: #2492de !important;
	line-height: 28px;
	word-break: break-word;
}

.mainsinlist a.more{
	color:#c0c1c4 !important;
	font-size: 14px;
	margin-bottom:10px;
}

.mainsinlist div{
	display:inline-block;
	width:25%;
	vertical-align:top;
	margin-bottom: 10px;
}

.buktab a{
	display:block;
	word-break: break-word;
}

.openall, .closeall, .openall2, .closeall2{
	text-align:center;
	color:#b1c1d2;
	cursor:pointer;
}
.closeall, .closeall2{
	display:none;
}
.openall .fas, .closeall .fas{
	vertical-align: middle;
}

.allson{
	text-align: center;
}

.allson .bth{
	border:2px solid #53b1f9;
	color:#53b1f9;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	border-radius: 15px;
	padding:2px 5px;
    width:140px;
	cursor:pointer;
}
.allson .bth .tohide{
	display:none;
}
.allson.all .bth .tohide{
	display:inline-block;
}
.allson.all .bth .show{
	display:none;
}
.allson .bth .fas{
	margin-left:5px;
}
.allson .bth .show .fas{
	vertical-align: middle;
}

.subh1ttl{
	font-size:16px !important;
	color:#383838 !important;
}
.dreams_nav{
	font-size:16px;
	color:#a6c0d7;
}
.dreams_nav a{
	font-size:18px;
	color: #999 !important;
   	text-decoration: underline !important;
   	margin-right: 10px;
	display: inline-block;
}
.dreams_nav a:hover{
	text-decoration: none !important;
}
.dreams_nav a:last-of-type{
	margin-left: 0;
}
.letter2block{
	border-top: 1px solid #b3defc;
	padding-top: 1em;
}
.article-block .letter2block:first-of-type{
	border-top: none;
	padding-top: 0;
}
.letter2block .ttl{
	font-size:22px;
	color:#ea277b;
}
.letterblock{
	word-break: break-word; 
	padding:1em 0;
}

.topsinon{
    text-align: left;
    font-size: 16px;
    color: #a6c0d7;
	line-height:30px;
}

.botsinonmob{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:6px 8px 0;
	padding:8px;
	max-height:calc(100vh - var(--sonnik-mobile-search-height, 37px) - 18px);
	overflow-y:auto;
	box-sizing:border-box;
	border:1px solid #d7ebfa;
	border-radius:12px;
	background:#fff;
	box-shadow:0 10px 24px rgba(20,94,191,.16);
}

.botsinonmob.hide{
	display:none;
}

.topsinon a{
	display:inline-block;
	margin-right:10px;
	color:#fff;
	padding:0 15px;
	border-radius:15px;
	background-color:#4fb1f7;
	margin-top: 10px;
}

.botsinonmob a{
	display:inline-flex;
	align-items:center;
	gap:5px;
	min-height:30px;
	box-sizing:border-box;
	margin:0;
	padding:5px 11px;
	border:1px solid #e4edf3;
	border-radius:999px;
	background:#eef8ff;
	color:#2492de !important;
	font-size:15px;
	line-height:1.2;
	text-decoration:none !important;
}

.botsinonmob a.sonnik-related-more{
	color:#e8287d !important;
	background:#fff;
	border-color:#b3defc;
	font-weight:700;
}

.botsinonmob a.sonnik-related-more .fas{
	font-size:.86em;
}

.botsinonmob a:hover{
	color:#fff !important;
	background:#53b1f9;
	border-color:#53b1f9;
	text-decoration:none !important;
}

.botsinonmob a.sonnik-related-more:hover{
	background:#2492de;
	border-color:#2492de;
}

.topsinon a:hover{
	color:#4fb1f7;
	box-shadow: 0px 0px 10px 0px rgba(79,177,247,1);
	background-color:#fff;
	text-decoration:none;
}

.topsinon a:last-of-type{
	margin-right:0;
}

.tgChat{
position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
top: 0;
	z-index:1000;
	display:none;
}

.tgChat.show{
	display:block;
}

.tgChat .exit{
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
    position: fixed;
    top: 0;
	z-index:-1;
}

.tgChat .anons{
	border:8px solid #4294ed;
	border-radius:20px;
	background-color:#fff;
	box-sizing:border-box;
	width:calc(100% - 40px);
	margin:20px;
    top: 0;
    overflow-y: auto;
	position:relative;
}
.tgChat .anons img{
	max-width:100%;
	border-radius:10px 10px 0 0;
}

.tgChat .anons .txt{
	text-align:center;
	padding:0 5px 5px 5px;
	color:#4294ed;
	font-size:16px;
}

.tgChat .anons .txt .ttl{
	color:#1e2a37;
	font-size:22px;	
}

.tgChat .anons .txt .ttl span{
	text-transform:uppercase;
	color:#e8287d;
}

.tgChat .anons .txt ul{
	text-align:left;
    color: #8aa8c4;
    padding-left: 20px;
    margin: 5px 0;
}

.tgChat .anons .close{
	position:absolute;
	top:10px;
	right:10px;
	border-radius:50%;
	background-color:rgba(255, 255, 255, 0.75);
width: 24px;
    height: 24px;
    text-align: center;
    line-height: 26px;
	font-size: 18px;
}

.tgChat .anons .close .fa-times{
	color:#e8287d;
}

.tgChat .anons .tglnk, .tgChat .anons .tglnk:hover{
    display: block;
    color: #fff !important;
    background-color: #e8287d;
    font-size: 16px;
    width: 200px;
    margin: 10px auto;
    line-height: 30px;
    border-radius: 15px;
	text-decoration:none !important;
}

.emotions{
	border:3px solid #c9ddfb;
	border-radius:20px;
	padding:1.5em;
	margin-bottom:1em;
}
.emotions h2{
	color: #53b1f9 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}
.emotions img{
	margin:0 auto;
	max-width:100%;
	display: block;
}
.emotions .em_ttls{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px;
}
.emotions .em_txt{
	display:none;
	text-align: justify;
}
.emotions .em_txt.act{
	display:block;
}
.emotions .em_txt h3{
	color:#333333 !important;
	font-weight: normal !important;
	font-size: 20px !important;
}
.emotions .em_ttl{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color: #7ea2ff;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    padding: 6px 12px;
    border-radius: 999px;
    cursor: pointer;
    margin: 0;
}
.emotions .em_ttl:last-of-type{
	margin-right:0;
}
.emotions .em_ttl.act{
    background-color: #facfe9;
    color: #333;
	box-shadow: 4px 4px 6px 2px rgb(0 0 0 / 20%);
}

.tgpc{
	padding:1.5em;
	background: 
      url(/img/sonnik/star.png), 
      url(/img/sonnik/star.png), 
      url(/img/sonnik/star.png);
	background-position:
    90% 34%,
    82% 55%,
   95% 70%;
	background-repeat: no-repeat;
	background-size: 2.5%, 2%, 1.5%;
border-radius: 1.3em;
    box-shadow: 0 0 1em rgba(0, 0, 0, .15);
margin: 1em 0;
}
.tgpc h2{
	color:#2c9ef5 !important;
}
.tgpc h2 span{
	color:#f780c8 !important;
}
.tgpcbd div{
	width:20%;
	display:inline-block;
	text-align:center;
	vertical-align: top;
}
.tgpcbd div:nth-of-type(2){
	width:60%;
	color:#98a8b8;
	padding-top: 20px;
	font-size:18px;
}
.tgpcbd div:nth-of-type(2) span{
	color:#333333;
}
.tgpcbd div img{
	max-width:80%;
}

.tgpcbd div a{
	display: block;
    color: #fff !important;
    background: rgb(76,218,245);
background: linear-gradient(90deg, rgba(76,218,245,1) 0%, rgba(87,160,254,1) 100%);
    font-size: 20px;
    width: 300px;
max-width:100%;
    margin: 10px auto;
    line-height: 40px;
    border-radius: 20px;
    text-decoration: none !important;
}
.tgpcbd div a:hover{
	box-shadow: 0px 0px 8px 2px rgba(61, 162, 234, 0.65);
}

.taro_today .txt .totaro{
	color: #53b1f9 !important;
	display:inline-block;
	margin-top:5px;
}

.listcontents li{
	font-size:16px;
}

#people{
	color: #53b1f9 !important;
}
.dream_exampl_img{
	height:120px;
	background-position:center;
	background-size:cover;
	background-image:url(/img/sonnik/grand-large.png);
	border-radius: 1em 1em 0 0;
}
.dream_exampl_bl{
	display:block;
	overflow:visible;
	box-shadow:none;
	transition:none;
}
.dream_exampl_bls.sonnik365-vars--fallback .dream_exampl_bl:hover{
	box-shadow:none;
}
.dream_exampl_ln{
	display:none;
}
.dream_exampl_icon{
	display:flex;
	flex:0 0 auto;
	align-self:stretch;
	align-items:center;
	justify-content:center;
	padding:.5em;
}
.dream_exampl_icon_pic{
	display:flex;
	align-items:center;
	justify-content:center;
	width:3.5em;
	height:3.5em;
	margin:.4em;
	border-radius:50%;
	background-color:rgba(255, 255, 255, .5);
	color:#fff;
	font-size:1.15em;
	overflow:hidden;
}
.dream_exampl_bls .dream_exampl_bl:nth-of-type(5n+1) .dream_exampl_icon{
	background: rgb(142,95,246);
	background: linear-gradient(180deg, rgba(142,95,246,1) 0%, rgba(193,177,253,1) 100%);
}
.dream_exampl_bls .dream_exampl_bl:nth-of-type(5n+2) .dream_exampl_icon{
	background: rgb(236,76,157);
	background: linear-gradient(180deg, rgba(236,76,157,1) 0%, rgba(249,164,210,1) 100%);
}
.dream_exampl_bls .dream_exampl_bl:nth-of-type(5n+3) .dream_exampl_icon{
	background: rgb(66,135,246);
	background: linear-gradient(180deg, rgba(66,135,246,1) 0%, rgba(142,193,253,1) 100%);
}
.dream_exampl_bls .dream_exampl_bl:nth-of-type(5n+4) .dream_exampl_icon{
	background: rgb(25,187,132);
	background: linear-gradient(180deg, rgba(25,187,132,1) 0%, rgba(107,229,181,1) 100%);
}
.dream_exampl_bls .dream_exampl_bl:nth-of-type(5n+5) .dream_exampl_icon{
	background: rgb(246,160,16);
	background: linear-gradient(180deg, rgba(246,160,16,1) 0%, rgba(251,209,74,1) 100%);
}
.dream_exampl_txt{
	color:#4a4a4a;
	padding:0;
	box-sizing:border-box;
	width:100%;
	min-width:0;
}
.dream_exampl_story{
	margin:0;
}
.dream_exampl_story p{
	margin:0 0 .65em;
}
.dream_exampl_story p:last-child{
	margin-bottom:0;
}
.dream_exampl_head{
	margin:0 0 0.15em;
}
.dream_exampl_head + p{
	margin-top:0;
}
h3.dream_exampl_name{
	color:#53b1f9 !important;
	font-size:1.1em;
	font-weight:600;
	line-height:1.3;
	margin:0;
}
.dream_exampl_more{
	padding:0 !important;
	margin:0.5em 0 0 !important;
}
.dream_exampl_txt_ttl,
.dream_exampl_txt_ttl:hover{
	color:#00c2f6 !important;
	font-size:15px !important;
	font-weight:400 !important;
	cursor:pointer;
	display:inline-block;
	text-decoration:none !important;
}
.dream_exampl_txt_ttl .fas{
	margin-left:4px;
}
.dream_exampl_auth{
	margin-top:0.8em;
	margin-bottom:0;
	font-size:0.85em;
	color:#89bbd5;
}
.dream_exampl_tolk{
	display:grid;
	grid-template-rows:0fr;
	transition:grid-template-rows .3s ease, margin-top .3s ease;
}
.dream_exampl_tolk.show{
	grid-template-rows:1fr;
	margin-top:.75em;
}
.dream_exampl_tolk_inner{
	overflow:hidden;
}
		
		@media screen and (max-width: 600px){
			.dream_exampl_img{
			    background-size: cover;
			    height: 160px;
			}
			.dream_exampl_bl{
				display:block;
			}
			.dream_exampl_icon{
				padding:.42em;
			}
			.dream_exampl_icon_pic{
				width:2.9em;
				height:2.9em;
				margin:.28em;
				font-size:1em;
			}
			.dream_exampl_txt{
				padding:0;
			}
		}

@media screen and (max-width: 1000px) {
.mainsinlist div{
	width:33.333%;
}
.tgpc{
	padding:1.5em 0;
}
.tgpcbd div:nth-of-type(2){
	padding-top:0;
}
}

@media screen and (max-width: 760px) {
.mainsinlist div{
	width:50%;
}
}

@media screen and (max-width: 600px) {
    .dreams-block>.dream.expandable>.top>.expand {
        margin: 0 1em 0 0;
        /*height: 5px;
        width: 10px;*/
    }
    #nameList {
        columns: 2;
    }

.other_dream>.dream.expandable{
	width:100%;
	display:block;
	margin: 2em 0;
}

.other_dream>a.dream.expandable.link-card{
    display:block;
}

.other_dream>.dream.expandable:nth-of-type(odd){
	margin-right:0;
}

.other_dream>.dream.expandable>.top>h3, .other_dream>.dream.expandable>.top>h2{
	padding:1rem 2rem !important;
	font-size: 1.3em !important;
}

.other_dream>.dream.expandable:nth-of-type(n+8){
	display:none;
}

.other_dream.all>.dream.expandable:nth-of-type(n+8){
	display: block;
}
.emotions .em_ttl{
    font-size: 15px;
    line-height: 1.2;
    padding: 6px 12px;
    margin:0;
}
.em_ttls{
    justify-content:flex-start;
}
.emotions .em_txt{
    text-align:left;
}
.tgpcbd div:nth-of-type(2) {
    width: 100%;
}
.tgpc{
	padding: 0.5em;
	text-align:center;
	background-position: 80% 12%, 18% 15%, 25% 30%;
	background-size: 4.5%, 4%, 3.5%;
}
.emotions{
	padding:1em 0.75em;
}
}

/* ── Symbol Dossier Card — Variant A (grid) ── */
.symbol-dossier {
    margin: 1em 0 1.5em 0;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

.symbol-dossier__header {
    background: linear-gradient(to right, #53b1f9 0%, #4dd2f6 100%);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.symbol-dossier__header-icon {
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0.25);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    color: #fff;
}

.symbol-dossier__title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
}

.symbol-dossier__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.symbol-dossier__cell {
    padding: 10px 20px;
    border-bottom: 1px solid #f0f5fa;
}

.symbol-dossier__cell:nth-child(odd) {
    border-right: 1px solid #f0f5fa;
}

.symbol-dossier__cell-label {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.symbol-dossier__cell-value {
    font-size: 14px;
    color: #1e293b;
    font-weight: 600;
}

/* Tone badge */
.symbol-dossier__tone {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 2em;
    font-size: 13px;
    font-weight: 700;
}
.symbol-dossier__tone--positive { background: #e6f9ee; color: #2bb55e; }
.symbol-dossier__tone--neutral  { background: #e8f4ff; color: #53b1f9; }
.symbol-dossier__tone--negative { background: #fef2f2; color: #dc2626; }

/* Strength bar */
.symbol-dossier__bar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}

.symbol-dossier__bar-track {
    flex: 1;
    height: 6px;
    background: #eef3f8;
    border-radius: 3px;
    overflow: hidden;
}

.symbol-dossier__bar-fill {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #53b1f9, #7b6cf6);
}

.symbol-dossier__bar-num {
    font-size: 14px;
    font-weight: 700;
    color: #7b6cf6;
    white-space: nowrap;
}

/* Tags */
.symbol-dossier__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}

.symbol-dossier__tag {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2em;
    font-size: 12px;
    font-weight: 600;
    background: #e8f4ff;
    color: #3a7bd5;
}

/* Frequency dots */
.symbol-dossier__freq {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.symbol-dossier__freq-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e2e8f0;
}

.symbol-dossier__freq-dot--on {
    background: #53b1f9;
}

.symbol-dossier__freq-text {
    margin-left: 4px;
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
}

/* Footer */
.symbol-dossier__footer {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 20px 12px;
    background: #f8fafc;
    border-top: 1px solid #f0f5fa;
}

.symbol-dossier__footer-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #fff3e6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-top: 1px;
}

.symbol-dossier__footer-body {
    flex: 1;
    min-width: 0;
}

.symbol-dossier__footer-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #e8912d;
    margin-bottom: 1px;
}

.symbol-dossier__footer-text {
    font-size: 14px;
    color: #334155;
    font-weight: 500;
    line-height: 1.5;
}

/* ── Symbol Dossier Card — Variant B (rows like biorhythms) ── */
.symbol-dossier-b {
    margin: 1em 0 1.5em 0;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

.symbol-dossier-b__header {
    background: linear-gradient(135deg, #53b1f9 0%, #7d6ef7 100%);
    padding: 12px 20px;
}

.symbol-dossier-b__title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
}

#main_content_main .block.article .symbol-dossier-b__header h2.symbol-dossier-b__title,
.symbol-dossier-b__header h2.symbol-dossier-b__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #fff !important;
    text-align: left !important;
}

/* Tone scale */
.symbol-dossier-b__tone-scale {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
    max-width: 280px;
}

.symbol-dossier-b__tone-track {
    position: relative;
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(90deg, #f87171 0%, #fcd34d 50%, #34d399 100%);
}

.symbol-dossier-b__tone-pin {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2.5px solid #16a34a;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    transform: translate(-50%, -50%);
}

.symbol-dossier-b__tone-active-label {
    font-size: 13px;
    font-weight: 700;
    color: #16a34a;
    white-space: nowrap;
}

.symbol-dossier-b__tone-scale--positive .symbol-dossier-b__tone-pin {
    border-color: #16a34a;
    box-shadow: 0 1px 4px rgba(22,163,74,0.24);
}

.symbol-dossier-b__tone-scale--positive .symbol-dossier-b__tone-active-label {
    color: #16a34a;
}

.symbol-dossier-b__tone-scale--mixed .symbol-dossier-b__tone-pin {
    border-color: #f59e0b;
    box-shadow: 0 1px 4px rgba(245,158,11,0.26);
}

.symbol-dossier-b__tone-scale--mixed .symbol-dossier-b__tone-active-label {
    color: #d97706;
}

.symbol-dossier-b__tone-scale--warning .symbol-dossier-b__tone-pin {
    border-color: #ea580c;
    box-shadow: 0 1px 4px rgba(234,88,12,0.26);
}

.symbol-dossier-b__tone-scale--warning .symbol-dossier-b__tone-active-label {
    color: #ea580c;
}

.symbol-dossier-b__tone-scale--anxious .symbol-dossier-b__tone-pin {
    border-color: #ef4444;
    box-shadow: 0 1px 4px rgba(239,68,68,0.24);
}

.symbol-dossier-b__tone-scale--anxious .symbol-dossier-b__tone-active-label {
    color: #dc2626;
}

.symbol-dossier-b__rows {
    padding: 4px 0;
}

.symbol-dossier-b__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 20px;
    border-bottom: 1px solid #f0f5fa;
}

.symbol-dossier-b__row:last-child {
    border-bottom: none;
}

.symbol-dossier-b__row-icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.symbol-dossier-b__row-icon--tone     { background: #e6f9ee; }
.symbol-dossier-b__row-icon--sphere   { background: #e8f4ff; }
.symbol-dossier-b__row-icon--strength { background: #eae6ff; font-size: 18px; }
.symbol-dossier-b__row-icon--freq     { background: #fff3e6; }
.symbol-dossier-b__row-icon--message  { background: #fce8f1; }

.symbol-dossier-b__row-body {
    flex: 1;
    min-width: 0;
}

.symbol-dossier-b__row-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1px;
}

.symbol-dossier-b__row-label--tone     { color: #2bb55e; }
.symbol-dossier-b__row-label--sphere   { color: #53b1f9; }
.symbol-dossier-b__row-label--strength { color: #7c5ce0; }
.symbol-dossier-b__row-label--freq     { color: #e8912d; }
.symbol-dossier-b__row-label--message  { color: #e8287d; }

.symbol-dossier-b__row-value {
    font-size: 14px;
    color: #1e293b;
    font-weight: 500;
    line-height: 1.5;
}

.symbol-dossier-b__row-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    max-width: 200px;
    justify-content: flex-end;
}

/* Bar inside variant B */
.symbol-dossier-b__bar-track {
    flex: 1;
    min-width: 80px;
    max-width: 160px;
    height: 6px;
    background: #eef3f8;
    border-radius: 3px;
    overflow: hidden;
}

.symbol-dossier-b__bar-fill {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #7b6cf6, #a78bfa);
}

.symbol-dossier-b__bar-num {
    font-size: 14px;
    font-weight: 700;
    color: #7b6cf6;
    min-width: 2em;
    text-align: right;
}

/* Freq dots variant B */
.symbol-dossier-b__freq-dots {
    display: inline-flex;
    gap: 4px;
}

.symbol-dossier-b__freq-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e2e8f0;
}

.symbol-dossier-b__freq-dot--on {
    background: #53b1f9;
}

/* Mobile */
@media screen and (max-width: 480px) {
    .symbol-dossier__grid {
        grid-template-columns: 1fr;
    }
    .symbol-dossier__cell:nth-child(odd) {
        border-right: none;
    }
    .symbol-dossier__cell { padding: 8px 16px; }
    .symbol-dossier__footer { padding: 8px 16px 10px; }
    .symbol-dossier-b__row { padding: 8px 16px; gap: 10px; }
    .symbol-dossier-b__row-icon { width: 26px; height: 26px; font-size: 12px; }
    .symbol-dossier-b__bar-track { width: 60px; }
}

/* ── Table of Contents Block ── */
.toc-block {
    background-color: #f0f7ff;
    border: 2px solid #53b1f9;
    border-radius: 16px;
    padding: 0.65em 1em;
    margin: 1em 0;
    max-width: 400px;
}

.toc-block .toc-title {
    margin: 0 0 0.35em 0;
    font-size: 14px;
    font-weight: 600;
    color: #53b1f9;
}

.toc-block .toc-title i {
    margin-right: 0.25em;
}

.toc-block ol {
    margin: 0;
    padding-left: 1.4em;
    font-size: 14px;
}

.toc-block ol li {
    margin-bottom: 0.15em;
}

.toc-block ol li a {
    color: #2472b8;
    text-decoration: none;
}

.toc-block ol li a:hover {
    text-decoration: underline;
    color: #53b1f9;
}

@media screen and (max-width: 600px) {
    .toc-block {
        max-width: 100%;
    }
}


/* ===== Sonnik batch1 styles ===== */
@media screen and (min-width: 900px) {
    .symbol-dossier-b--top-compact .symbol-dossier-b__rows {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }

    .symbol-dossier-b--top-compact .symbol-dossier-b__row {
        margin: 0;
        padding: 10px 16px;
        border-right: 1px solid #f0f5fa;
    }

    .symbol-dossier-b--top-compact .symbol-dossier-b__row:nth-child(2n) {
        border-right: none;
    }

    .symbol-dossier-b--top-compact .symbol-dossier-b__row--brief-message {
        grid-column: 1 / -1;
        border-right: none;
    }

    .symbol-dossier-b--top-compact .symbol-dossier-b__tone-scale {
        max-width: none;
    }

    .symbol-dossier-b--top-compact .symbol-dossier-b__row-right {
        max-width: 170px;
    }
}

#main_content_main .block .content .article_text .sonnik-author-note,
.sonnik-author-note {
    text-align: right;
    margin: -2px 0 18px;
    color: #2492de !important;
}

#main_content_main .block .content .article_text .sonnik-author-note .author,
.sonnik-author-note .author {
    display: block;
    width: 300px;
    max-width: calc(100% - 64px);
    color: #2492de !important;
}

#main_content_main .block .content .article_text .sonnik-author-note .author a,
#main_content_main .block .content .article_text .sonnik-author-note .author a:visited,
#main_content_main .block .content .article_text .sonnik-author-note .author a:hover,
#main_content_main .block .content .article_text .sonnik-author-note .author a:active,
.sonnik-author-note .author a,
.sonnik-author-note .author a:visited,
.sonnik-author-note .author a:hover,
.sonnik-author-note .author a:active {
    color: #2492de !important;
}

.sonnik-author-note img {
    float: right;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(36,146,222,0.18);
}

@media (max-width: 640px) {
    #main_content_main .block .content .article_text .sonnik-author-note,
    .sonnik-author-note {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        text-align: right;
        margin: 6px 0 18px;
    }

    #main_content_main .block .content .article_text .sonnik-author-note .clear,
    .sonnik-author-note .clear {
        display: none;
    }

    #main_content_main .block .content .article_text .sonnik-author-note .author,
    .sonnik-author-note .author {
        flex: 1 1 auto;
        width: auto;
        max-width: 100%;
        margin-left: 0;
    }

    #main_content_main .block .content .article_text .sonnik-author-note img,
    .sonnik-author-note img {
        float: none;
        display: inline-block;
        flex: 0 0 58px;
        width: 58px;
        height: 58px;
        margin: 0;
    }
}
/* ── Компактное содержание (как в "Совместимость имен") ── */
#article-toc {
    position: relative;
    display: block !important;
    background: #f0f7ff;
    border: 2px solid #53b1f9;
    border-radius: 12px;
    padding: 0;
    margin: 0 0 18px;
    box-shadow: none;
    overflow: hidden;
}

#article-toc .toc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    padding: 14px 20px;
    position: relative;
    background: transparent;
    border-bottom: none;
    transition: background 0.2s;
}

#article-toc.is-collapsed .toc-header {
    background: transparent;
}

#article-toc .toc-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(83, 177, 249, 0.35);
}

#article-toc.is-collapsed .toc-header::after {
    display: none;
}

#article-toc .toc-title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

#article-toc .toc-icon {
    font-size: 14px;
    line-height: 1;
    color: #53b1f9;
}

#article-toc .toc-label {
    font-size: 14.5px;
    font-weight: 600;
    color: #53b1f9;
    letter-spacing: 0;
    text-transform: none;
}

#article-toc .toc-arrow {
    font-size: 11px;
    color: #2492de;
    transition: transform 0.25s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(36, 146, 222, 0.14);
    margin-left: auto;
}

#article-toc.is-collapsed .toc-arrow {
    transform: rotate(180deg);
    background: #dfeefb;
}

#article-toc .toc-grid {
    list-style: none;
    margin: 0;
    padding: 16px 20px;
    display: block;
    column-count: 2;
    column-gap: 30px;
}

#article-toc.is-collapsed .toc-grid {
    display: none;
}

#article-toc .toc-grid li {
    margin: 0 0 12px;
    padding: 0;
    break-inside: avoid;
    page-break-inside: avoid;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#article-toc .toc-grid a {
    display: inline;
    font-size: 14px;
    color: #2492de !important;
    text-decoration: none;
    line-height: 1.4;
    transition: color 0.15s, text-decoration-color 0.15s;
}

#article-toc .toc-grid a:visited {
    color: #2492de !important;
    text-decoration: none !important;
}

#article-toc .toc-grid a::before {
    content: none;
}

#article-toc .toc-grid .toc-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    border-radius: 5px;
    background: #fff;
    color: #388ccc;
    -webkit-text-fill-color: #388ccc;
    font-weight: 700;
    font-size: 11px;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(36, 146, 222, 0.16);
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s, transform 0.15s;
    cursor: pointer;
}

#article-toc .toc-grid .toc-text {
    min-width: 0;
}

#article-toc .toc-grid li:hover a,
#article-toc .toc-grid li.toc-active a,
#article-toc .toc-grid a:hover,
#article-toc .toc-grid a:focus,
#article-toc .toc-grid a:active,
#article-toc .toc-grid a.toc-active,
#article-toc .toc-grid a.toc-active:visited {
    color: #1a6aa5 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

#article-toc .toc-grid li:hover .toc-number,
#article-toc .toc-grid li.toc-active .toc-number,
#article-toc .toc-grid li:focus-within .toc-number {
    background: #2492de !important;
    background-image: linear-gradient(#2492de, #2492de) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0 2px rgba(36, 146, 222, 0.2), 0 4px 10px rgba(36, 146, 222, 0.22) !important;
    transform: translateY(-1px);
    text-decoration: none !important;
}

#article-toc .toc-grid li:active .toc-number {
    background: #2492de !important;
    background-image: linear-gradient(#2492de, #2492de) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0 2px rgba(36, 146, 222, 0.18), 0 1px 4px rgba(36, 146, 222, 0.18) !important;
    transform: translateY(0);
    text-decoration: none !important;
}

#article-toc .toc-grid a:focus-visible {
    outline: 2px solid rgba(36, 146, 222, 0.45);
    outline-offset: 3px;
    border-radius: 6px;
}

@media screen and (max-width: 650px) {
    #article-toc {
        background: #f0f7ff;
        border-color: #53b1f9;
        box-shadow: none;
    }

    #article-toc .toc-header {
        background: transparent;
        padding: 12px 12px 12px 16px;
        padding-right: 48px;
    }

    #article-toc .toc-arrow {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    #article-toc.is-collapsed .toc-arrow {
        transform: translateY(-50%) rotate(180deg);
    }

    #article-toc.is-collapsed .toc-header {
        background: transparent;
    }

    #article-toc .toc-grid {
        column-count: 1;
        padding: 14px 16px;
    }

    #article-toc .toc-grid li {
        margin-bottom: 10px;
    }
}

/* Заголовок над интро и перед блоком содержания */
.dreams-block #intro.article-block.sonnik-article-section {
    margin-bottom: 0.65em;
}

.dreams-block .article-block.sonnik-article-section,
.dreams-block .article-block.sonnik-scenarios-v2-block,
.dreams-block .article-block.popular-dreams-block {
    margin: 1.15em 0;
}

.dreams-block .article-block.popular-dreams-block {
    background: #fff;
    border-radius: 16px;
    padding: 14px 16px 16px;
    margin-top: 0.75em;
}

.dreams-block .popular-dreams-block h2 {
    margin: 0 0 0.5em !important;
    color: #53b1f9 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: normal;
    text-align: center;
}

.dreams-block .popular-dreams-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dreams-block .popular-dreams-tag {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: #e0f1fe;
    color: #3f4a5e !important;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.dreams-block .popular-dreams-tag:hover {
    background: #53b1f9;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(83, 177, 249, 0.28);
    text-decoration: none !important;
}

@media screen and (max-width: 600px) {
    .dreams-block .article-block.popular-dreams-block {
        padding: 12px;
    }

    .dreams-block .popular-dreams-tag {
        font-size: 15px;
        padding: 6px 12px;
    }
}

.dreams-block .article-block.sonnik365-vars {
    margin-bottom: 0.85em;
}

.entry-social.sonnik365-social {
    margin: 0.75em 0 1.15em !important;
}

.dreams-block .dreams-title.sonnik-intro-title {
    padding-top: 0 !important;
    margin-top: 0.65em !important;
    margin-bottom: 0.65em !important;
}

/* Переключатель над блоком "главное значение сна" */
.gadalldaily.sonnik-switcher-wrap {
    margin: 0 0 1.1em;
}

.gadalldaily.sonnik-switcher-wrap.sonnik-switcher-wrap-compact {
    margin-top: calc(-0.7em - 8px) !important;
    margin-bottom: calc(-0.35em + 8px) !important;
}

.dreams-block .article-block.sonnik-article-section + .gadalldaily.sonnik-switcher-wrap.sonnik-switcher-wrap-compact {
    margin-top: 1.15em !important;
}

.gadalldaily.sonnik-switcher-wrap.sonnik-switcher-wrap-compact + .dreams-title {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.gadalldaily.sonnik-switcher-wrap.sonnik-switcher-wrap-compact + .dream {
    margin-top: 0 !important;
}

/* Tighten gap specifically between top switcher and the quiz block */
.gadalldaily.sonnik-switcher-wrap + #dream-quiz {
    margin-top: 0.8em;
}

.gadalldaily.sonnik-switcher-wrap > .names_letter.imeniny.sonnik-switcher {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
}

.gadalldaily.sonnik-switcher-wrap > .names_letter.imeniny.sonnik-switcher.sonnik-switcher--items-1 {
    grid-template-columns: minmax(0, 1fr) !important;
}

.gadalldaily.sonnik-switcher-wrap > .names_letter.imeniny.sonnik-switcher.sonnik-switcher--items-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.gadalldaily.sonnik-switcher-wrap > .names_letter.imeniny.sonnik-switcher.sonnik-switcher--items-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.gadalldaily.sonnik-switcher-wrap > .names_letter.imeniny.sonnik-switcher > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.gadalldaily.sonnik-switcher-wrap > .names_letter.imeniny.sonnik-switcher > span > a {
    display: block !important;
    width: 100%;
    padding: 0;
    line-height: 30px;
    text-align: center;
    color: inherit !important;
    text-decoration: none !important;
}

.gadalldaily div.names_letter.imeniny.sonnik-switcher span,
.gadalldaily div.names_letter.imeniny.sonnik-switcher span.act,
.gadalldaily div.names_letter.imeniny.sonnik-switcher span:hover {
    font-weight: 300;
}

.gadalldaily div.names_letter.sonnik-switcher span.act a,
.gadalldaily div.names_letter.sonnik-switcher span:hover a {
    color: #464646 !important;
}

/* При наведении на другую кнопку активная должна гаснуть */
.gadalldaily div.names_letter.sonnik-switcher:has(span:not(.act) a:hover) span.act,
.gadalldaily div.names_letter.sonnik-switcher:hover span.act:not(:hover) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #a8b5c5 !important;
}

.gadalldaily div.names_letter.sonnik-switcher:has(span:not(.act) a:hover) span.act a,
.gadalldaily div.names_letter.sonnik-switcher:hover span.act:not(:hover) a {
    color: #a8b5c5 !important;
}

@media screen and (max-width: 650px) {
    .gadalldaily div.names_letter.sonnik-switcher span {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .gadalldaily div.names_letter.imeniny.sonnik-switcher span,
    .gadalldaily div.names_letter.imeniny.sonnik-switcher span.act,
    .gadalldaily div.names_letter.imeniny.sonnik-switcher span:hover,
    .gadalldaily div.names_letter.imeniny.sonnik-switcher span a {
        font-weight: 700 !important;
    }

    .gadalldaily div.names_letter.sonnik-switcher span a {
        padding: 0 3px;
        line-height: 1.3;
    }
}

/* ─── Научные блоки: одинарный отступ между абзацами ─── */
.sonnik-article-section p {
    margin-top: 0;
    margin-bottom: 0.5em;
}

.sonnik-article-section p:last-child {
    margin-bottom: 0;
}

.sonnik-article-section p.sonnik-quote-callout {
    border-left: 4px solid #f1cfdc;
    padding-left: 14px;
    margin-top: 0.7em;
    margin-bottom: 0.8em;
}


/* ─── Таблица сценариев ─── */
.sonnik-scenarios-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
}

.sonnik-scenarios-table thead tr {
    border-bottom: 2px solid #e0e0e0;
}

.sonnik-scenarios-table th {
    text-align: left;
    padding: 0.5em 0.75em;
    font-weight: 600;
    color: #555;
    font-size: 0.9em;
    white-space: nowrap;
}

.sonnik-scenarios-table th:last-child {
    width: 28px;
    text-align: center;
}

.sonnik-scenarios-table tbody tr {
    border-bottom: 1px solid #f0f0f0;
}

.sonnik-scenarios-table tbody tr:last-child {
    border-bottom: none;
}

.sonnik-scenarios-table td {
    padding: 0.55em 0.75em;
    vertical-align: middle;
    line-height: 1.4;
}

.sonnik-scenarios-table td:first-child {
    font-weight: 500;
    white-space: nowrap;
}

.sonnik-scenarios-table td:last-child {
    text-align: center;
    width: 28px;
}

.sn-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sn-dot--green  { background: #2bb55e; }
.sn-dot--yellow { background: #f0a500; }
.sn-dot--red    { background: #e53935; }

/* ─── Группировка сценариев ─── */
.scenarios-group {
    margin-bottom: 1.5em;
}

.scenarios-group:last-child {
    margin-bottom: 0;
}

.scenarios-group-title {
    font-size: 17px;
    font-weight: 700;
    color: #53b1f9;
    margin: 0 0 0.6em;
    padding: 0.4em 0;
    border-bottom: 2px solid #e8f4ff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.scenarios-group .sonnik-scenarios-table {
    margin-bottom: 0;
}

/* Аккордеон для длинных таблиц */
.scenarios-group--collapsible .scenarios-group-title {
    cursor: pointer;
    position: relative;
    padding-right: 2em;
    user-select: none;
    transition: color 0.2s ease;
}

.scenarios-group--collapsible .scenarios-group-title:hover {
    color: #2492de;
}

.scenarios-group--collapsible .scenarios-group-title::after {
    content: '';
    position: absolute;
    right: 0.5em;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #53b1f9;
    border-bottom: 2px solid #53b1f9;
    transform: translateY(-60%) rotate(45deg);
    transition: transform 0.25s ease;
}

.scenarios-group--collapsible.scenarios-group--collapsed .scenarios-group-title::after {
    transform: translateY(-40%) rotate(-45deg);
}

.scenarios-group--collapsible .sonnik-scenarios-table {
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.25s ease;
}

/* ─── Кнопки "показать все / свернуть" ─── */
.scenarios-toggle {
    text-align: right;
    margin-bottom: 0.8em;
    font-size: 14px;
}

.scenarios-toggle a {
    color: #53b1f9;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.scenarios-toggle a:hover {
    color: #2492de;
    text-decoration: underline;
}

.scenarios-toggle .scenarios-toggle-collapse {
    display: none;
}

.scenarios-toggle.scenarios-toggle--all-collapsed .scenarios-toggle-expand {
    display: none;
}

.scenarios-toggle.scenarios-toggle--all-collapsed .scenarios-toggle-collapse {
    display: inline;
}

.scenarios-toggle.scenarios-toggle--all-collapsed .scenarios-group-title::after {
    transform: translateY(-40%) rotate(-45deg) !important;
}

.scenarios-toggle.scenarios-toggle--all-collapsed ~ .scenarios-group--collapsible .sonnik-scenarios-table {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.scenarios-group--collapsible.scenarios-group--collapsed .sonnik-scenarios-table {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

@media screen and (max-width: 600px) {
    .sonnik-scenarios-table thead {
        display: none;
    }

    .sonnik-scenarios-table,
    .sonnik-scenarios-table tbody,
    .sonnik-scenarios-table tr,
    .sonnik-scenarios-table td {
        display: block;
        width: 100%;
    }

    .sonnik-scenarios-table tr {
        display: flex;
        align-items: flex-start;
        gap: 0.5em;
        padding: 0.6em 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .sonnik-scenarios-table tr:last-child {
        border-bottom: none;
    }

    .sonnik-scenarios-table td {
        padding: 0;
    }

    .sonnik-scenarios-table td:first-child {
        flex: 0 0 auto;
        max-width: 45%;
        white-space: normal;
    }

    .sonnik-scenarios-table td:nth-child(2) {
        flex: 1;
        color: #666;
        font-size: 0.92em;
    }

    .sonnik-scenarios-table td:last-child {
        flex: 0 0 16px;
        width: 16px;
        padding-top: 2px;
    }
}

/* ─── Таблица сценариев v2 ─── */
.sonnik-scenarios-v2-block {
    margin-top: 1.1em;
    margin-bottom: 0.4em;
    padding: 1em 1.2em 0.8em;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    font-family: inherit;
}

.sonnik-scenarios-v2-block .dreams-title {
    margin-bottom: 0.55em;
}

.sonnik-scenarios-v2-block .scenarios-v2-toggle-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5em;
}

.sonnik-scenarios-v2-block .scenarios-v2-toggle-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #b1c1d2;
    font-family: inherit;
    font-size: 15px;
    line-height: 1;
    padding: 4px 0;
    cursor: pointer;
    transition: color 0.2s ease;
}

.sonnik-scenarios-v2-block .scenarios-v2-toggle-all:hover {
    color: #9fb2c6;
}

.sonnik-scenarios-v2-block .scenarios-v2-toggle-all .fas {
    transition: transform 0.2s ease;
}

.sonnik-scenarios-v2-block .scenarios-v2-toggle-all[aria-expanded="true"] .fas {
    transform: rotate(180deg);
}

.sonnik-scenarios-v2-block .scenarios-v2-group {
    border-top: 1px solid #edf2f7;
}

.sonnik-scenarios-v2-block .scenarios-v2-group:first-of-type {
    border-top: none;
}

.sonnik-scenarios-v2-block .scenarios-v2-group-header {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0.95em 0 0.35em;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.sonnik-scenarios-v2-block .scenarios-v2-group-name {
    color: #52b1f9;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sonnik-scenarios-v2-block .scenarios-v2-group-emoji {
    font-size: 1rem;
    line-height: 1;
    flex: 0 0 auto;
}

.sonnik-scenarios-v2-block .scenarios-v2-group-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #9caec2;
    font-size: 0.95rem;
    font-weight: 500;
    flex-shrink: 0;
}

.sonnik-scenarios-v2-block .scenarios-v2-group-meta .fas {
    transition: transform 0.2s ease;
}

.sonnik-scenarios-v2-block .scenarios-v2-group.is-collapsed .scenarios-v2-group-meta .fas {
    transform: rotate(180deg);
}

.sonnik-scenarios-v2-block .scenarios-v2-group-body {
    padding-bottom: 0.48em;
}

.sonnik-scenarios-v2-block .scenarios-v2-group.is-collapsed .scenarios-v2-group-body {
    display: none;
}

.sonnik-scenarios-v2-block .scenarios-v2-rows {
    display: flex;
    flex-direction: column;
}

.sonnik-scenarios-v2-block .scenarios-v2-row {
    display: grid;
    grid-template-columns: minmax(200px, 36%) minmax(0, 1fr) 16px;
    gap: 14px;
    align-items: start;
    padding: 0.42em 0 0.58em;
}

.sonnik-scenarios-v2-block .scenarios-v2-row.is-extra {
    display: none;
}

.sonnik-scenarios-v2-block .scenarios-v2-group.is-more-expanded .scenarios-v2-row.is-extra {
    display: grid;
}

.sonnik-scenarios-v2-block .scenarios-v2-row-scenario {
    font-size: 0.99rem;
    line-height: 1.32;
    color: #2a3340;
    font-weight: 400;
}

@media screen and (min-width: 721px) {
    .sonnik-scenarios-v2-block .scenarios-v2-row-scenario {
        color: #000000;
    }
}

.sonnik-scenarios-v2-block .scenarios-v2-row-meaning {
    font-size: 0.99rem;
    line-height: 1.37;
    color: #6d7f95;
}

.sonnik-scenarios-v2-block .scenarios-v2-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 0.48em;
    box-shadow: none;
}

.sonnik-scenarios-v2-block .scenarios-v2-dot--green {
    background: #22c55e;
}

.sonnik-scenarios-v2-block .scenarios-v2-dot--yellow {
    background: #f59e0b;
}

.sonnik-scenarios-v2-block .scenarios-v2-dot--red {
    background: #ef4444;
}

.sonnik-scenarios-v2-block .scenarios-v2-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0.24em 0 0.08em;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #91a5ba;
    font-family: inherit;
    font-size: 0.88rem;
    line-height: 1;
    padding: 4px 0;
    cursor: pointer;
    transition: color 0.2s ease;
}

.sonnik-scenarios-v2-block .scenarios-v2-more:hover {
    background: transparent;
    color: #738aa2;
}

.sonnik-scenarios-v2-block .scenarios-v2-more .fas {
    transition: transform 0.2s ease;
}

.sonnik-scenarios-v2-block .scenarios-v2-group.is-more-expanded .scenarios-v2-more .fas {
    transform: rotate(180deg);
}

.sonnik-scenarios-v2-block .scenarios-v2-more.is-hidden {
    display: none;
}

.sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social {
    margin: 0.9em -1em -1em !important;
    border-radius: 0 0 18px 18px !important;
    overflow: hidden;
}

.sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social .social-buttons {
    margin: 0;
}

.sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social .social-button2:first-child {
    border-bottom-left-radius: 18px;
}

.sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social .social-button2:nth-of-type(2) {
    border-bottom-right-radius: 18px;
}

@media screen and (max-width: 720px) {
    .sonnik-scenarios-v2-block {
        padding: 0.85em 0.95em 0.75em;
        border-radius: 14px;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-toggle-all {
        font-size: 15px;
        padding: 8px 18px;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-group-name {
        font-size: 1.15rem;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-row {
        grid-template-columns: minmax(110px, 42%) minmax(0, 1fr) 16px;
        gap: 8px;
        padding: 0.45em 0;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-row-scenario {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        min-width: 0;
        font-size: 1rem;
        line-height: 1.33;
        font-weight: 400;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-row-meaning {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        min-width: 0;
        font-size: 0.95rem;
        line-height: 1.38;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-dot {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
        align-self: start;
        justify-self: end;
        margin-top: 0.22em;
        width: 12px;
        height: 12px;
        box-shadow: none;
    }

    .sonnik-scenarios-v2-block .scenarios-v2-more {
        font-size: 0.84rem;
    }

    .sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social {
        margin: 0.75em -1em -1em !important;
        border-radius: 0 0 14px 14px !important;
    }

    .sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social .social-button2:first-child {
        border-bottom-left-radius: 14px;
    }

    .sonnik-scenarios-v2-block .entry-social.sonnik-scenarios-social .social-button2:nth-of-type(2) {
        border-bottom-right-radius: 14px;
    }
}

/* ─── Блок "формула" (sonnik-formula) ─── */
.sonnik-formula {
    background: linear-gradient(135deg, #f8f0ff 0%, #e8f4ff 100%);
    border-radius: 12px;
    padding: 12px 20px;
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.sonnik-formula .match-text--energy {
    width: 100%;
    text-align: center;
}

.sonnik-formula .match-text--energy strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a2e;
}

.sonnik-formula .match-energy-note {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #7b8794;
}
/* ─── Блок "Что советует этот сон" v3 — научный стиль (совместимость) ─── */
.wtd-v3 {
    margin: 2em 0;
}

.wtd-v3 .dreams-title {
    margin-bottom: 1em;
    color: #53b1f9 !important;
}

.wtd-v3-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1em;
}

/* Базовая карточка — белая, тонкая рамка, мягкая тень */
.wtd-v3-card {
    background: #fff;
    border: 2px solid #eef3f7;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(36, 146, 222, 0.07);
    position: relative;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.wtd-v3-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Цветная полоса сверху 4px */
.wtd-v3-card__top-bar {
    height: 4px;
    width: 100%;
}

.wtd-v3-card--positive .wtd-v3-card__top-bar {
    background: #2bb55e;
}

.wtd-v3-card--anxious .wtd-v3-card__top-bar {
    background: #f655a0;
}

.wtd-v3-card__inner {
    padding: 18px 20px 22px;
}

/* Шапка: иконка в круге + заголовок */
.wtd-v3-card__head {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #eef3f7;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.wtd-v3-card__icon-wrap {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wtd-v3-card__icon-svg {
    width: 20px;
    height: 20px;
}

.wtd-v3-card--positive .wtd-v3-card__icon-wrap {
    background: #e8f7ee;
    color: #2bb55e;
}

.wtd-v3-card--anxious .wtd-v3-card__icon-wrap {
    background: #fdeaf3;
    color: #f655a0;
}

.wtd-v3-card__titles {
    display: flex;
    flex-direction: column;
}

.wtd-v3-card__label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #1a1a2e;
}

.wtd-v3-card__accent {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
}

.wtd-v3-card--positive .wtd-v3-card__accent {
    color: #22994f;
}

.wtd-v3-card--anxious .wtd-v3-card__accent {
    color: #db4d90;
}

/* Подпись-контекст (курсив) */
.wtd-v3-card__context {
    font-size: 13px;
    color: #7b8794;
    font-style: italic;
    margin: 0 0 12px;
    line-height: 1.4;
    padding-left: 2px;
}

/* Список рекомендаций */
.wtd-v3-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wtd-v3-card__list li {
    position: relative;
    padding: 0.45em 0 0.45em 1.4em;
    font-size: 14px;
    line-height: 1.6;
    color: #4a5568;
    border-bottom: 1px solid #f4f8fb;
}

.wtd-v3-card__list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.wtd-v3-card__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.wtd-v3-card--positive .wtd-v3-card__list li::before {
    background: #2bb55e;
    box-shadow: 0 0 0 3px #e8f7ee;
}

.wtd-v3-card--anxious .wtd-v3-card__list li::before {
    background: #f655a0;
    box-shadow: 0 0 0 3px #fdeaf3;
}

@media screen and (max-width: 640px) {
    .wtd-v3-cards {
        grid-template-columns: 1fr;
    }

    .wtd-v3-card__inner {
        padding: 14px 16px 18px;
    }

    .wtd-v3-card__label {
        font-size: 15px;
    }
}

/* ===================================================================
   Dream Quiz — «Расшифруйте свой сон» (3-step interactive quiz)
   =================================================================== */

.dream-quiz {
    margin: 2.5em 0 1.35em;
    background: #fff;
    border-radius: 20px;
    padding: 2em 2em 2.5em;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(102, 126, 234, 0.08);
    border: 1px solid #eef2ff;
}

.dream-quiz::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #a855f7, #ec4899);
}

/* Badge */
#main_content_main .block h2.dream-quiz__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 2px;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    z-index: 1;
    white-space: nowrap;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #8b5cf6 !important;
    background: linear-gradient(135deg, #f3edff 0%, #ece6f7 100%);
    padding: 5px 14px;
    border-radius: 999px;
    margin: 0;
    border: 0;
    text-align: center;
}

/* Header */
.dream-quiz__header {
    position: relative;
    text-align: center;
}

.dream-quiz__header .dreams-title {
    display: block;
    margin: 0 0 0.3em !important;
    font-size: 22px;
    line-height: normal;
    text-align: center;
    font-weight: 700;
    color: #53b1f9 !important;
}

.dream-quiz__subtitle {
    text-align: left;
    color: #94a3b8;
    font-size: 15px;
    margin: 0 0 1.5em;
}

/* Progress bar */
.dream-quiz__progress {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.5em;
}

.dream-quiz__progress-bar {
    flex: 1;
    height: 4px;
    background: #f1f5f9;
    border-radius: 4px;
    overflow: hidden;
}

.dream-quiz__progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #667eea, #a855f7, #ec4899);
    border-radius: 4px;
    transition: width 0.4s ease;
}

.dream-quiz__step-label {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
    white-space: nowrap;
}

/* Steps */
.dream-quiz__step {
    display: none;
}

.dream-quiz__step.dq-step-active {
    display: block;
    animation: dqFadeIn 0.35s ease;
}

@keyframes dqFadeIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.dream-quiz__question {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 1.2em;
}

/* Option buttons */
.dream-quiz__options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.dream-quiz__options--three {
    grid-template-columns: 1fr 1fr 1fr;
}

.dream-quiz__option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    font-size: 15px;
    text-align: left;
    color: #334155;
}

.dream-quiz__option:hover {
    border-color: #a78bfa;
    background: linear-gradient(135deg, rgba(102,126,234,.04), rgba(168,85,247,.04));
    box-shadow: 0 2px 12px rgba(139, 92, 246, .1);
    transform: translateY(-1px);
}

.dream-quiz__option.selected {
    border-color: transparent;
    background: linear-gradient(135deg, #667eea, #8b5cf6);
    color: #fff;
    box-shadow: 0 4px 16px rgba(102, 126, 234, .25);
    transform: scale(0.97);
}

.dream-quiz__option-icon {
    font-size: 20px;
    flex-shrink: 0;
    line-height: 1;
}

.dream-quiz__option-text {
    font-weight: 500;
    line-height: 1.3;
}

/* Result */
.dream-quiz__result {
    display: none;
}

.dream-quiz__result.dq-visible {
    display: block;
}

.dream-quiz__result-card {
    background: #fff;
    border-radius: 16px;
    padding: 2em;
    position: relative;
    border: 1px solid #eef2ff;
    box-shadow: 0 8px 32px rgba(102, 126, 234, .1);
}

.dream-quiz__result-card.dq-card-animate {
    animation: dqCardIn 0.5s ease;
}

@keyframes dqCardIn {
    from { opacity: 0; transform: scale(0.95) translateY(16px); }
    to   { opacity: 1; transform: scale(1)    translateY(0); }
}

.dream-quiz__result-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.8em;
}

.dream-quiz__result-emoji {
    font-size: 32px;
    line-height: 1;
}

.dream-quiz__result-tag {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 4px 12px;
    border-radius: 20px;
}

.dq-tag--positive  { color: #16a34a; background: #f0fdf4; }
.dq-tag--warning   { color: #d97706; background: #fffbeb; }
.dq-tag--signal    { color: #6366f1; background: #eef2ff; }
.dq-tag--reflection { color: #8b5cf6; background: #f5f3ff; }

.dream-quiz__result-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.6em;
    line-height: 1.3;
}

.dream-quiz__result-text {
    font-size: 15px;
    line-height: 1.7;
    color: #475569;
    margin: 0 0 1em;
}

.dream-quiz__result-card .dream-quiz__result-context {
    font-size: 14px;
    line-height: 1.6;
    color: #2492de;
    background: #e0f1fe;
    padding: 12px 16px;
    border-radius: 10px;
    border: none;
    margin: 0 0 1.5em;
    font-style: italic;
}

.dream-quiz__restart {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea, #8b5cf6);
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 0;
    position: relative;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
}

.dream-quiz__restart:hover {
    box-shadow: 0 4px 16px rgba(102, 126, 234, .3);
    transform: translateX(-50%) translateY(-1px);
}

/* Responsive */
@media screen and (max-width: 640px) {
    .dream-quiz {
        padding: 1.5em 1.2em 2em;
        border-radius: 16px;
        margin: 1.5em 0;
    }

    .dream-quiz__options {
        grid-template-columns: 1fr;
    }

    .dream-quiz__options--three {
        grid-template-columns: 1fr;
    }

    .dream-quiz__question {
        font-size: 16px;
    }

    .dream-quiz__result-card {
        padding: 1.5em;
    }

    .dream-quiz__result-title {
        font-size: 19px;
    }

    .dream-quiz__result-emoji {
        font-size: 28px;
    }

    #dream-quiz .dream-quiz__header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #main_content_main .block h2.dream-quiz__badge,
    #dream-quiz .dream-quiz__badge {
        position: static;
        display: flex;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        left: auto;
        right: auto;
        font-size: 11px !important;
        padding: 4px 14px;
        border-radius: 20px;
        margin: 0 auto 0.5em !important;
        text-align: center;
    }

    #dream-quiz .dream-quiz__header .dreams-title {
        display: block;
        margin: 0 0 0.3em !important;
        text-align: center;
    }

    #dream-quiz .dream-quiz__subtitle {
        text-align: center;
        margin: 0 0 1.5em;
    }

    #dream-quiz .dream-quiz__progress {
        align-self: stretch;
        width: 100%;
    }
}

/* Primary quiz block — synced with approved lab variant */
#dream-quiz {
    border: 3px solid #53b1f9;
}

#dream-quiz + #intro.article-block.sonnik-article-section {
    margin-top: 1.15em;
}

#dream-quiz::before {
    display: none;
}

#main_content_main .block.article #dream-quiz .dreams-title {
    color: #53b1f9 !important;
}

#main_content_main .block.article #dream-quiz strong.dreams-title {
    color: #53b1f9 !important;
}

/* Compatibility: older generated wtd-v3 markup (without __inner/__head wrappers) */
.wtd-v3-card:not(:has(.wtd-v3-card__inner)) {
    padding: 18px 20px 22px;
}

.wtd-v3-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #eef3f7;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.wtd-v3-card__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
}

.wtd-v3-card--positive .wtd-v3-card__icon {
    background: #e8f7ee;
    color: #2bb55e;
}

.wtd-v3-card--anxious .wtd-v3-card__icon {
    background: #fdeaf3;
    color: #f655a0;
}

/* Light header for today's dream probability block */
.dt-card-new {
    margin: 12px 0 18px;
    border: 2px solid #06c2f6;
    border-radius: 22px;
    background: #16bbe1;
    box-shadow: none;
    overflow: hidden;
}

.dt-head {
    padding: 8px 36px 15px 28px;
    color: #8a9aab;
    background: linear-gradient(100deg, #ffffff 0%, #f7fcff 48%, #e7f9ff 100%);
}

.dt-head-main {
    display: grid;
    grid-template-columns: minmax(86px, .72fr) minmax(150px, 1fr) 104px minmax(104px, .82fr) minmax(106px, .78fr);
    gap: 10px;
    align-items: center;
    min-height: 102px;
}

.dt-col-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    text-align: center;
}

.dt-date-day {
    display: block;
    color: #06c2f6;
    font-size: 46px;
    font-weight: 800;
    line-height: .92;
    letter-spacing: 0;
}

.dt-date-meta {
    display: block;
    margin-top: 5px;
    color: #8798ab;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.dt-date-meta span {
    display: block;
}

.dt-date-today {
    margin-top: 2px;
    color: #baa7ef;
}

.dt-col-phase,
.dt-col-lunar,
.dt-col-score {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    text-align: center;
    line-height: 1.18;
}

.dt-col-phase strong,
.dt-col-lunar strong {
    display: block;
    color: #06c2f6;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

.dt-col-phase strong {
    white-space: nowrap;
}

.dt-col-phase span,
.dt-col-lunar span {
    display: block;
    margin-top: 10px;
    color: #8798ab;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.dt-col-lunar strong {
    font-size: 14px;
}

.dt-col-moon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 104px;
    height: 104px;
    min-width: 0;
}

.dt-col-moon::before,
.dt-col-moon::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.dt-col-moon::before {
    width: 114px;
    height: 114px;
    background: rgba(6, 194, 246, .08);
}

.dt-col-moon::after {
    width: 94px;
    height: 94px;
    background: rgba(6, 194, 246, .17);
}

.dt-lundaymoon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: url(/lunnyj-kalendar/lunnyj-den/moon-sm.png) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    flex: 0 0 80px;
    box-shadow: 0 6px 18px rgba(227, 151, 30, .24);
}

.dt-lundaymoon .dt-ten {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(186, 122, 56, 0.6);
    transition: margin-left 0.5s ease;
}

.dt-score-percent {
    display: block;
    color: #9051ff;
    font-size: 46px;
    font-weight: 800;
    line-height: .92;
}

.dt-col-score span {
    display: block;
    margin-top: 4px;
    color: #8798ab;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.18;
}

.dt-score-bar {
    width: 100%;
    height: 8px;
    margin-top: 8px;
    border-radius: 999px;
    background: #c4effd;
    overflow: hidden;
}

.dt-score-bar-fill {
    height: 100%;
    border-radius: inherit;
    background: #fcc52c;
    transition: width 0.5s ease;
}

.dt-details {
    padding: 0;
    background: #fff;
}

.dt-summary-btn {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 41px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 20px;
    color: #fff;
    background: #06c2f6;
    border: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    list-style: none;
    outline: none;
    user-select: none;
}

.dt-summary-btn::-webkit-details-marker {
    display: none;
}

.dt-summary-btn .fas {
    color: #fff;
    font-size: 12px;
    transition: transform .2s ease;
}

.dt-details[open] .dt-summary-btn .fas {
    transform: rotate(180deg);
}

.dt-summary-btn:hover {
    background-color: #05b3e3;
}

.dt-details-content {
    padding: 20px;
    background: #fff;
}

.dt-link {
    display: block;
    margin-top: .62em;
    color: #00b7f4 !important;
    font-weight: 500;
    text-align: right;
    text-decoration: none !important;
}

.dt-link:hover,
.dt-link:focus {
    text-decoration: underline !important;
}

@media (max-width: 800px) {
    .dt-head {
        padding: 12px 18px 14px;
    }

    .dt-head-main {
        grid-template-columns: minmax(74px, 1fr) minmax(112px, 1fr) 92px minmax(92px, 1fr) minmax(84px, 1fr);
        gap: 8px;
        min-height: 92px;
    }

    .dt-col-moon {
        width: 92px;
        height: 92px;
    }

    .dt-lundaymoon,
    .dt-lundaymoon .dt-ten {
        width: 72px;
        height: 72px;
    }

    .dt-lundaymoon {
        flex-basis: 72px;
    }

    .dt-col-phase strong,
    .dt-col-lunar strong {
        font-size: 14px;
    }

    .dt-col-lunar strong {
        font-size: 14px;
    }

    .dt-col-phase span,
    .dt-col-lunar span {
        font-size: 14px;
    }
}

@media (max-width: 520px) {
    .dt-card-new {
        border-radius: 16px;
    }

    .dt-head {
        padding: 14px 14px 12px;
    }

    .dt-head-main {
        grid-template-columns: minmax(0, .82fr) 90px minmax(0, .9fr);
        grid-template-areas:
            "date moon lunar"
            "phase moon score";
        gap: 10px 8px;
        min-height: 0;
    }

    .dt-col-date {
        grid-area: date;
        align-items: flex-start;
        text-align: left;
    }

    .dt-col-phase {
        grid-area: phase;
        align-items: flex-start;
        text-align: left;
    }

    .dt-col-moon {
        grid-area: moon;
        width: 90px;
        height: 104px;
        align-self: center;
    }

    .dt-col-moon::before {
        width: 102px;
        height: 102px;
    }

    .dt-col-moon::after {
        width: 86px;
        height: 86px;
    }

    .dt-col-lunar {
        grid-area: lunar;
        align-items: flex-end;
        text-align: right;
    }

    .dt-col-score {
        grid-area: score;
        align-items: flex-end;
        text-align: right;
    }

    .dt-lundaymoon,
    .dt-lundaymoon .dt-ten {
        width: 74px;
        height: 74px;
    }

    .dt-lundaymoon {
        flex-basis: 74px;
        box-shadow: 0 5px 14px rgba(227, 151, 30, .2);
    }

    .dt-date-day {
        font-size: 42px;
    }

    .dt-score-percent {
        font-size: 40px;
    }

    .dt-date-meta,
    .dt-col-score span {
        font-size: 10px;
        white-space: normal;
    }

    .dt-col-phase strong,
    .dt-col-lunar strong,
    .dt-col-phase span,
    .dt-col-lunar span {
        font-size: 13px;
    }

    .dt-col-phase strong {
        white-space: normal;
    }

    .dt-col-phase span,
    .dt-col-lunar span {
        margin-top: 4px;
    }

    .dt-score-bar {
        height: 7px;
        margin-top: 12px;
    }

    .dt-summary-btn {
        min-height: 40px;
        padding: 0 14px;
        font-size: 13px;
    }

    .dt-details-content {
        padding: 14px;
    }
}

@media (max-width: 360px) {
    .dt-head {
        padding: 13px 12px 12px;
    }

    .dt-head-main {
        grid-template-columns: minmax(0, .82fr) 84px minmax(0, .9fr);
        gap: 9px 6px;
    }

    .dt-col-moon {
        width: 84px;
        height: 100px;
    }

    .dt-col-moon::before {
        width: 96px;
        height: 96px;
    }

    .dt-col-moon::after {
        width: 80px;
        height: 80px;
    }

    .dt-lundaymoon,
    .dt-lundaymoon .dt-ten {
        width: 70px;
        height: 70px;
    }

    .dt-lundaymoon {
        flex-basis: 70px;
    }

    .dt-date-day,
    .dt-score-percent {
        font-size: 38px;
    }

    .dt-col-phase strong,
    .dt-col-lunar strong,
    .dt-col-phase span,
    .dt-col-lunar span {
        font-size: 12px;
    }
}