.inkwell-feature-image {display: block; margin: auto; max-height: 350px;} .inkwell-quiz-answer.inkwell-quiz-correct { background: #2f9e62; border-color: #247a4b; color: #fff; } .inkwell-quiz-answer.inkwell-quiz-wrong { background: #f9d8dc; border-color: #eaaab3; color: #8b2635; } .inkwell-quiz-answer.inkwell-quiz-correct-hint { background: #d9efdf; border-color: #a8d4b4; color: #185b35; } .inkwell-quiz-question { margin: 22px 0;} .inkwell-quiz-question-text { margin-bottom: 16px; font-size: 18px; font-weight: 600; line-height: 1.48; } .inkwell-quiz-answers { display: flex; flex-direction: column; gap: 11px; } .inkwell-quiz-answer { display: block; width: 100%; padding: 13px 17px; border: 1px solid #d8cde2; border-radius: 10px; background: #fffbf7; color: #30283b; font-size: 16px; line-height: 1.4; text-align: left; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .inkwell-quiz-answer:hover:not(:disabled) { background: #f7eee8; border-color: #b998a8; } .inkwell-quiz-answer:disabled { cursor: default; opacity: 1; } .inkwell-quiz-explanation { margin-top: 13px; padding: 13px 16px; background: #fff1df; border-left: 4px solid #c27a49; border-radius: 5px; line-height: 1.52; } .inkwell-quiz-intro { margin: 0 0 20px; color: #665c70; font-size: 12px; font-style:italic; } .inkwell-quiz-result { margin-top: 26px; padding: 19px 21px; background: #f0ebfa; border: 1px solid #d8cbed; border-radius: 10px; font-size: 16px; line-height: 1.52; } .inkwell-quiz-result strong { display: block; margin-bottom: 7px; font-size: 18px; } .inkwell-quiz-result p {margin: 0;} #advertising {display:none;} .inkwell-author-note-title { margin-bottom: 7px;font-weight: 600;font-size: 0.9em;} .inkwell-author-note p {margin: 0;} .inkwell-article-discussion { margin: 34px 0;} .inkwell-article-discussion-title {margin-bottom: 17px;} .inkwell-discussion-item {margin: 0 0 15px; padding: 15px 19px; background: #f4edf7; border-radius: 8px;} .inkwell-discussion-answer { margin-left: 30px; border-left: 3px solid #705779;} .inkwell-discussion-meta { margin-bottom: 6px; font-size: 0.85em; font-weight: 600;} .inkwell-discussion-text { margin: 0;} #article-controls { --control-bg: #fbf7ef; --control-bg-hover: #f4ead8; --control-active-bg: #f0c98a; --control-active-bg-dark: #dfb36d; --control-border: #ddc8a5; --control-border-active: #b77e35; --control-text: #5b4630; --control-text-active: #422b17; --control-focus: rgba(183, 126, 53, 0.3); display: flex; flex-direction: column; gap: 13px; margin: 21px 0 25px; } .inkwell-article-control-group { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } .inkwell-article-control-label { margin-right: 5px; font-size: 14px; font-weight: 600; line-height: 1.4; color: #75634f; } .inkwell-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, 70, 48, 0.13), 0 1px 2px rgba(91, 70, 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; } .inkwell-article-control-button:hover:not(.inkwell-is-active) { background: var(--control-bg-hover); border-color: #c9a66e; box-shadow: 0 3px 7px rgba(91, 70, 48, 0.15), 0 1px 2px rgba(91, 70, 48, 0.08); transform: translateY(-1px); } .inkwell-article-control-button.inkwell-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, 56, 18, 0.18), inset 0 1px 2px rgba(93, 56, 18, 0.12); transform: translateY(1px); cursor: default; } .inkwell-article-control-button.inkwell-is-active:hover { background: var(--control-active-bg); border-color: var(--control-border-active); box-shadow: inset 0 2px 5px rgba(93, 56, 18, 0.18), inset 0 1px 2px rgba(93, 56, 18, 0.12); transform: translateY(1px); } .inkwell-article-control-button:focus { outline: none; } .inkwell-article-control-button:focus-visible { outline: 3px solid var(--control-focus); outline-offset: 2px; } .inkwell-article-control-button:active:not(.inkwell-is-active) { transform: translateY(1px); box-shadow: inset 0 1px 3px rgba(93, 56, 18, 0.16); } [hidden] { display: none !important;} .single .heading-title { padding-bottom: 0 !Important; margin-bottom: 0 !Important;} .single .post-content {padding: 0 3%;} .inkwell-article-author-box { width: 100%; max-width: 460px; margin: 0px 0 0px auto;; padding: 17px 19px; box-sizing: border-box; background: #f7f0e8; border: 1px solid #e1d2c2; border-radius: 11px; color: #5d5148; font-size: 14px; line-height: 1.56; } .inkwell-article-author-box .inkwell-meta-author { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #49372d; } .inkwell-article-author-box .inkwell-author-leading { font-weight: 400; color: #75685f; } .inkwell-article-author-box .inkwell-author-process { display: block; font-size: 13px; line-height: 1.5; color: #75685f; } .inkwell-article-author-box a { color: #9a4d45; text-decoration: none; } .inkwell-article-author-box a:hover { text-decoration: underline; } .inkwell-poll, .inkwell-visitor-message-form, .inkwell-quiz { width: 80%; max-width: 900px; margin: 34px auto 40px; padding: 26px 30px; box-sizing: border-box; background: #fff2e6; border: 1px solid #e8cdb7; border-radius: 15px; } .inkwell-poll-question { margin: 0 0 21px; font-size: 18px; font-weight: 600; line-height: 1.42; color: #4a2d27; } .inkwell-poll-answers { display: flex; flex-direction: column; gap: 13px; margin: 0 0 21px; } .inkwell-poll-option { display: flex; align-items: flex-start; gap: 11px; width: 100%; font-size: 16px; line-height: 1.42; color: #4d3833; cursor: pointer; } .inkwell-poll-option input[type="radio"] { width: 18px; height: 18px; margin: 3px 0 0; accent-color: #a85249; cursor: pointer; } .inkwell-visitor-message-form label { display: block; margin: 0 0 11px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #4a2d27; } .inkwell-visitor-message-form [data-message-text] { display: block; width: 100%; min-height: 154px; margin: 0 0 19px; padding: 13px 15px; box-sizing: border-box; border: 1px solid #e2c6b2; border-radius: 9px; background: #fffaf6; color: #4d3833; font-family: inherit; font-size: 16px; line-height: 1.52; resize: vertical; } .inkwell-visitor-message-form [data-message-text]:focus { outline: 2px solid #c77d70; outline-offset: 1px; } .inkwell-poll .inkwell-poll-submit, .inkwell-visitor-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: #a85249 !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; } .inkwell-poll .inkwell-poll-submit:hover, .inkwell-visitor-message-form [data-message-submit]:hover { background: #873f3b !important; color: #ffffff !important; } .inkwell-poll .inkwell-poll-submit:active, .inkwell-visitor-message-form [data-message-submit]:active { background: #703431 !important; } .inkwell-poll .inkwell-poll-submit:focus-visible, .inkwell-visitor-message-form [data-message-submit]:focus-visible { outline: 2px solid #c77d70; outline-offset: 2px; } .inkwell-poll-thanks, .inkwell-visitor-message-form [data-message-status]:not(:empty) { margin: 21px 0 0; padding: 14px 17px; background: #f8e6d2; border: 1px solid #e3c4a7; border-radius: 9px; font-size: 15px; font-weight: 600; line-height: 1.42; color: #814b32; } .inkwell-poll-thanks[hidden] { display: none; } .inkwell-poll.inkwell-poll-completed { background: #f3eee9; border-color: #ded1c7; } .inkwell-poll.inkwell-poll-completed .inkwell-poll-option { color: #766b66; cursor: default; } .inkwell-poll.inkwell-poll-completed .inkwell-poll-option input[type="radio"] { cursor: default; opacity: 0.75; } .inkwell-poll.inkwell-poll-completed .inkwell-poll-option:has(input[type="radio"]:checked) { color: #603c35; font-weight: 600; } .inkwell-poll .inkwell-poll-submit:disabled, .inkwell-visitor-message-form [data-message-submit]:disabled { background: #aa918c !important; color: #ffffff !important; cursor: default !important; opacity: 0.75; } .inkwell-poll .inkwell-poll-submit:disabled:hover, .inkwell-visitor-message-form [data-message-submit]:disabled:hover { background: #aa918c !important; color: #ffffff !important; } .inkwell-source-card { background: #f1f1fa; border: 1px solid #d8d8e8; border-left: 3px solid #7563a8; border-radius: 7px; padding: 15px 19px; margin: 17px 0; transition: border-color 0.2s ease, background 0.2s ease; } .inkwell-source-card:hover { background: #e9e9f5; border-left-color: #57478d; } .inkwell-source-card a { display: block; color: #57478d; font-size: 15px; font-weight: 600; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; } .inkwell-source-card a:hover { color: #3f326f; text-decoration: underline; } .inkwell-source-card p { margin: 8px 0 0; padding: 0; color: #68657d; font-size: 13px; line-height: 1.5; } .inkwell-source-card + .inkwell-source-card { margin-top: 13px; } .inkwell-related-articles { margin: 47px 0 27px; padding: 27px; background: #f2edf8; border: 1px solid #dad1e5; border-radius: 13px; box-shadow: 0 4px 16px rgba(64,45,84,0.08); } .inkwell-related-heading { display: flex; align-items: center; gap: 13px; margin: 0 0 23px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #3f304d; text-transform: none; } .inkwell-related-heading::before { content: ""; display: block; width: 6px; height: 27px; background: #a85249; border-radius: 4px; flex-shrink: 0; } .inkwell-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; } .inkwell-related-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fffaf6; border: 1px solid #d7c9dc; border-radius: 10px; box-shadow: 0 3px 9px rgba(63,48,77,0.11); color: #3f304d; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .inkwell-related-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #e8e1ed; border-bottom: 1px solid #d9cfdf; } .inkwell-related-title { display: block; flex-grow: 1; padding: 15px 16px 18px; font-size: 16px; font-weight: 600; line-height: 1.46; color: #473655; text-decoration: none; } .inkwell-related-card:hover { transform: translateY(-4px); border-color: #b68a9d; box-shadow: 0 8px 21px rgba(91,55,75,0.19); text-decoration: none; } .inkwell-related-card:hover .inkwell-related-title { color: #8d443f; } .inkwell-related-card:focus-visible { outline: 3px solid #a85249; outline-offset: 3px; } .inkwell-photo { display: block; width: fit-content; max-width: 100%; margin: 21px auto; overflow: hidden; border-radius: 17px; box-shadow: 0 5px 17px rgb(59 38 53 / 12%); transition: box-shadow 0.35s ease; } .inkwell-feature-image { display: block; margin: auto; max-width: 100%; max-height: 250px; width: auto; height: auto; transition: transform 0.45s ease; } .inkwell-photo:hover {box-shadow: 0 9px 25px rgb(59 38 53 / 18%);} .inkwell-feature-image:hover {transform:scale(1.035);} @media (max-width: 767px) { .inkwell-article-author-box { max-width: none; margin: 17px 0 25px; padding: 15px 17px; } .inkwell-related-articles { margin: 31px 0 21px; padding: 17px; } .inkwell-related-heading { font-size: 20px; margin-bottom: 17px; } .inkwell-related-grid { grid-template-columns: 1fr; gap: 15px; } .inkwell-related-title { font-size: 15px; padding: 13px 15px; } .inkwell-poll, .inkwell-visitor-message-form, .inkwell-quiz { width: 94%; padding: 21px; margin: 27px auto 33px; } }