.lumen-image {display: block; margin: auto; max-height: 350px;} .lumen-quiz-answer.lumen-quiz-correct { background: #218a5a; border-color: #176b45; color: #fff; } .lumen-quiz-answer.lumen-quiz-wrong { background: #f9d6da; border-color: #e8aab2; color: #7d2430; } .lumen-quiz-answer.lumen-quiz-correct-hint { background: #d8efdf; border-color: #a9d5b8; color: #185b36; } .lumen-quiz-question { margin: 22px 0;} .lumen-quiz-question-text { margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 1.45; } .lumen-quiz-answers { display: flex; flex-direction: column; gap: 11px; } .lumen-quiz-answer { display: block; width: 100%; padding: 13px 17px; border: 1px solid #d9d1e4; border-radius: 9px; background: #fffaff; color: #29243a; font-size: 16px; line-height: 1.4; text-align: left; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .lumen-quiz-answer:hover:not(:disabled) { background: #f2edfa; border-color: #aa98c5; } .lumen-quiz-answer:disabled { cursor: default; opacity: 1; } .lumen-quiz-explanation { margin-top: 13px; padding: 13px 16px; background: #f2edf8; border-left: 4px solid #8d72b4; border-radius: 5px; line-height: 1.5; } .lumen-quiz-intro { margin: 0 0 20px; color: #655e73; font-size: 12px; font-style:italic; } .lumen-quiz-result { margin-top: 25px; padding: 19px 21px; background: #eeeafa; border: 1px solid #d7cee5; border-radius: 9px; font-size: 16px; line-height: 1.5; } .lumen-quiz-result strong { display: block; margin-bottom: 7px; font-size: 18px; } .lumen-quiz-result p {margin: 0;} #advertising {display:none;} .lumen-author-note-title { margin-bottom: 7px;font-weight: 600;font-size: 0.9em;} .lumen-author-note p {margin: 0;} .lumen-article-discussion { margin: 34px 0;} .lumen-article-discussion-title {margin-bottom: 17px;} .lumen-discussion-item {margin: 0 0 15px; padding: 15px 19px; background: #f1edf8; border-radius: 7px;} .lumen-discussion-answer { margin-left: 30px; border-left: 3px solid #77628e;} .lumen-discussion-meta { margin-bottom: 6px; font-size: 0.85em; font-weight: 600;} .lumen-discussion-text { margin: 0;} #article-controls { --lumen-control-bg: #f8f5ff; --lumen-control-bg-hover: #f0ebff; --lumen-control-active-bg: #d8cdf5; --lumen-control-active-bg-dark: #c9b8ed; --lumen-control-border: #d9d0ed; --lumen-control-border-active: #9b82d0; --lumen-control-text: #4f4664; --lumen-control-text-active: #30234f; --lumen-control-focus: rgba(109, 79, 194, 0.28); display: flex; flex-direction: column; gap: 13px; margin: 21px 0 25px; } .lumen-control-group { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } .lumen-control-label { margin-right: 5px; font-size: 14px; font-weight: 600; line-height: 1.4; color: #665b79; } .lumen-control-button { appearance: none; min-height: 39px; padding: 8px 16px; border: 1px solid var(--lumen-control-border); border-radius: 9px; background: var(--lumen-control-bg); color: var(--lumen-control-text); font: inherit; font-size: 14px; font-weight: 500; line-height: 1.3; cursor: pointer; box-shadow: 0 2px 5px rgba(58, 35, 100, 0.12), 0 1px 2px rgba(58, 35, 100, 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; } .lumen-control-button:hover:not(.lumen-is-active) { background: var(--lumen-control-bg-hover); border-color: #b9a8dc; box-shadow: 0 3px 7px rgba(58, 35, 100, 0.14), 0 1px 2px rgba(58, 35, 100, 0.08); transform: translateY(-1px); } .lumen-control-button.lumen-is-active { background: var(--lumen-control-active-bg); border-color: var(--lumen-control-border-active); color: var(--lumen-control-text-active); font-weight: 600; box-shadow: inset 0 2px 5px rgba(55, 35, 100, 0.18), inset 0 1px 2px rgba(55, 35, 100, 0.12); transform: translateY(1px); cursor: default; } .lumen-control-button.lumen-is-active:hover { background: var(--lumen-control-active-bg); border-color: var(--lumen-control-border-active); box-shadow: inset 0 2px 5px rgba(55, 35, 100, 0.18), inset 0 1px 2px rgba(55, 35, 100, 0.12); transform: translateY(1px); } .lumen-control-button:focus { outline: none; } .lumen-control-button:focus-visible { outline: 3px solid var(--lumen-control-focus); outline-offset: 2px; } .lumen-control-button:active:not(.lumen-is-active) { transform: translateY(1px); box-shadow: inset 0 1px 4px rgba(55, 35, 100, 0.15); } [hidden] { display: none !important;} .single .heading-title { padding-bottom: 0 !Important; margin-bottom: 0 !Important;} .single .post-content {padding: 0 3%;} .lumen-author-box { width: 100%; max-width: 460px; margin: 0px 0 0px auto;; padding: 17px 19px; box-sizing: border-box; background: #f5f1fb; border: 1px solid #ded5e9; border-radius: 11px; color: #5a5264; font-size: 14px; line-height: 1.55; } .lumen-author-box .lumen-meta-author { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #352b48; } .lumen-author-box .lumen-author-leading { font-weight: 400; color: #756c7e; } .lumen-author-box .lumen-author-process { display: block; font-size: 13px; line-height: 1.5; color: #756c7e; } .lumen-author-box a { color: #6846a3; text-decoration: none; } .lumen-author-box a:hover { text-decoration: underline; } .lumen-poll, .lumen-message-form, .lumen-quiz { width: 80%; max-width: 900px; margin: 34px auto 40px; padding: 25px 29px; box-sizing: border-box; background: #f3efff; border: 1px solid #d8cdf0; border-radius: 15px; } .lumen-poll-question { margin: 0 0 21px; font-size: 18px; font-weight: 600; line-height: 1.4; color: #30234f; } .lumen-poll-answers { display: flex; flex-direction: column; gap: 13px; margin: 0 0 21px; } .lumen-poll-option { display: flex; align-items: flex-start; gap: 11px; width: 100%; font-size: 16px; line-height: 1.4; color: #3b324b; cursor: pointer; } .lumen-poll-option input[type="radio"] { width: 17px; height: 17px; margin: 3px 0 0; accent-color: #7652c7; cursor: pointer; } .lumen-message-form label { display: block; margin: 0 0 11px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #30234f; } .lumen-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 #d8cdf0; border-radius: 9px; background: #fffaff; color: #3b324b; font-family: inherit; font-size: 16px; line-height: 1.5; resize: vertical; } .lumen-message-form [data-message-text]:focus { outline: 2px solid #9b82d0; outline-offset: 1px; } .lumen-poll .lumen-poll-submit, .lumen-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: #7652c7 !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; } .lumen-poll .lumen-poll-submit:hover, .lumen-message-form [data-message-submit]:hover { background: #6040ad !important; color: #ffffff !important; } .lumen-poll .lumen-poll-submit:active, .lumen-message-form [data-message-submit]:active { background: #4e3394 !important; } .lumen-poll .lumen-poll-submit:focus-visible, .lumen-message-form [data-message-submit]:focus-visible { outline: 2px solid #9b82d0; outline-offset: 2px; } .lumen-poll-thanks, .lumen-message-form [data-message-status]:not(:empty) { margin: 21px 0 0; padding: 14px 17px; background: #eee8ff; border: 1px solid #d7c9ef; border-radius: 9px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #563c94; } .lumen-poll-thanks[hidden] { display: none; } .lumen-poll.lumen-poll-completed { background: #f4f1f8; border-color: #dcd5e5; } .lumen-poll.lumen-poll-completed .lumen-poll-option { color: #777180; cursor: default; } .lumen-poll.lumen-poll-completed .lumen-poll-option input[type="radio"] { cursor: default; opacity: 0.75; } .lumen-poll.lumen-poll-completed .lumen-poll-option:has(input[type="radio"]:checked) { color: #493b63; font-weight: 600; } .lumen-poll .lumen-poll-submit:disabled, .lumen-message-form [data-message-submit]:disabled { background: #9b91aa !important; color: #ffffff !important; cursor: default !important; opacity: 0.75; } .lumen-poll .lumen-poll-submit:disabled:hover, .lumen-message-form [data-message-submit]:disabled:hover { background: #9b91aa !important; color: #ffffff !important; } .lumen-source-card { background: #fff7ed; border: 1px solid #f1dfc8; border-left: 3px solid #c27a3a; border-radius: 7px; padding: 15px 19px; margin: 17px 0; transition: border-color 0.2s ease, background 0.2s ease; } .lumen-source-card:hover { background: #fff0dc; border-left-color: #9d5b26; } .lumen-source-card a { display: block; color: #9d5b26; font-size: 15px; font-weight: 600; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; } .lumen-source-card a:hover { color: #764117; text-decoration: underline; } .lumen-source-card p { margin: 8px 0 0; padding: 0; color: #76685d; font-size: 13px; line-height: 1.5; } .lumen-source-card + .lumen-source-card { margin-top: 13px; } .lumen-related-articles { margin: 47px 0 27px; padding: 26px; background: #f5f0ff; border: 1px solid #ddd2f0; border-radius: 13px; box-shadow: 0 4px 16px rgba(57, 35, 95, 0.08); } .lumen-related-heading { display: flex; align-items: center; gap: 13px; margin: 0 0 23px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #3b3153; text-transform: none; } .lumen-related-heading::before { content: ""; display: block; width: 5px; height: 27px; background: #7652c7; border-radius: 3px; flex-shrink: 0; } .lumen-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; } .lumen-related-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fffaff; border: 1px solid #d8cde6; border-radius: 10px; box-shadow: 0 3px 9px rgba(57, 35, 95, 0.11); color: #3b3153; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .lumen-related-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #eee7f8; border-bottom: 1px solid #e1d8eb; } .lumen-related-title { display: block; flex-grow: 1; padding: 15px 16px 18px; font-size: 16px; font-weight: 600; line-height: 1.45; color: #44375d; text-decoration: none; } .lumen-related-card:hover { transform: translateY(-4px); border-color: #9e83d0; box-shadow: 0 8px 21px rgba(75, 45, 135, 0.19); text-decoration: none; } .lumen-related-card:hover .lumen-related-title { color: #6846a3; } .lumen-related-card:focus-visible { outline: 3px solid #7652c7; outline-offset: 3px; } .lumen-photo { display: block; width: fit-content; max-width: 100%; margin: 21px auto; overflow: hidden; border-radius: 17px; box-shadow: 0 5px 17px rgb(49 32 73 / 12%); transition: box-shadow 0.35s ease; } .lumen-image { display: block; margin: auto; max-width: 100%; max-height: 250px; width: auto; height: auto; transition: transform 0.45s ease; } .lumen-photo:hover {box-shadow: 0 9px 25px rgb(49 32 73 / 18%);} .lumen-image:hover {transform:scale(1.035);} @media (max-width: 767px) { .lumen-author-box { max-width: none; margin: 17px 0 25px; padding: 15px 17px; } .lumen-related-articles { margin: 31px 0 21px; padding: 17px; } .lumen-related-heading { font-size: 20px; margin-bottom: 17px; } .lumen-related-grid { grid-template-columns: 1fr; gap: 15px; } .lumen-related-title { font-size: 15px; padding: 13px 15px; } .lumen-poll, .lumen-message-form, .lumen-quiz { width: 94%; padding: 21px; margin: 27px auto 33px; } }