/* Wyłącznie wygląd dotychczasowych szablonów i kontrolek. */
.original-refresh .site-sidebar { font-size: 15px; line-height: 1.5; }
.original-refresh .site-sidebar h3 { font-size: 18px !important; line-height: 1.35; }
.original-refresh .site-sidebar .text-xs,
.original-refresh .site-sidebar [class~="text-[11px]"] { font-size: 14px !important; line-height: 1.5; }
.original-refresh .site-sidebar [class~="text-[10px]"] { font-size: 12px; line-height: 1.5; }
.original-refresh .site-sidebar button[class~="text-[9px]"] { font-size: 13px; min-width: 36px; }
.original-refresh .site-sidebar input { font-size: 16px !important; }
.original-refresh .site-sidebar #popular-tags a { font-size: 13px; padding: 5px 8px; }
.original-refresh .site-sidebar :is(#most-read, #most-voted) > div { padding-block: 3px; }
.original-refresh .site-sidebar #latest-comments > div { padding-block: 4px; }
.original-refresh .site-sidebar #latest-comments .flex.items-center { flex-wrap: wrap; }
.original-refresh .site-sidebar :is(#most-read, #most-voted) > div > span { flex-shrink: 0; width: auto; min-width: 16px; }
.original-refresh > header .header-account { gap: 10px; font-size: 13px; }
.original-refresh > header .header-account > * { margin-inline: 0; }
.original-refresh > header .header-account a,
.original-refresh > header .header-account button { min-height: 34px; font-size: 13px; line-height: 1.3; }
.original-refresh > header .header-account > a:not(.listen-nav-mobile),
.original-refresh > header .header-account > div > button { display: inline-flex; align-items: center; justify-content: center; }
.original-refresh > header .header-account .btn-accent { padding: 7px 12px; border-radius: 8px; box-shadow: none; }
.original-refresh > header .header-account > a > svg { width: 20px; height: 20px; }
.original-refresh > header .header-account-dropdown { width: 176px; padding: 4px; border-color: #d7ded6; border-radius: 10px; box-shadow: 0 6px 20px #243e3014; }
.original-refresh > header .header-account-dropdown a,
.original-refresh > header .header-account-dropdown button { padding: 7px 10px; border-radius: 6px; }
.original-refresh > header .header-account-dropdown hr { margin: 4px 6px; border-color: #d7ded6; }
@media(max-width:767px) {
    .original-refresh > header .header-account { gap: 6px; }
    .original-refresh > header .header-account a,
    .original-refresh > header .header-account button { min-height: 44px; }
    .original-refresh > header .header-account > a:has(svg) { min-width: 44px; }
    .original-refresh > header .header-account .btn-accent { padding-inline: 10px; }
}
.original-refresh .site-presence { margin: 24px 0 0; background: #eeeee5; border-color: #dce1d9; }
.original-refresh .site-presence > .container { padding-block: 10px; }
.original-refresh .site-presence > .container > div { flex-wrap: wrap; font-size: 12px; line-height: 1.6; color: #606962; overflow-wrap: anywhere; }
.original-refresh .site-footer { min-height: 0; background: #eeeee5; border-color: #dce1d9; }
.original-refresh .site-footer > .container { padding-block: 8px; }
.original-refresh .site-footer > .container > div { gap: 4px 20px; font-size: 12px; line-height: 1.5; color: #606962; }
.original-refresh .site-footer .font-display { font: 600 20px/1.2 Georgia, serif; color: #245747; }
.original-refresh .site-footer nav { flex-wrap: wrap; justify-content: center; gap: 0 4px; }
.original-refresh .site-footer nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 10px; color: #4c5b51; border-radius: 6px; }
.original-refresh .site-footer nav a:hover { background: #dde5da; color: #193f34; }
@media(max-width:639px) {
    .original-refresh .site-footer > .container { padding-block: 12px 6px; }
    .original-refresh .site-footer > .container > div { gap: 4px; }
}
.original-refresh .listen-nav-mobile { display: none; }
@media(min-width:768px) {
    .original-refresh .listen-nav-desktop { position: relative; color: #245747; font-weight: 600; }
    .original-refresh .listen-nav-desktop::after { content: ''; position: absolute; pointer-events: none; left: 0; right: 0; bottom: 5px; height: 2px; border-radius: 2px; background: currentColor; transform: scaleX(.45); opacity: .5; }
}
@media(min-width:768px) and (prefers-reduced-motion:no-preference) {
    .original-refresh .listen-nav-desktop::after { animation: listen-nav-pulse 3s ease-in-out infinite; }
    .original-refresh .listen-nav-desktop:is(:hover,:focus-visible)::after { animation-play-state: paused; }
}
@keyframes listen-nav-pulse {
    0%,100% { transform: scaleX(.45); opacity: .35; }
    50% { transform: scaleX(1); opacity: 1; }
}
@media(max-width:767px) {
    .original-refresh > header .listen-nav-desktop { display: none; }
    .original-refresh .listen-nav-mobile { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
}
.original-refresh {
    --color-accent: #245747; --color-accent-light: #316c58; --color-accent-dark: #193f34;
    --color-gold: #245747; --color-gold-dark: #193f34; --color-gold-light: #316c58;
    --color-ink: #292e2b; --color-cream: #f6f5ef; --color-parchment: #eeeee5;
    --color-hover: #245747; --border-gold: #d7ded6;
    --gradient-gold: linear-gradient(#245747, #245747);
    background: #f6f5ef; color: #292e2b;
    font-family: Inter, sans-serif;
}
.original-refresh .container { max-width: 1260px; }
.original-refresh > header { height: auto; min-height: 88px; background: #fafaf6; border-bottom: 1px solid #dce1d9; box-shadow: none; }
.original-refresh > header > div > div { min-height: 88px; flex-wrap: wrap; gap: 16px; padding-block: 14px; }
.original-refresh > header nav { display: flex; gap: 24px; margin: 0; }
.original-refresh > header nav a { margin: 0; }
.original-refresh > header a, .original-refresh > header button { min-height: 40px; align-content: center; }
.original-refresh > header a > .font-display { font-family: Georgia, serif; font-size: 36px; }
.original-refresh > header a > .bg-gradient-to-r { display: none; }
.original-refresh [class*="text-[#C9A227]"] { color: #245747; }
.original-refresh [class*="text-[#3B342A]"] { color: #292e2b; }
.original-refresh [class*="border-[#C9A227]"] { border-color: #d7ded6; }
.original-refresh [class*="bg-[#C9A227]"] { background-color: #e5ece5; }
.original-refresh :is([class~="bg-[#C9A227]"], .bg-indigo-600, .bg-teal-600) { background-color: #245747; color: #fff; }
.original-refresh [class*="bg-[#F5F0E6]"] { background-color: #eeeee5; }
.original-refresh :is(.text-gray-300, .text-gray-400, .text-gray-500) { color: #606962; }
.original-refresh :is(.btn-accent, .fab-add) { background: #245747; color: #fff; box-shadow: none; }
.original-refresh .btn-accent:hover { background: #193f34; transform: none; }
.original-refresh :is(.shadow, .shadow-lg, .shadow-md) { box-shadow: 0 2px 8px #293b2e06; }
.original-refresh main :is(article.bg-white, form.bg-white, aside .bg-white) { border: 1px solid #dce1d9; border-radius: 16px; background: #fffefa; }
.original-refresh main h1 { letter-spacing: -.025em; line-height: 1.2; }
.original-refresh main h2 { letter-spacing: -.015em; }
.original-refresh .original-release { font-size: 11px; color: #606962; margin: 0 0 20px; }
.original-refresh .original-intro { margin: 16px 0 32px; }
.original-refresh .original-intro h1 { font: 500 clamp(30px, 4vw, 46px)/1.15 Georgia, serif; margin: 0 0 10px; }
.original-refresh .original-intro p { color: #606962; font-size: 15px; }
.original-refresh .original-daily { border: 1px solid #d7ded6; margin-bottom: 32px; }
.original-refresh .original-daily > div:first-child > svg,
.original-refresh .original-daily > div.absolute { display: none; }
.original-refresh .work > header { padding-top: 36px; }
.original-refresh .work-content { font-size: 20px; line-height: 1.85; }
.original-refresh .original-poem { white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 4; line-height: 1.5; }
.original-refresh .original-poem :is(p, div) { margin: 0; }
.original-refresh .original-poem br + br { display: revert; content: revert; margin-top: 0; }
.original-refresh .original-poem pre { white-space: pre-wrap; }
.original-refresh .original-recording { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 20px; padding: 20px; background: #eeeee5; border: 1px solid #d7ded6; border-radius: 16px; }
.original-refresh .original-recording img { width: 112px; height: 112px; object-fit: cover; border-radius: 10px; }
.original-refresh .original-recording .cover-placeholder { display: grid; place-items: center; width: 112px; height: 112px; background: #dce5db; color: #245747; border-radius: 10px; font: 42px Georgia, serif; }
.original-refresh .original-recording h3 { font-size: 19px; margin-bottom: 5px; }
.original-refresh .original-recording p { font-size: 13px; color: #4c5b51; margin-bottom: 12px; }
.original-refresh .original-recording :is(audio, video) { display: block; width: 100%; max-width: 100%; }
.original-refresh .shoutbox__toggle, .original-refresh .shoutbox__header { background: #245747; }
.original-refresh .shoutbox__header a:is(:link, :visited, :hover, :focus-visible) { color: #fff; }
.original-refresh .shoutbox__title:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: 3px; }
.original-refresh .shoutbox__header a:focus-visible { outline-color: #fff; }
.original-refresh :is(input, textarea, select) { accent-color: #245747; }
.original-refresh :is(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid #245747; outline-offset: 3px; }
.original-skip { position: fixed; top: -100px; left: 16px; z-index: 100; background: #fff; padding: 12px; }
.original-skip:focus { top: 12px; }
@media (max-width: 1100px) {
    .original-refresh > header nav { order: 3; width: 100%; border-top: 1px solid #dce1d9; padding-top: 8px; }
}
@media (max-width: 767px) {
    .original-refresh > header > div > div { gap: 10px; }
    .original-refresh > header nav { order: 3; width: 100%; gap: 22px; border-top: 1px solid #dce1d9; padding-top: 8px; }
    .original-refresh > header > div > div > div { gap: 10px; }
    .original-refresh > header > div > div > div > * { margin-inline: 0; }
    .original-refresh > header a[href$="/w/dodaj"] { display: none; }
    .original-refresh > header a > .font-display { font-size: 30px; }
    .original-refresh > header .btn-accent { padding-inline: 12px; }
    .original-refresh .original-daily { padding: 22px; }
    .original-refresh .work-content { font-size: 18px; }
    .original-refresh .original-recording { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 14px; }
    .original-refresh .original-recording :is(img, .cover-placeholder) { width: 64px; height: 64px; }
    .original-refresh .original-recording .recording-body { display: contents; }
    .original-refresh .original-recording .recording-details { min-width: 0; }
    .original-refresh .original-recording :is(audio, video) { grid-column: 1 / -1; }
    .original-refresh .original-recording [data-audio-error] { grid-column: 1 / -1; }
}
