/* wiki.dad-look.com - Dadipedia, a parody encyclopedia layout */
body { margin: 0; background: #ffffff; color: #202122; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Lato, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; }
[hidden] { display: none !important; }
a { color: #3366cc; text-decoration: none; }
a:hover { text-decoration: underline; }
a.new { color: #d73333; }
a.external::after { content: " \2197"; font-size: 0.75em; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid #3366cc; outline-offset: 2px; }
.wk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
.wk-note { font-size: 13px; color: #54595d; }

/* Donation banner */
.wk-banner { background: #fef6e7; border-bottom: 1px solid #fc3; }
.wk-banner-inner { max-width: 1100px; margin: 0 auto; padding: 18px 24px; display: flex; flex-direction: column; gap: 8px; }
.wk-banner-kicker { margin: 0; font-size: 13px; font-weight: 700; color: #54595d; text-transform: uppercase; letter-spacing: 0.04em; }
.wk-banner-text { margin: 0; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.5; }
.wk-banner-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.wk-banner-give { background: #3366cc; color: #ffffff; font-weight: 700; padding: 10px 18px; border-radius: 4px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; }
.wk-banner-give:hover { background: #2a4b8d; text-decoration: none; }
.wk-banner-later { background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; font: inherit; font-weight: 700; color: #202122; padding: 10px 18px; min-height: 44px; cursor: pointer; }

/* Header */
.wk-header { max-width: 1100px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; gap: 16px; }
.wk-logo { display: flex; align-items: center; gap: 10px; color: #202122; }
.wk-logo:hover { text-decoration: none; }
.wk-logo-mark { width: 50px; height: 50px; flex: 0 0 auto; }
.wk-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.wk-logo-name { font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 24px; letter-spacing: 0.02em; }
.wk-logo-tag { font-size: 12px; color: #54595d; }
.wk-search { flex: 1 1 auto; max-width: 480px; margin-left: auto; display: flex; }
.wk-search input { flex: 1 1 auto; min-width: 0; border: 1px solid #a2a9b1; border-right: 0; border-radius: 2px 0 0 2px; padding: 8px 10px; font: inherit; font-size: 15px; }
.wk-search button { border: 1px solid #a2a9b1; background: #f8f9fa; border-radius: 0 2px 2px 0; font: inherit; font-size: 15px; font-weight: 700; padding: 8px 14px; cursor: pointer; }
.wk-search button:hover { background: #ffffff; }

/* Menu, only on narrow screens */
.wk-menu { display: none; position: relative; }
.wk-menu summary { list-style: none; width: 44px; height: 44px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; cursor: pointer; }
.wk-menu summary::-webkit-details-marker { display: none; }
.wk-menu summary span { width: 20px; height: 2px; background: #202122; }
.wk-menu-panel { position: absolute; top: 48px; left: 0; z-index: 20; background: #ffffff; border: 1px solid #a2a9b1; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); padding: 8px 16px; width: 220px; }

/* Layout */
.wk-layout { max-width: 1100px; margin: 0 auto; padding: 0 24px 48px; display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 32px; }
.wk-sidebar { font-size: 14px; padding-top: 8px; }
.wk-nav { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.wk-languages { margin-top: 24px; padding-top: 12px; border-top: 1px solid #c8ccd1; }
.wk-languages h2 { margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #54595d; }
.wk-languages ul { margin: 0 0 8px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.wk-main { min-width: 0; }

/* Tabs and title */
.wk-tabs { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; border-bottom: 1px solid #a2a9b1; font-size: 14px; }
.wk-tabs nav { display: flex; gap: 2px; }
.wk-tabs a, .wk-tabs span { padding: 8px 10px 6px; color: #3366cc; border-bottom: 2px solid transparent; }
.wk-tabs .is-active { color: #202122; border-bottom-color: #202122; }
.wk-title-row { display: flex; align-items: center; gap: 10px; padding: 18px 0 4px; border-bottom: 1px solid #a2a9b1; }
.wk-title { margin: 0; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 32px; font-weight: 400; line-height: 1.25; }
.wk-featured svg { width: 22px; height: 22px; fill: #c90; display: block; }
.wk-from { margin: 6px 0 12px; font-size: 14px; color: #54595d; }
.wk-hatnote { margin: 0 0 12px 24px; font-style: italic; font-size: 15px; }
.wk-issues, .wk-protected { margin: 12px 0; padding: 10px 14px; background: #fef6e7; border: 1px solid #a2a9b1; border-left: 8px solid #fc3; font-size: 14px; }
.wk-protected { border-left-color: #d73333; background: #fee7e6; }
.wk-issues p, .wk-protected p { margin: 0 0 4px; }
.wk-issues ul { margin: 4px 0 0; padding-left: 20px; }

/* Article */
.wk-article::after { content: ""; display: table; clear: both; }
.wk-article h2 { margin: 24px 0 8px; padding-bottom: 2px; border-bottom: 1px solid #a2a9b1; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 25px; font-weight: 400; line-height: 1.3; }
.wk-edit-link { margin-left: 10px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 13px; color: #54595d; }
.wk-article p, .wk-section > p { margin: 8px 0; }
.wk-lead { margin-top: 4px; }
.wk-ref, .wk-cn { font-size: 0.75em; line-height: 1; white-space: nowrap; }
.wk-cn i { font-style: italic; }
.wk-cn a { color: #3366cc; }

/* Infobox */
.wk-infobox { float: right; clear: right; width: 290px; margin: 4px 0 16px 24px; border: 1px solid #a2a9b1; background: #f8f9fa; font-size: 14px; line-height: 1.45; border-collapse: collapse; }
.wk-infobox caption { padding: 8px; font-size: 17px; font-weight: 700; text-align: center; }
.wk-infobox th, .wk-infobox td { padding: 4px 8px; text-align: left; vertical-align: top; }
.wk-infobox th { width: 38%; }
.wk-infobox-image { text-align: center; }
.wk-infobox-image img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.wk-infobox-caption { margin-top: 4px; font-size: 13px; color: #54595d; }

/* Contents box */
.wk-toc { display: inline-block; margin: 12px 0; padding: 8px 16px 10px; background: #f8f9fa; border: 1px solid #a2a9b1; font-size: 14px; }
.wk-toc h2 { margin: 0 0 4px; font-size: 14px; font-weight: 700; text-align: center; border: 0; font-family: inherit; }
.wk-toc ol { margin: 0; padding: 0; list-style: none; }
.wk-toc-number { color: #202122; margin-right: 4px; }

/* Tables, references, categories */
.wk-table { border-collapse: collapse; margin: 12px 0; font-size: 14px; background: #f8f9fa; max-width: 100%; display: block; overflow-x: auto; }
.wk-table th, .wk-table td { border: 1px solid #a2a9b1; padding: 6px 10px; text-align: left; vertical-align: top; }
.wk-table th { background: #eaecf0; }
.wk-numbers { display: table; }
.wk-references { font-size: 14px; padding-left: 28px; }
.wk-references li:target { background: #eaf3ff; }
.wk-categories { clear: both; margin-top: 24px; padding: 8px 12px; border: 1px solid #a2a9b1; background: #f8f9fa; font-size: 14px; }

/* Talk, history, source */
.wk-comment { margin-left: calc(var(--depth, 0) * 24px); padding: 4px 0 4px 12px; border-left: 2px solid #eaecf0; }
.wk-comment p { margin: 4px 0; }
.wk-signature { font-size: 14px; color: #54595d; }
.wk-history { padding-left: 20px; font-size: 14px; }
.wk-history li { margin: 6px 0; }
.wk-history-links { color: #72777d; }
.wk-history-size.is-plus { color: #006400; font-weight: 700; }
.wk-history-size.is-minus { color: #8b0000; font-weight: 700; }
.wk-source { width: 100%; box-sizing: border-box; font-family: Menlo, Consolas, monospace; font-size: 13px; border: 1px solid #a2a9b1; padding: 10px; background: #f8f9fa; }
.wk-results { padding-left: 20px; }
.wk-results p { margin: 2px 0 10px; font-size: 14px; color: #54595d; }
.wk-did-you-mean { font-size: 17px; }

/* Main page */
.wk-welcome { margin: 16px 0; padding: 18px 20px; background: #f6f6f6; border: 1px solid #c8ccd1; text-align: center; }
.wk-welcome h2 { margin: 0; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 400; }
.wk-welcome p { margin: 2px 0; }
.wk-welcome-count { font-size: 14px; color: #54595d; }
.wk-main-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wk-box { border: 1px solid #a2a9b1; margin-bottom: 0; }
.wk-box h2 { margin: 0; padding: 4px 10px; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; border-bottom: 1px solid #a2a9b1; }
.wk-box-featured h2 { background: #cef2e0; }
.wk-box-news h2 { background: #cedff2; }
.wk-box-dyk h2 { background: #cef2e0; }
.wk-box-day h2 { background: #cedff2; }
.wk-box-picture { margin-top: 16px; }
.wk-box-picture h2 { background: #ddcef2; }
.wk-box-body { margin: 0; padding: 10px 14px; font-size: 15px; }
ul.wk-box-body { padding-left: 32px; }
.wk-box-body li { margin: 4px 0; }
.wk-box-image { float: left; width: 140px; height: auto; margin: 4px 12px 4px 0; }
.wk-box-picture img { width: 100%; max-height: 420px; object-fit: cover; display: block; }

/* Link preview on hover */
.wk-popup { position: absolute; z-index: 30; width: 320px; background: #ffffff; border: 1px solid #a2a9b1; box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden; font-size: 14px; line-height: 1.5; }
.wk-popup img { width: 100%; height: 160px; object-fit: cover; display: block; }
.wk-popup-body { padding: 12px 16px 14px; }
.wk-popup-body strong { display: block; font-size: 16px; margin-bottom: 4px; }
.wk-popup-body p { margin: 0; color: #202122; }

/* Call to action */
.wk-cta { clear: both; margin: 36px 0 0; padding: 32px 24px; background: #eaf3ff; border: 1px solid #a3c2f0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.wk-cta h2 { margin: 0; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-size: 28px; font-weight: 400; }
.wk-cta p { margin: 0; font-size: 17px; }
.wk-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; box-sizing: border-box; width: 100%; max-width: 520px; min-height: 72px; padding: 18px 24px; background: #3366cc; color: #ffffff; font-size: 22px; font-weight: 700; border-radius: 4px; }
.wk-cta-button:hover { background: #2a4b8d; text-decoration: none; }
.wk-cta-arrow { display: inline-block; }
.wk-main .more { margin-top: 28px; }

/* Footer */
.wk-footer { margin-top: 28px; padding-top: 12px; border-top: 1px solid #a2a9b1; font-size: 13px; color: #54595d; }
.wk-footer p { margin: 4px 0; }

@media (max-width: 800px) {
	.wk-layout { grid-template-columns: 1fr; padding: 0 16px 40px; }
	.wk-sidebar { display: none; }
	.wk-menu { display: block; }
	.wk-header { padding: 10px 16px; flex-wrap: wrap; }
	.wk-search { order: 3; flex-basis: 100%; max-width: none; margin-left: 0; }
	.wk-banner-inner { padding: 14px 16px; }
	.wk-banner-text { font-size: 16px; }
	.wk-infobox { float: none; width: 100%; margin: 8px 0 16px; }
	.wk-main-grid { grid-template-columns: 1fr; }
	.wk-title { font-size: 27px; }
	.wk-cta-button { font-size: 18px; min-height: 64px; }
}

/* Animations - only with JavaScript and when the visitor allows motion */
@media (prefers-reduced-motion: no-preference) {
	.js .wk-banner { animation: wk-slide 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
	.wk-banner.is-closing { animation: wk-close 0.35s ease both; }
	.js .wk-main > * { animation: wk-fade 0.5s ease both; }
	.js .wk-infobox { animation: wk-fade 0.6s 0.15s ease both; }
	.wk-cn a { display: inline-block; transition: transform 0.15s ease; }
	.wk-cn:hover a { animation: wk-wiggle 0.4s ease; }
	.wk-popup:not([hidden]) { animation: wk-pop 0.18s ease both; }
	.wk-featured svg { animation: wk-shine 3s 1s ease-in-out infinite; }
	.wk-cta-button { animation: wk-glow 2.2s ease-in-out infinite; transition: transform 0.15s ease; }
	.wk-cta-button:hover { transform: scale(1.02); }
	.wk-cta-arrow { animation: wk-nudge 1.1s ease-in-out infinite; }
}

@keyframes wk-slide { from { transform: translateY(-100%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes wk-close { to { transform: translateY(-100%); opacity: 0; } }
@keyframes wk-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes wk-wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-4deg); } 75% { transform: rotate(4deg); } }
@keyframes wk-pop { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes wk-shine { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15) rotate(8deg); } }
@keyframes wk-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(51, 102, 204, 0.45); } 50% { box-shadow: 0 0 0 12px rgba(51, 102, 204, 0); } }
@keyframes wk-nudge { 0%, 100% { transform: none; } 50% { transform: translateX(8px); } }