.ember-picture-image {display: block; margin: auto; max-height: 350px;} .ember-quiz-answer.ember-state-correct { background: #28a745; border-color: #218838; color: #fff; } .ember-quiz-answer.ember-state-wrong { background: #f8d7da; border-color: #f1aeb5; color: #842029; } .ember-quiz-answer.ember-state-correct-hint { background: #d1e7dd; border-color: #a3cfbb; color: #0f5132; } .ember-quiz-question { margin: 22px 0;} .ember-quiz-question-text { margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 1.45; } .ember-quiz-answers { display: flex; flex-direction: column; gap: 11px; } .ember-quiz-answer { display: block; width: 100%; padding: 13px 17px; border: 1px solid #dfc5bb; border-radius: 10px; background: #fffdfb; color: #352b33; font-size: 16px; line-height: 1.4; text-align: left; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .ember-quiz-answer:hover:not(:disabled) { background: #f9eee8; border-color: #b87560; } .ember-quiz-answer:disabled { cursor: default; opacity: 1; } .ember-quiz-explanation { margin-top: 13px; padding: 13px 16px; background: #fbefe8; border-left: 4px solid #b87560; border-radius: 5px; line-height: 1.5; } .ember-quiz-intro { margin: 0 0 20px; color: #6d5a61; font-size: 12px; font-style:italic; } .ember-quiz-result { margin-top: 25px; padding: 19px 21px; background: #f8eee9; border: 1px solid #e0c9bf; border-radius: 10px; font-size: 16px; line-height: 1.5; } .ember-quiz-result strong { display: block; margin-bottom: 7px; font-size: 18px; } .ember-quiz-result p {margin: 0;} #advertising {display:none;} .ember-author-note-title { margin-bottom: 7px;font-weight: 600;font-size: 0.9em;} .ember-author-note p {margin: 0;} .ember-article-discussion { margin: 34px 0;} .ember-article-discussion-title {margin-bottom: 17px;} .ember-discussion-item {margin: 0 0 15px; padding: 15px 19px; background: #f8ece7; border-radius: 8px;} .ember-discussion-answer { margin-left: 30px; border-left: 3px solid #8c4a5f;} .ember-discussion-meta { margin-bottom: 6px; font-size: 0.85em; font-weight: 600;} .ember-discussion-text { margin: 0;} #article-controls { --control-bg: #fff8f3; --control-bg-hover: #f9eee8; --control-active-bg: #edc5b4; --control-active-bg-dark: #dfaf9c; --control-border: #e4c9bd; --control-border-active: #bd765f; --control-text: #60464c; --control-text-active: #45202f; --control-focus: rgba(184, 92, 56, 0.30); display: flex; flex-direction: column; gap: 13px; margin: 21px 0 25px; } .ember-control-group { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } .ember-control-label { margin-right: 5px; font-size: 14px; font-weight: 600; line-height: 1.4; color: #765d64; } .ember-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(83, 42, 48, 0.12), 0 1px 1px rgba(83, 42, 48, 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; } .ember-control-button:hover:not(.ember-control-active) { background: var(--control-bg-hover); border-color: #d19b88; box-shadow: 0 3px 7px rgba(83, 42, 48, 0.14), 0 1px 2px rgba(83, 42, 48, 0.08); transform: translateY(-1px); } .ember-control-button.ember-control-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(91, 43, 39, 0.18), inset 0 1px 2px rgba(91, 43, 39, 0.12); transform: translateY(1px); cursor: default; } .ember-control-button.ember-control-active:hover { background: var(--control-active-bg); border-color: var(--control-border-active); box-shadow: inset 0 2px 5px rgba(91, 43, 39, 0.18), inset 0 1px 2px rgba(91, 43, 39, 0.12); transform: translateY(1px); } .ember-control-button:focus { outline: none; } .ember-control-button:focus-visible { outline: 3px solid var(--control-focus); outline-offset: 2px; } .ember-control-button:active:not(.ember-control-active) { transform: translateY(1px); box-shadow: inset 0 1px 3px rgba(91, 43, 39, 0.15); } [hidden] { display: none !important;} .single .heading-title { padding-bottom: 0 !Important; margin-bottom: 0 !Important;} .single .post-content {padding: 0 3%;} .ember-author-box { width: 100%; max-width: 470px; margin: 0px 0 0px auto;; padding: 17px 19px; box-sizing: border-box; background: #fff4ee; border: 1px solid #e1c9bf; border-radius: 11px; color: #66545a; font-size: 14px; line-height: 1.55; } .ember-author-box .ember-meta-author { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #452d39; } .ember-author-box .ember-author-leading { font-weight: 400; color: #806c72; } .ember-author-box .ember-author-process { display: block; font-size: 13px; line-height: 1.5; color: #806c72; } .ember-author-box a { color: #9c4d39; text-decoration: none; } .ember-author-box a:hover { text-decoration: underline; } .ember-poll, .ember-message-form, .ember-quiz { width: 82%; max-width: 900px; margin: 34px auto 40px; padding: 25px 29px; box-sizing: border-box; background: #fff1ea; border: 1px solid #e5c8bc; border-radius: 16px; } .ember-poll-question { margin: 0 0 21px; font-size: 18px; font-weight: 600; line-height: 1.4; color: #452d39; } .ember-poll-answers { display: flex; flex-direction: column; gap: 13px; margin: 0 0 21px; } .ember-poll-option { display: flex; align-items: flex-start; gap: 11px; width: 100%; font-size: 16px; line-height: 1.4; color: #503c44; cursor: pointer; } .ember-poll-option input[type="radio"] { width: 18px; height: 18px; margin: 3px 0 0; accent-color: #ae5b42; cursor: pointer; } .ember-message-form label { display: block; margin: 0 0 11px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #452d39; } .ember-message-form [data-message-text] { display: block; width: 100%; min-height: 155px; margin: 0 0 19px; padding: 13px 15px; box-sizing: border-box; border: 1px solid #e1c4b8; border-radius: 9px; background: #fffdfb; color: #503c44; font-family: inherit; font-size: 16px; line-height: 1.5; resize: vertical; } .ember-message-form [data-message-text]:focus { outline: 2px solid #c9816b; outline-offset: 1px; } .ember-poll .ember-poll-submit, .ember-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: #a94f36 !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; } .ember-poll .ember-poll-submit:hover, .ember-message-form [data-message-submit]:hover { background: #873d2d !important; color: #ffffff !important; } .ember-poll .ember-poll-submit:active, .ember-message-form [data-message-submit]:active { background: #713126 !important; } .ember-poll .ember-poll-submit:focus-visible, .ember-message-form [data-message-submit]:focus-visible { outline: 2px solid #c9816b; outline-offset: 2px; } .ember-poll-thanks, .ember-message-form [data-message-status]:not(:empty) { margin: 21px 0 0; padding: 14px 17px; background: #fae7d6; border: 1px solid #e3c4ad; border-radius: 9px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #80412e; } .ember-poll-thanks[hidden] { display: none; } .ember-poll.ember-poll-completed { background: #f7eee9; border-color: #e0ccc4; } .ember-poll.ember-poll-completed .ember-poll-option { color: #806e70; cursor: default; } .ember-poll.ember-poll-completed .ember-poll-option input[type="radio"] { cursor: default; opacity: 0.75; } .ember-poll.ember-poll-completed .ember-poll-option:has(input[type="radio"]:checked) { color: #653c42; font-weight: 600; } .ember-poll .ember-poll-submit:disabled, .ember-message-form [data-message-submit]:disabled { background: #b49b94 !important; color: #ffffff !important; cursor: default !important; opacity: 0.75; } .ember-poll .ember-poll-submit:disabled:hover, .ember-message-form [data-message-submit]:disabled:hover { background: #b49b94 !important; color: #ffffff !important; } .ember-source-card { background: #fff7ef; border: 1px solid #ead8ce; border-left: 4px solid #bd765f; border-radius: 8px; padding: 15px 19px; margin: 17px 0; transition: border-color 0.2s ease, background 0.2s ease; } .ember-source-card:hover { background: #fceee5; border-left-color: #8f4937; } .ember-source-card a { display: block; color: #91422f; font-size: 15px; font-weight: 600; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; } .ember-source-card a:hover { color: #6d3028; text-decoration: underline; } .ember-source-card p { margin: 8px 0 0; padding: 0; color: #806d70; font-size: 13px; line-height: 1.5; } .ember-source-card + .ember-source-card { margin-top: 13px; } .ember-related-articles { margin: 47px 0 27px; padding: 26px; background: #fff0e8; border: 1px solid #e4d0c6; border-radius: 14px; box-shadow: 0 4px 16px rgba(76,37,42,0.08); } .ember-related-heading { display: flex; align-items: center; gap: 13px; margin: 0 0 23px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #493541; text-transform: none; } .ember-related-heading::before { content: ""; display: block; width: 6px; height: 27px; background: #b2553f; border-radius: 4px; flex-shrink: 0; } .ember-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; } .ember-related-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fffdfb; border: 1px solid #e1cfc7; border-radius: 10px; box-shadow: 0 3px 9px rgba(76,44,49,0.11); color: #493541; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .ember-related-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #f1ddd4; border-bottom: 1px solid #e6d4cd; } .ember-related-title { display: block; flex-grow: 1; padding: 15px 16px 18px; font-size: 16px; font-weight: 600; line-height: 1.45; color: #543844; text-decoration: none; } .ember-related-card:hover { transform: translateY(-4px); border-color: #cc8069; box-shadow: 0 8px 21px rgba(102,56,57,0.19); text-decoration: none; } .ember-related-card:hover .ember-related-title { color: #913f31; } .ember-related-card:focus-visible { outline: 3px solid #b2553f; outline-offset: 3px; } .ember-photo { display: block; width: fit-content; max-width: 100%; margin: 21px auto; overflow: hidden; border-radius: 17px; box-shadow: 0 5px 17px rgb(76 37 42 / 12%); transition: box-shadow 0.35s ease; } .ember-picture-image { display: block; margin: auto; max-width: 100%; max-height: 250px; width: auto; height: auto; transition: transform 0.45s ease; } .ember-photo:hover {box-shadow: 0 9px 25px rgb(76 37 42 / 18%);} .ember-picture-image:hover {transform:scale(1.035);} @media (max-width: 767px) { .ember-author-box { max-width: none; margin: 17px 0 25px; padding: 15px 17px; } .ember-related-articles { margin: 31px 0 21px; padding: 17px; } .ember-related-heading { font-size: 20px; margin-bottom: 17px; } .ember-related-grid { grid-template-columns: 1fr; gap: 15px; } .ember-related-title { font-size: 15px; padding: 13px 15px; } .ember-poll, .ember-message-form, .ember-quiz { width: 95%; padding: 21px; margin: 27px auto 33px; } }