/* Nykyisen WordPress-ulkoasun paikallisen staattisen version sovitukset. */
:root { --font-base: Cabin, sans-serif; --font-headings: Cabin, sans-serif; }
.trial-panel { max-width: 750px; margin: 32px auto; padding: 24px; border: 2px solid #6dd47e; border-radius: 7px; background: #fff; }
.trial-panel h3 { margin-top: 0; }
.trial-panel label { display: block; font-weight: 700; margin-bottom: 8px; }
.trial-panel input[type="email"] { display: block; width: 100%; max-width: 100%; box-sizing: border-box; font: inherit; border: 1px solid #293253; border-radius: 5px; padding: 12px; color: #293253; background: #fff; }
.trial-panel input:focus-visible { outline: 3px solid #293253; outline-offset: 2px; }
.trial-panel .trial-help { font-size: 15px; line-height: 1.5; margin: 12px 0 18px; }
.trial-panel button { color: #162a1c !important; font-weight: 700; }
.trial-panel button:disabled { opacity: .65; cursor: default; }
.trial-panel .trial-status { margin: 16px 0 0; line-height: 1.5; }
.trial-status:empty { display: none; }
.trial-panel .trial-status.is-error { color: #9b1c1c; }
.entry-content { overflow-wrap: anywhere; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content pre { overflow-x: auto; }
.wp-block-table { overflow-x: auto; }
.entry-header { max-width: 750px; }
ul.apppower-bullet-list { list-style-image: url('/assets/wordpress/bullet.png'); }
.email-panel { margin-bottom: 32px; }
.email-panel h2 { margin-top: 0; }
.media-label { font-size: 14px; }
button.menu-toggle { width: 100%; text-transform: uppercase; font-size: 18px; line-height: 1; }
.js .main-navigation > div { display: none; }
.js .main-navigation > div.open { display: block; }
@media only screen and (min-width: 560px) {
  .js .main-navigation > div { display: block; }
}

/* Kevyt evästeilmoitus kaikille sivuille; myös 404-sivulle. */
[hidden] { display: none !important; }
body { padding-bottom: var(--cookie-notice-height, 0px); }
.cookie-notice {
  position: fixed;
  inset: auto 0 0;
  z-index: 1000;
  padding: 18px 24px;
  padding-bottom: max(18px, env(safe-area-inset-bottom));
  border-top: 2px solid #6dd47e;
  background: #293253;
  color: #fff;
  box-shadow: 0 -4px 20px #0002;
  max-height: 75vh;
  overflow-y: auto;
}
.cookie-notice-inner { max-width: 1040px; margin: 0 auto; display: flex; gap: 24px; align-items: center; }
.cookie-copy { flex: 1; min-width: 0; }
.cookie-notice h2 { margin: 0 0 5px; color: #fff; font-size: 19px; font-weight: 700; }
.cookie-notice p { margin: 0; font-size: 15px; line-height: 1.5; }
.cookie-notice a { color: #fff; text-decoration: underline; white-space: nowrap; }
button.cookie-confirm { flex-shrink: 0; margin: 0; padding: 12px 18px; border: 2px solid #6dd47e; color: #162a1c !important; font-size: 16px; font-weight: 700; line-height: 1.3; }
.site-info { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; }
button.cookie-settings { padding: 0; border: 0; border-radius: 0 !important; margin: 0; background: transparent !important; color: #293253 !important; font-size: 15px; font-weight: 400; line-height: inherit; text-transform: none; text-decoration: underline; }
.cookie-notice a:focus-visible, button.cookie-confirm:focus-visible, button.cookie-settings:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media only screen and (max-width: 599px) {
  .cookie-notice { padding-left: 16px; padding-right: 16px; }
  .cookie-notice-inner { flex-direction: column; align-items: stretch; gap: 14px; }
  button.cookie-confirm { align-self: flex-start; }
}