/* A small release card stays visible after the entrance announcement closes. */
#freeRefreshToday{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:20px 42px 20px 20px;margin:16px 0;border:1px solid #abc4b2!important;background:linear-gradient(115deg,#dcebd7,#e9f0dd 72%,#f4efd8)!important;box-shadow:0 3px 0 #b6cbb3!important;color:#173d32!important}
#freeRefreshToday[hidden]{display:none!important}
#freeRefreshToday .refresh-entry-art{display:flex;align-items:center;justify-content:center;gap:8px;width:auto}
#freeRefreshToday .refresh-entry-art img{display:block;width:44px;height:44px;object-fit:contain;margin:0;transform:none}
#freeRefreshToday .refresh-entry-copy{min-width:0}
#freeRefreshToday h2{font-family:Fraunces,Georgia,serif!important;font-size:25px!important;line-height:1.14!important;font-weight:750!important;letter-spacing:-.45px!important;margin:0 0 6px!important;color:#173d32!important}
#freeRefreshToday p{font:400 15px/1.4 Outfit,system-ui,sans-serif!important;margin:0!important;color:#345849!important}
#freeRefreshToday .refresh-entry-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:2px 0 -6px;padding:4px 0;border:0;background:none;color:#174f40;font:650 15px/1.3 Outfit,system-ui,sans-serif;cursor:pointer;text-decoration:none}
#freeRefreshToday .refresh-entry-link:hover{text-decoration:underline;text-underline-offset:3px}
#freeRefreshToday .refresh-entry-dismiss{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:40px;height:40px;border:0;background:none;color:#345849;font:24px/1 system-ui;cursor:pointer;border-radius:50%}
#freeRefreshToday .refresh-entry-dismiss:hover{background:#174f4012}
#freeRefreshToday button:focus-visible{outline:3px solid #174f40;outline-offset:2px}
@media(max-width:580px){
 #freeRefreshToday{grid-template-columns:minmax(0,1fr);gap:9px;padding:14px 16px}
 #freeRefreshToday .refresh-entry-art{justify-content:flex-start;gap:10px;padding-right:30px}
 #freeRefreshToday .refresh-entry-art img{width:32px;height:32px}
 #freeRefreshToday h2{font-size:23px!important}
}
html[data-theme=dark] #freeRefreshToday{background:linear-gradient(115deg,#263f36,#304839)!important;border-color:#56745f!important;box-shadow:0 3px 0 #162c24!important;color:#f1f2d9!important}
html[data-theme=dark] #freeRefreshToday h2{color:#f1f2d9!important}
html[data-theme=dark] #freeRefreshToday p,html[data-theme=dark] #freeRefreshToday .refresh-entry-dismiss{color:#c6d9c6!important}
html[data-theme=dark] #freeRefreshToday .refresh-entry-link{color:#c3e7b9}
.refresh-count{font-weight:400;color:var(--muted)}
.refresh-count::before{content:' · ';white-space:pre}
.refresh-preview-notice{margin:22px 0 10px;text-align:center;font-size:12px;line-height:1.5;color:var(--td-muted,#6d6255)}
.refresh-preview-notice p{margin:0}
.refresh-preview-notice nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:8px}
.refresh-preview-notice button,.refresh-preview-notice a{border:0;padding:5px 0;background:none;font:inherit;text-decoration:underline;color:var(--td-blue,#315da8);cursor:pointer}
.refresh-catalogue{padding:22px;margin-top:22px;color:var(--td-ink,#332d28)}
.refresh-catalogue h2{font-family:Fraunces,Georgia,serif!important;margin:0 0 8px;font-size:26px;font-weight:800!important}
.refresh-catalogue>p{font-size:14px;line-height:1.45;margin:0 0 14px;color:var(--td-muted,#6d6255)}
.refresh-catalogue summary{font-size:17px;font-weight:650;min-height:48px;display:flex;align-items:center;gap:10px;cursor:pointer;border-top:1px solid var(--td-line,#d8cbbb)}
.refresh-catalogue summary::before{content:'+';width:18px;color:var(--td-blue,#235bcc)}
.refresh-catalogue details[open]>summary::before{content:'−'}
.refresh-catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px;padding:4px 0 18px}
.refresh-catalogue-grid button{position:relative;min-height:42px;border:1px solid var(--td-line,#d8cbbb);border-radius:8px;background:var(--td-paper,#fffaf1);color:var(--td-ink,#332d28);font:600 14px/1.3 Outfit,system-ui,sans-serif;cursor:pointer}
.refresh-catalogue-grid button:hover{border-color:var(--td-blue,#235bcc);background:color-mix(in srgb,var(--td-blue,#235bcc) 7%,var(--td-paper,#fffaf1))}
.refresh-catalogue-grid button.is-done{background:color-mix(in srgb,#47775f 13%,var(--td-paper,#fffaf1));border-color:#789984}
.refresh-catalogue-grid button.is-done::after{content:'✓';position:absolute;top:0;right:3px;font-size:10px;color:#47775f}

/* New-release invitation: three distinct printed cards, one clear action. */
#freeRefreshAnnouncement{padding:18px;background:rgba(15,31,29,.6)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overscroll-behavior:contain}
#freeRefreshAnnouncement .refresh-announcement{position:relative;isolation:isolate;box-sizing:border-box;width:min(100%,460px);max-width:460px;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:48px 30px 18px;border:1px solid #a5b5a0!important;border-radius:24px;background:radial-gradient(ellipse at 15% 0%,#dcecd0 0,transparent 58%),radial-gradient(ellipse at 100% 5%,#f7e8bb 0,transparent 55%),#fff9ee!important;color:#243b31!important;text-align:center;box-shadow:0 6px 0 #69816a,0 26px 65px #071d304a!important}
#freeRefreshAnnouncement .modal-close{position:absolute;right:10px;top:10px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#fffaf17d;color:#42624f;box-shadow:none}
#freeRefreshAnnouncement .modal-close svg{width:20px;height:20px}
#freeRefreshAnnouncement h2{font-family:Fraunces,Georgia,serif!important;font-size:44px!important;font-weight:750!important;line-height:1.05!important;letter-spacing:-1.2px!important;margin:0 0 16px!important;color:#254535!important}
#freeRefreshAnnouncement #freeRefreshAnnouncementCopy{font:400 17px/1.45 Outfit,system-ui,sans-serif!important;margin:0!important;color:#4c6256!important}
#freeRefreshAnnouncement #freeRefreshAnnouncementCopy strong{font-weight:650;color:#254535}
#freeRefreshAnnouncement .refresh-release-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
#freeRefreshAnnouncement .refresh-release-series{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 4px 12px;border:1px solid #bed1b8;border-radius:13px;background:#edf4e5;box-shadow:0 3px 0 #c3d0b9;color:#215744}
#freeRefreshAnnouncement .refresh-release-series.medium{border-color:#bfccdc;background:#e9eff7;box-shadow:0 3px 0 #bfccdc;color:#315985}
#freeRefreshAnnouncement .refresh-release-series.hard{border-color:#dcc7ae;background:#fbecda;box-shadow:0 3px 0 #dcc7ae;color:#9c482a}
#freeRefreshAnnouncement .refresh-release-series img{width:64px;height:64px;object-fit:contain;margin:0 0 5px;flex-shrink:0}
#freeRefreshAnnouncement .refresh-release-series strong{font:650 15px/1.2 Outfit,system-ui,sans-serif}
#freeRefreshAnnouncement .refresh-release-series span{font:400 13px/1.3 Outfit,system-ui,sans-serif}
#freeRefreshAnnouncement [data-refresh-play]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;border:1px solid #154d40!important;border-radius:12px;background:#246b54!important;color:#fffaf0!important;box-shadow:0 4px 0 #154d40!important;font:650 17px/1.3 Outfit,system-ui,sans-serif!important;cursor:pointer}
#freeRefreshAnnouncement [data-refresh-play]:hover{background:#1d604a!important}
#freeRefreshAnnouncement [data-refresh-back]{display:block;min-height:44px;margin:12px auto 0;padding:8px 16px;border:0;background:none;color:#55675a;font:500 14px/1.3 Outfit,system-ui,sans-serif;cursor:pointer;text-decoration:none}
#freeRefreshAnnouncement button:focus-visible{outline:3px solid #3b7055;outline-offset:4px}
@media(max-width:380px),(max-height:650px){
 #freeRefreshAnnouncement{padding:14px}
 #freeRefreshAnnouncement .refresh-announcement{padding:42px 20px 12px;max-height:calc(100dvh - 28px);border-radius:20px}
 #freeRefreshAnnouncement h2{font-size:35px!important;margin-bottom:12px!important}
 #freeRefreshAnnouncement #freeRefreshAnnouncementCopy{font-size:15px!important}
 #freeRefreshAnnouncement .refresh-release-trio{gap:7px;margin:20px 0}
 #freeRefreshAnnouncement .refresh-release-series{padding:10px 2px}
 #freeRefreshAnnouncement .refresh-release-series img{width:48px;height:48px}
 #freeRefreshAnnouncement .refresh-release-series strong{font-size:14px}
 #freeRefreshAnnouncement .refresh-release-series span{font-size:12px}
 #freeRefreshAnnouncement [data-refresh-play]{min-height:48px;font-size:16px!important}
}
html[data-theme=dark] #freeRefreshAnnouncement .refresh-announcement{background:radial-gradient(ellipse at 20% 0%,#375947,transparent 60%),#23362e!important;border-color:#75866b!important;box-shadow:0 6px 0 #14281f,0 26px 65px #0008!important}
html[data-theme=dark] #freeRefreshAnnouncement h2,html[data-theme=dark] #freeRefreshAnnouncement #freeRefreshAnnouncementCopy strong{color:#f9f1d6!important}
html[data-theme=dark] #freeRefreshAnnouncement #freeRefreshAnnouncementCopy,html[data-theme=dark] #freeRefreshAnnouncement [data-refresh-back]{color:#d0dbc8!important}
html[data-theme=dark] #freeRefreshAnnouncement .modal-close{background:#ffffff12;color:#e3ead5}
/* Daily card: the seven-day strip carries the date/difficulty information. */
html body #screen-daily .daily-hero #dailyDate,html body #screen-daily .daily-hero #dailyMeta,html body #screen-daily .daily-hero .hero-topline{display:none!important}
html.tiskarna-ui body #screen-daily.home-layout-active .daily-hero .hero-main h1:first-child{font-family:Fraunces,Georgia,serif!important;font-size:clamp(30px,4.5vw,40px)!important;font-weight:750!important;line-height:1.1!important;letter-spacing:-.65px!important;margin:0!important}
html body #screen-daily .daily-hero #dailyWeekRhythm{margin:0 0 16px!important;padding:7px!important;border:1px solid #ffffff25!important;border-radius:13px!important;background:#ffffff16!important}
html body #screen-daily .daily-hero .daily-week-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px!important}
html body #screen-daily .daily-hero .daily-week-day{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px!important;min-width:0;min-height:56px!important;padding:5px 1px!important;border:1px solid #ffffff2e!important;border-radius:9px!important;background:#ffffff10!important;color:#fff9e9!important;opacity:1!important}
html body #screen-daily .daily-hero .daily-week-day b{font:650 13px/1.1 Outfit,system-ui,sans-serif!important;color:inherit!important;opacity:1!important}
html body #screen-daily .daily-hero .daily-week-day i{display:grid;place-items:center;margin:0!important}
html body #screen-daily .daily-hero .daily-week-icon{display:block;width:23px!important;height:23px!important;object-fit:contain;filter:none!important;opacity:1!important}
html body #screen-daily .daily-hero .daily-week-day.active{background:#fff9e9!important;color:#183f7c!important;border-color:#fff9e9!important;box-shadow:0 2px 0 #122f6e55!important}
@media(min-width:580px){html body #screen-daily .daily-hero .daily-week-day{flex-direction:row;gap:8px!important;min-height:48px!important}html body #screen-daily .daily-hero .daily-week-day b{font-size:15px!important}}

/* Keep automatic focus accessible without drawing a keyboard ring on arrival. */
#freeRefreshAnnouncement.refresh-initial-focus button:focus{outline:none!important}
html body #screen-daily.home-layout-active .daily-hero .hero-main{margin:0 0 12px!important}
