.atlas-image {display: block; margin: auto; max-height: 360px;} .atlas-quiz-answer.atlas-quiz-correct { background: #2b9467; border-color: #227951; color: #fff; } .atlas-quiz-answer.atlas-quiz-wrong { background: #fbe1e4; border-color: #e9aeb7; color: #8b2635; } .atlas-quiz-answer.atlas-quiz-correct-hint { background: #dcefe4; border-color: #a7d1b8; color: #155c3d; } .atlas-quiz-question { margin: 22px 0;} .atlas-quiz-question-text { margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 1.48; } .atlas-quiz-answers { display: flex; flex-direction: column; gap: 11px; } .atlas-quiz-answer { display: block; width: 100%; padding: 13px 17px; border: 1px solid #d9cee2; border-radius: 9px; background: #fffdf9; color: #332b3a; font-size: 16px; line-height: 1.42; text-align: left; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .atlas-quiz-answer:hover:not(:disabled) { background: #f5edf8; border-color: #a88bbd; } .atlas-quiz-answer:disabled { cursor: default; opacity: 1; } .atlas-quiz-explanation { margin-top: 13px; padding: 13px 16px; background: #f7efe7; border-left: 4px solid #b78055; border-radius: 5px; line-height: 1.52; } .atlas-quiz-intro { margin: 0 0 20px; color: #66596a; font-size: 12px; font-style:italic; } .atlas-quiz-result { margin-top: 26px; padding: 19px 21px; background: #f2ebf7; border: 1px solid #d6c6e1; border-radius: 9px; font-size: 16px; line-height: 1.52; } .atlas-quiz-result strong { display: block; margin-bottom: 7px; font-size: 18px; } .atlas-quiz-result p {margin: 0;} #advertising {display:none;} .atlas-author-note-title { margin-bottom: 7px;font-weight: 600;font-size: 0.9em;} .atlas-author-note p {margin: 0;} .atlas-article-discussion { margin: 34px 0;} .atlas-article-discussion-title {margin-bottom: 17px;} .atlas-discussion-item {margin: 0 0 15px; padding: 15px 19px; background: #f8f0e8; border-radius: 7px;} .atlas-discussion-answer { margin-left: 30px; border-left: 3px solid #76516f;} .atlas-discussion-meta { margin-bottom: 6px; font-size: 0.85em; font-weight: 600;} .atlas-discussion-text { margin: 0;} #article-controls { --control-bg: #fff8ef; --control-bg-hover: #fff0dc; --control-active-bg: #f1d2a8; --control-active-bg-dark: #e4bd8c; --control-border: #e5cfb2; --control-border-active: #bf8751; --control-text: #5d493d; --control-text-active: #4d2c1d; --control-focus: rgba(185, 111, 48, 0.28); display: flex; flex-direction: column; gap: 13px; margin: 21px 0 25px; } .article-control-group { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } .article-control-label { margin-right: 5px; font-size: 14px; font-weight: 600; line-height: 1.4; color: #745f53; } .article-control-button { appearance: none; min-height: 39px; padding: 8px 16px; border: 1px solid var(--control-border); border-radius: 9px; background: var(--control-bg); color: var(--control-text); font: inherit; font-size: 14px; font-weight: 500; line-height: 1.3; cursor: pointer; box-shadow: 0 2px 5px rgba(91, 55, 31, 0.12), 0 1px 2px rgba(91, 55, 31, 0.08); transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .article-control-button:hover:not(.atlas-is-active) { background: var(--control-bg-hover); border-color: #d3aa7d; box-shadow: 0 3px 7px rgba(91, 55, 31, 0.14), 0 1px 2px rgba(91, 55, 31, 0.08); transform: translateY(-1px); } .article-control-button.atlas-is-active { background: var(--control-active-bg); border-color: var(--control-border-active); color: var(--control-text-active); font-weight: 600; box-shadow: inset 0 2px 5px rgba(93, 48, 21, 0.18), inset 0 1px 2px rgba(93, 48, 21, 0.12); transform: translateY(1px); cursor: default; } .article-control-button.atlas-is-active:hover { background: var(--control-active-bg); border-color: var(--control-border-active); box-shadow: inset 0 2px 5px rgba(93, 48, 21, 0.18), inset 0 1px 2px rgba(93, 48, 21, 0.12); transform: translateY(1px); } .article-control-button:focus { outline: none; } .article-control-button:focus-visible { outline: 3px solid var(--control-focus); outline-offset: 2px; } .article-control-button:active:not(.atlas-is-active) { transform: translateY(1px); box-shadow: inset 0 1px 3px rgba(93, 48, 21, 0.15); } [hidden] { display: none !important;} .single .heading-title { padding-bottom: 0 !Important; margin-bottom: 0 !Important;} .single .post-content {padding: 0 3%;} .atlas-author-box { width: 100%; max-width: 460px; margin: 0px 0 0px auto;; padding: 17px 19px; box-sizing: border-box; background: #fbf3ea; border: 1px solid #e5d4c5; border-radius: 11px; color: #5c514c; font-size: 14px; line-height: 1.58; } .atlas-author-box .atlas-meta-author { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #49332b; } .atlas-author-box .atlas-author-leading { font-weight: 400; color: #776861; } .atlas-author-box .atlas-author-process { display: block; font-size: 13px; line-height: 1.52; color: #776861; } .atlas-author-box a { color: #9a542b; text-decoration: none; } .atlas-author-box a:hover { text-decoration: underline; } .atlas-poll, .atlas-message-form, .atlas-quiz { width: 80%; max-width: 900px; margin: 34px auto 40px; padding: 25px 29px; box-sizing: border-box; background: #fff3e6; border: 1px solid #ebd1b0; border-radius: 15px; } .atlas-poll-question { margin: 0 0 21px; font-size: 18px; font-weight: 600; line-height: 1.42; color: #4a3026; } .atlas-poll-answers { display: flex; flex-direction: column; gap: 13px; margin: 0 0 21px; } .atlas-poll-option { display: flex; align-items: flex-start; gap: 11px; width: 100%; font-size: 16px; line-height: 1.42; color: #4c3a33; cursor: pointer; } .atlas-poll-option input[type="radio"] { width: 17px; height: 17px; margin: 3px 0 0; accent-color: #b96f30; cursor: pointer; } .atlas-message-form label { display: block; margin: 0 0 11px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #4a3026; } .atlas-message-form [data-message-text] { display: block; width: 100%; min-height: 150px; margin: 0 0 19px; padding: 13px 15px; box-sizing: border-box; border: 1px solid #e6cdb5; border-radius: 9px; background: #fffdf9; color: #4c3a33; font-family: inherit; font-size: 16px; line-height: 1.52; resize: vertical; } .atlas-message-form [data-message-text]:focus { outline: 2px solid #cf955f; outline-offset: 1px; } .atlas-poll .atlas-poll-submit, .atlas-message-form [data-message-submit] { display: inline-block !important; width: auto !important; min-width: 0 !important; margin: 2px 0 0 !important; padding: 9px 19px !important; border: 0 !important; border-radius: 9px !important; background: #ad602e !important; color: #ffffff !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; box-shadow: none !important; text-transform: none !important; cursor: pointer; transition: background-color 0.2s ease; } .atlas-poll .atlas-poll-submit:hover, .atlas-message-form [data-message-submit]:hover { background: #914b25 !important; color: #ffffff !important; } .atlas-poll .atlas-poll-submit:active, .atlas-message-form [data-message-submit]:active { background: #793d20 !important; } .atlas-poll .atlas-poll-submit:focus-visible, .atlas-message-form [data-message-submit]:focus-visible { outline: 2px solid #cf955f; outline-offset: 2px; } .atlas-poll-thanks, .atlas-message-form [data-message-status]:not(:empty) { margin: 21px 0 0; padding: 14px 17px; background: #f7e7d6; border: 1px solid #e7c9a9; border-radius: 9px; font-size: 15px; font-weight: 600; line-height: 1.42; color: #754526; } .atlas-poll-thanks[hidden] { display: none; } .atlas-poll.atlas-poll-completed { background: #f5eee7; border-color: #dfd0c2; } .atlas-poll.atlas-poll-completed .atlas-poll-option { color: #7a6d66; cursor: default; } .atlas-poll.atlas-poll-completed .atlas-poll-option input[type="radio"] { cursor: default; opacity: 0.75; } .atlas-poll.atlas-poll-completed .atlas-poll-option:has(input[type="radio"]:checked) { color: #604032; font-weight: 600; } .atlas-poll .atlas-poll-submit:disabled, .atlas-message-form [data-message-submit]:disabled { background: #b7a095 !important; color: #ffffff !important; cursor: default !important; opacity: 0.75; } .atlas-poll .atlas-poll-submit:disabled:hover, .atlas-message-form [data-message-submit]:disabled:hover { background: #b7a095 !important; color: #ffffff !important; } .atlas-source-card { background: #fff8f0; border: 1px solid #eadac8; border-left: 3px solid #bb6c34; border-radius: 7px; padding: 15px 19px; margin: 17px 0; transition: border-color 0.2s ease, background 0.2s ease; } .atlas-source-card:hover { background: #fff0df; border-left-color: #934d23; } .atlas-source-card a { display: block; color: #934d23; font-size: 15px; font-weight: 600; line-height: 1.52; text-decoration: none; overflow-wrap: anywhere; } .atlas-source-card a:hover { color: #713719; text-decoration: underline; } .atlas-source-card p { margin: 8px 0 0; padding: 0; color: #806f64; font-size: 13px; line-height: 1.52; } .atlas-source-card + .atlas-source-card { margin-top: 13px; } .atlas-related-articles { margin: 47px 0 27px; padding: 27px; background: #f3eff9; border: 1px solid #ded3eb; border-radius: 13px; box-shadow: 0 3px 16px rgba(54, 34, 72, 0.08); } .atlas-related-heading { display: flex; align-items: center; gap: 13px; margin: 0 0 23px; font-size: 22px; font-weight: 700; line-height: 1.32; color: #3e304b; text-transform: none; } .atlas-related-heading::before { content: ""; display: block; width: 5px; height: 27px; background: #7953a6; border-radius: 3px; flex-shrink: 0; } .atlas-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; } .atlas-related-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fffdf9; border: 1px solid #d8cde3; border-radius: 10px; box-shadow: 0 2px 9px rgba(57, 38, 76, 0.11); color: #3e304b; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .atlas-related-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #eee8f5; border-bottom: 1px solid #ddd3e8; } .atlas-related-title { display: block; flex-grow: 1; padding: 15px 16px 18px; font-size: 16px; font-weight: 600; line-height: 1.46; color: #49385a; text-decoration: none; } .atlas-related-card:hover { transform: translateY(-4px); border-color: #a989c8; box-shadow: 0 8px 21px rgba(74, 42, 108, 0.19); text-decoration: none; } .atlas-related-card:hover .atlas-related-title { color: #70449b; } .atlas-related-card:focus-visible { outline: 3px solid #7953a6; outline-offset: 3px; } .atlas-photo { display: block; width: fit-content; max-width: 100%; margin: 21px auto; overflow: hidden; border-radius: 17px; box-shadow: 0 5px 17px rgb(48 28 63 / 12%); transition: box-shadow 0.35s ease; } .atlas-image { display: block; margin: auto; max-width: 100%; max-height: 255px; width: auto; height: auto; transition: transform 0.45s ease; } .atlas-photo:hover {box-shadow: 0 8px 25px rgb(48 28 63 / 18%);} .atlas-image:hover {transform:scale(1.035);} @media (max-width: 767px) { .atlas-author-box { max-width: none; margin: 17px 0 25px; padding: 15px 17px; } .atlas-related-articles { margin: 32px 0 22px; padding: 17px; } .atlas-related-heading { font-size: 20px; margin-bottom: 17px; } .atlas-related-grid { grid-template-columns: 1fr; gap: 15px; } .atlas-related-title { font-size: 15px; padding: 13px 15px; } .atlas-poll, .atlas-message-form, .atlas-quiz { width: 94%; padding: 21px; margin: 28px auto 34px; } }