:root { --pw-brand: #d4e831;
--pw-brand-hover: #b8cc28;
--pw-brand-dark: #8fbf1f; --pw-text: #111827;
--pw-text-muted: #6b7280;
--pw-text-subtle: #9ca3af;
--pw-border: #e5e7eb;
--pw-border-subtle: #f3f4f6;
--pw-bg: #ffffff;
--pw-bg-muted: #f9fafb;
--pw-bg-card: #ffffff; --pw-success: #059669;
--pw-success-bg: #ecfdf5;
--pw-warning: #dc2626;
--pw-warning-bg: #fef2f2;
--pw-info: #2563eb;
--pw-info-bg: #eff6ff;
--pw-accent: #eef2ff;
--pw-accent-fg: #4338ca; --pw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
--pw-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
--pw-h1: 2.25rem;
--pw-h2: 1.75rem;
--pw-h3: 1.25rem;
--pw-h4: 1.125rem;
--pw-body: 1rem;
--pw-small: 0.875rem;
--pw-xs: 0.75rem;
--pw-lh-tight: 1.2;
--pw-lh-base: 1.55;
--pw-lh-loose: 1.75; --pw-space-1: 0.25rem;
--pw-space-2: 0.5rem;
--pw-space-3: 0.75rem;
--pw-space-4: 1rem;
--pw-space-5: 1.25rem;
--pw-space-6: 1.5rem;
--pw-space-8: 2rem;
--pw-space-10: 2.5rem;
--pw-space-12: 3rem;
--pw-space-16: 4rem;
--pw-space-20: 5rem; --pw-container: 1200px;
--pw-container-narrow: 800px;
--pw-header-h: 72px; --pw-radius-sm: 4px;
--pw-radius: 8px;
--pw-radius-lg: 12px;
--pw-radius-pill: 999px;
--pw-shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);
--pw-shadow: 0 2px 8px rgba(17, 24, 39, .08);
--pw-shadow-lg: 0 8px 24px rgba(17, 24, 39, .10); --pw-trans: .15s ease;
--pw-trans-slow: .3s ease;
} [data-theme="dark"] {
--pw-text: #f3f4f6;
--pw-text-muted: #9ca3af;
--pw-text-subtle: #6b7280;
--pw-border: #374151;
--pw-border-subtle: #1f2937;
--pw-bg: #0f172a;
--pw-bg-muted: #1e293b;
--pw-bg-card: #1e293b;
--pw-success-bg: #064e3b;
--pw-warning-bg: #7f1d1d;
--pw-info-bg: #1e3a8a;
--pw-accent: #312e81;
--pw-accent-fg: #c7d2fe;
--pw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
--pw-shadow: 0 2px 8px rgba(0, 0, 0, .5);
--pw-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);
} @media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
--pw-text: #f3f4f6;
--pw-text-muted: #9ca3af;
--pw-text-subtle: #6b7280;
--pw-border: #374151;
--pw-border-subtle: #1f2937;
--pw-bg: #0f172a;
--pw-bg-muted: #1e293b;
--pw-bg-card: #1e293b;
--pw-success-bg: #064e3b;
--pw-warning-bg: #7f1d1d;
--pw-info-bg: #1e3a8a;
--pw-accent: #312e81;
--pw-accent-fg: #c7d2fe;
}
} *, *::before, *::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: var(--pw-font);
font-size: var(--pw-body);
line-height: var(--pw-lh-base);
color: var(--pw-text);
background: var(--pw-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: 100vh;
display: flex;
flex-direction: column;
}
main#main {
flex: 1;
} h1, h2, h3, h4, h5, h6 {
margin: 0 0 var(--pw-space-4);
font-weight: 700;
line-height: var(--pw-lh-tight);
color: var(--pw-text);
letter-spacing: -0.02em;
}
h1 { font-size: var(--pw-h1); }
h2 { font-size: var(--pw-h2); }
h3 { font-size: var(--pw-h3); font-weight: 600; }
h4 { font-size: var(--pw-h4); font-weight: 600; }
p, ul, ol {
margin: 0 0 var(--pw-space-4);
}
a {
color: var(--pw-success);
text-decoration: none;
transition: color var(--pw-trans);
}
a:hover, a:focus-visible {
text-decoration: underline;
}
img, svg, video {
max-width: 100%;
height: auto;
}
hr {
border: 0;
border-top: 1px solid var(--pw-border);
margin: var(--pw-space-8) 0;
} :focus-visible {
outline: 2px solid var(--pw-success);
outline-offset: 2px;
border-radius: var(--pw-radius-sm);
} ::selection {
background: var(--pw-brand);
color: var(--pw-text);
} .pw-container {
max-width: var(--pw-container);
margin-inline: auto;
padding-inline: var(--pw-space-4);
}
.pw-container-narrow {
max-width: var(--pw-container-narrow);
margin-inline: auto;
padding-inline: var(--pw-space-4);
}
@media (min-width: 641px) {
.pw-container, .pw-container-narrow {
padding-inline: var(--pw-space-6);
}
} .pw-skip {
position: absolute;
left: -9999px;
top: 0;
background: var(--pw-text);
color: var(--pw-bg);
padding: var(--pw-space-3) var(--pw-space-4);
z-index: 9999;
border-radius: 0 0 var(--pw-radius) 0;
}
.pw-skip:focus {
left: 0;
text-decoration: underline;
} .pw-header {
position: sticky;
top: 0;
z-index: 100;
background: var(--pw-bg);
border-bottom: 1px solid var(--pw-border);
backdrop-filter: saturate(180%) blur(6px);
background-color: color-mix(in oklab, var(--pw-bg) 92%, transparent);
}
.pw-header-inner {
display: flex;
align-items: center;
gap: var(--pw-space-6);
height: var(--pw-header-h);
}
.pw-logo {
flex-shrink: 0;
display: flex;
align-items: center;
color: var(--pw-text);
text-decoration: none;
}
.pw-logo:hover, .pw-logo:focus-visible {
text-decoration: none;
}
.pw-logo svg {
height: 40px;
width: auto;
display: block;
}
.pw-logo-mobile { display: none; }
@media (max-width: 640px) {
.pw-logo-desktop { display: none; }
.pw-logo-mobile { display: block; }
} .pw-nav {
flex: 1;
display: flex;
align-items: center;
gap: var(--pw-space-4);
}
.pw-nav-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: var(--pw-space-1);
}
.pw-nav-list a {
color: var(--pw-text);
text-decoration: none;
font-weight: 500;
padding: var(--pw-space-2) var(--pw-space-3);
border-radius: var(--pw-radius);
transition: background var(--pw-trans);
}
.pw-nav-list a:hover, .pw-nav-list a:focus-visible, .pw-nav-list .current-menu-item > a {
background: var(--pw-bg-muted);
text-decoration: none;
} .pw-nav-list .menu-item-has-children {
position: relative;
}
.pw-nav-list .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: var(--pw-bg-card);
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius);
box-shadow: var(--pw-shadow-lg);
padding: var(--pw-space-2);
list-style: none;
margin: var(--pw-space-1) 0 0;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: all var(--pw-trans);
}
.pw-nav-list .menu-item-has-children:hover > .sub-menu,
.pw-nav-list .menu-item-has-children:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.pw-nav-list .sub-menu a {
display: block;
padding: var(--pw-space-2) var(--pw-space-3);
} .pw-header-actions {
display: flex;
align-items: center;
gap: var(--pw-space-2);
flex-shrink: 0;
} .pw-search {
position: relative;
display: flex;
align-items: center;
}
.pw-search input[type="search"] {
padding: var(--pw-space-2) var(--pw-space-3) var(--pw-space-2) var(--pw-space-8);
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius-pill);
background: var(--pw-bg-muted);
color: var(--pw-text);
font-size: var(--pw-small);
font-family: var(--pw-font);
width: 240px;
transition: all var(--pw-trans);
}
.pw-search input[type="search"]:focus {
background: var(--pw-bg);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--pw-brand) 40%, transparent);
outline: none;
width: 300px;
}
.pw-search-icon {
position: absolute;
left: var(--pw-space-3);
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: var(--pw-text-muted);
width: 18px;
height: 18px;
}
@media (max-width: 900px) {
.pw-search { display: none; }
} .pw-icon-btn {
background: transparent;
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius);
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--pw-text);
transition: background var(--pw-trans);
padding: 0;
}
.pw-icon-btn:hover, .pw-icon-btn:focus-visible {
background: var(--pw-bg-muted);
}
.pw-icon-btn svg {
width: 20px;
height: 20px;
}
.pw-theme-toggle .pw-icon-moon { display: none; }
[data-theme="dark"] .pw-theme-toggle .pw-icon-sun { display: none; }
[data-theme="dark"] .pw-theme-toggle .pw-icon-moon { display: block; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) .pw-theme-toggle .pw-icon-sun { display: none; }
:root:not([data-theme]) .pw-theme-toggle .pw-icon-moon { display: block; }
}
.pw-user-btn {
display: inline-flex;
align-items: center;
gap: var(--pw-space-2);
padding: var(--pw-space-2) var(--pw-space-3);
background: var(--pw-brand);
color: var(--pw-text);
border-radius: var(--pw-radius);
text-decoration: none;
font-weight: 600;
font-size: var(--pw-small);
transition: background var(--pw-trans);
}
.pw-user-btn:hover, .pw-user-btn:focus-visible {
background: var(--pw-brand-hover);
text-decoration: none;
} .pw-mobile-toggle {
display: none;
}
@media (max-width: 900px) {
.pw-nav-list { display: none; }
.pw-mobile-toggle { display: inline-flex; }
.pw-nav.is-open { display: block; position: absolute; top: var(--pw-header-h); left: 0; right: 0; background: var(--pw-bg); border-bottom: 1px solid var(--pw-border); padding: var(--pw-space-4); box-shadow: var(--pw-shadow); }
.pw-nav.is-open .pw-nav-list { display: flex; flex-direction: column; gap: var(--pw-space-2); align-items: stretch; }
.pw-nav.is-open .pw-nav-list a { padding: var(--pw-space-3); }
.pw-nav.is-open .pw-nav-list .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding-left: var(--pw-space-4); background: transparent; }
} .pw-footer {
margin-top: var(--pw-space-16);
background: var(--pw-bg-muted);
border-top: 1px solid var(--pw-border);
padding: var(--pw-space-12) 0 var(--pw-space-6);
color: var(--pw-text-muted);
font-size: var(--pw-small);
}
.pw-footer-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--pw-space-8);
margin-bottom: var(--pw-space-8);
}
@media (max-width: 900px) {
.pw-footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.pw-footer-grid { grid-template-columns: 1fr; }
}
.pw-footer-col h3 {
color: var(--pw-text);
font-size: var(--pw-small);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: var(--pw-space-3);
}
.pw-footer-col ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--pw-space-2);
}
.pw-footer-col a {
color: var(--pw-text-muted);
text-decoration: none;
}
.pw-footer-col a:hover {
color: var(--pw-text);
text-decoration: underline;
}
.pw-footer-bottom {
border-top: 1px solid var(--pw-border);
padding-top: var(--pw-space-6);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--pw-space-4);
color: var(--pw-text-subtle);
font-size: var(--pw-xs);
}
.pw-footer-bottom nav a {
color: var(--pw-text-muted);
margin-right: var(--pw-space-3);
} .pw-page {
padding: var(--pw-space-8) 0;
}
.pw-page-header {
margin-bottom: var(--pw-space-8);
}
.pw-page-header h1 {
font-size: var(--pw-h1);
margin-bottom: var(--pw-space-2);
}
.pw-page-header .pw-lead {
color: var(--pw-text-muted);
font-size: 1.125rem;
max-width: 60ch;
}
.pw-entry-content > * + * {
margin-top: var(--pw-space-4);
} .pw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--pw-space-2);
padding: var(--pw-space-3) var(--pw-space-5);
border-radius: var(--pw-radius);
font-weight: 600;
text-decoration: none;
transition: all var(--pw-trans);
border: 1px solid transparent;
cursor: pointer;
font-family: var(--pw-font);
font-size: var(--pw-body);
line-height: 1;
}
.pw-btn-primary {
background: var(--pw-brand);
color: var(--pw-text);
}
.pw-btn-primary:hover, .pw-btn-primary:focus-visible {
background: var(--pw-brand-hover);
text-decoration: none;
color: var(--pw-text);
}
.pw-btn-secondary {
background: transparent;
color: var(--pw-text);
border-color: var(--pw-border);
}
.pw-btn-secondary:hover {
background: var(--pw-bg-muted);
text-decoration: none;
} .pw-badge {
display: inline-block;
padding: var(--pw-space-1) var(--pw-space-2);
border-radius: var(--pw-radius-sm);
font-size: var(--pw-xs);
font-weight: 600;
background: var(--pw-accent);
color: var(--pw-accent-fg);
}
.pw-badge-warning { background: var(--pw-warning-bg); color: var(--pw-warning); }
.pw-badge-success { background: var(--pw-success-bg); color: var(--pw-success); } .pw-card {
background: var(--pw-bg-card);
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius-lg);
padding: var(--pw-space-6);
box-shadow: var(--pw-shadow-sm);
} .pw-stats-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: var(--pw-space-4);
margin-bottom: var(--pw-space-8);
}
.pw-stat {
background: var(--pw-bg-card);
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius-lg);
padding: var(--pw-space-5);
}
.pw-stat-value {
font-size: var(--pw-h2);
font-weight: 700;
color: var(--pw-text);
letter-spacing: -0.02em;
}
.pw-stat-label {
color: var(--pw-text-muted);
font-size: var(--pw-small);
margin-top: var(--pw-space-1);
} .pw-newsletter {
margin-top: var(--pw-space-12);
padding: var(--pw-space-8);
background: linear-gradient(135deg, var(--pw-brand) 0%, var(--pw-brand-dark) 100%);
border-radius: var(--pw-radius-lg);
color: var(--pw-text);
}
.pw-newsletter h2 {
margin-bottom: var(--pw-space-2);
}
.pw-newsletter p {
margin-bottom: var(--pw-space-4);
opacity: 0.8;
}
.pw-newsletter-form {
display: flex;
gap: var(--pw-space-2);
max-width: 500px;
}
.pw-newsletter-form input[type="email"] {
flex: 1;
padding: var(--pw-space-3) var(--pw-space-4);
border: 1px solid var(--pw-text);
border-radius: var(--pw-radius);
background: var(--pw-bg);
color: var(--pw-text);
font-family: var(--pw-font);
font-size: var(--pw-body);
}
.pw-newsletter-form button {
padding: var(--pw-space-3) var(--pw-space-5);
background: var(--pw-text);
color: var(--pw-bg);
border: 0;
border-radius: var(--pw-radius);
font-weight: 600;
cursor: pointer;
}
@media (max-width: 480px) {
.pw-newsletter-form { flex-direction: column; }
} .pw-breadcrumb {
font-size: var(--pw-small);
color: var(--pw-text-muted);
margin-bottom: var(--pw-space-4);
}
.pw-breadcrumb a {
color: var(--pw-text-muted);
text-decoration: none;
}
.pw-breadcrumb a:hover {
color: var(--pw-text);
}
.pw-breadcrumb-sep {
margin: 0 var(--pw-space-2);
opacity: 0.5;
} .pw-hero {
padding: var(--pw-space-16) 0 var(--pw-space-12);
background: linear-gradient(180deg, var(--pw-bg-muted) 0%, var(--pw-bg) 100%);
border-bottom: 1px solid var(--pw-border);
}
.pw-hero h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
max-width: 18ch;
margin-bottom: var(--pw-space-4);
line-height: 1.1;
}
.pw-hero-accent {
background: linear-gradient(135deg, var(--pw-brand) 0%, var(--pw-brand-dark) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.pw-hero .pw-lead {
font-size: 1.125rem;
color: var(--pw-text-muted);
max-width: 60ch;
margin-bottom: var(--pw-space-6);
}
.pw-hero-cta {
display: flex;
gap: var(--pw-space-3);
flex-wrap: wrap;
} .pw-sr-only {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
} .pw-user-menu {
position: relative;
}
.pw-user-btn-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border: 1px solid var(--pw-border, #e3e3e3);
border-radius: 999px;
background: var(--pw-surface, #fff);
color: var(--pw-text, #222);
cursor: pointer;
font-size: 14px;
line-height: 1;
transition: border-color .15s, background .15s;
}
.pw-user-btn-toggle:hover,
.pw-user-btn-toggle[aria-expanded="true"] {
border-color: var(--pw-brand, #d4e831);
background: var(--pw-surface-hover, #fafafa);
}
.pw-avatar {
border-radius: 50%;
display: block;
width: 28px;
height: 28px;
object-fit: cover;
}
.pw-avatar-lg {
width: 44px;
height: 44px;
}
.pw-user-btn-toggle .pw-icon-chevron {
width: 14px;
height: 14px;
opacity: .6;
transition: transform .18s;
}
.pw-user-btn-toggle[aria-expanded="true"] .pw-icon-chevron {
transform: rotate(180deg);
}
@media (max-width: 720px) {
.pw-user-btn-toggle .pw-user-btn-label,
.pw-user-btn-toggle .pw-icon-chevron {
display: none;
}
.pw-user-btn-toggle {
padding: 4px;
border-radius: 50%;
}
}
.pw-user-menu-panel {
position: absolute;
top: calc(100% + 8px);
right: 0;
min-width: 260px;
background: var(--pw-surface, #fff);
border: 1px solid var(--pw-border, #e3e3e3);
border-radius: 14px;
box-shadow: 0 12px 32px rgba(0,0,0,0.12);
padding: 8px;
display: none;
z-index: 100;
}
.pw-user-menu.is-open .pw-user-menu-panel {
display: block;
animation: pw-fade-in .15s ease-out;
}
@keyframes pw-fade-in {
from { opacity: 0; transform: translateY(-4px); }
to   { opacity: 1; transform: translateY(0); }
}
.pw-user-menu-header {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 10px 14px;
border-bottom: 1px solid var(--pw-border, #eee);
margin-bottom: 6px;
}
.pw-user-menu-name {
font-weight: 600;
font-size: 15px;
color: var(--pw-text, #222);
}
.pw-user-menu-email {
font-size: 12px;
color: var(--pw-text-muted, #666);
margin-top: 2px;
}
.pw-user-menu-panel a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 8px;
color: var(--pw-text, #222);
text-decoration: none;
font-size: 14px;
transition: background .12s;
}
.pw-user-menu-panel a svg {
width: 18px;
height: 18px;
opacity: .7;
flex-shrink: 0;
}
.pw-user-menu-panel a:hover {
background: var(--pw-surface-hover, #f5f5f5);
}
.pw-user-menu-panel a:hover svg {
opacity: 1;
}
.pw-user-menu-sep {
border: 0;
border-top: 1px solid var(--pw-border, #eee);
margin: 6px 4px;
}
.pw-user-menu-logout {
color: var(--pw-danger, #c0392b) !important;
}
.pw-user-menu-logout svg {
color: var(--pw-danger, #c0392b);
opacity: .9 !important;
} body.page-id-1252 .pw-entry-content { }
body.page-id-1252 .pw-entry-content h2,
body.page-id-1252 .pw-entry-content h3 {
margin-top: 24px;
margin-bottom: 12px;
font-size: 18px;
font-weight: 600;
color: var(--pw-text, #222);
letter-spacing: -0.01em;
}
body.page-id-1252 .pw-entry-content ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
body.page-id-1252 .pw-entry-content li {
padding: 0;
}
body.page-id-1252 .pw-entry-content li a {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
background: var(--pw-surface, #fff);
border: 1px solid var(--pw-border, #e3e3e3);
border-radius: 12px;
color: var(--pw-text, #222);
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all .15s;
}
body.page-id-1252 .pw-entry-content li a:hover {
border-color: var(--pw-brand-dark, #8fbf1f);
background: var(--pw-surface-hover, #fafafa);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
} .pw-user-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 12px;
margin-bottom: 24px;
}
.pw-user-stat {
background: var(--pw-surface, #fff);
border: 1px solid var(--pw-border, #e3e3e3);
border-radius: 14px;
padding: 18px 20px;
text-align: left;
}
.pw-user-stat-label {
font-size: 12px;
color: var(--pw-text-muted, #666);
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.pw-user-stat-value {
font-size: 28px;
font-weight: 700;
line-height: 1;
color: var(--pw-text, #222);
}
.pw-user-stat-value.pw-accent {
background: linear-gradient(135deg, var(--pw-brand, #d4e831), var(--pw-brand-dark, #8fbf1f));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
} [data-theme="dark"] .pw-user-btn-toggle {
background: #1e1e1e;
border-color: #3a3a3a;
color: #eee;
}
[data-theme="dark"] .pw-user-btn-toggle:hover,
[data-theme="dark"] .pw-user-btn-toggle[aria-expanded="true"] {
background: #2a2a2a;
border-color: var(--pw-brand, #d4e831);
}
[data-theme="dark"] .pw-user-menu-panel {
background: #1e1e1e;
border-color: #3a3a3a;
box-shadow: 0 12px 32px rgba(0,0,0,0.5);
}
[data-theme="dark"] .pw-user-menu-header {
border-bottom-color: #333;
}
[data-theme="dark"] .pw-user-menu-name { color: #eee; }
[data-theme="dark"] .pw-user-menu-email { color: #aaa; }
[data-theme="dark"] .pw-user-menu-panel a { color: #ddd; }
[data-theme="dark"] .pw-user-menu-panel a:hover { background: #2a2a2a; }
[data-theme="dark"] .pw-user-menu-sep { border-top-color: #333; }
[data-theme="dark"] body.page-id-1252 .pw-entry-content li a {
background: #1e1e1e;
border-color: #3a3a3a;
color: #ddd;
}
[data-theme="dark"] body.page-id-1252 .pw-entry-content li a:hover {
background: #2a2a2a;
}
[data-theme="dark"] .pw-user-stat {
background: #1e1e1e;
border-color: #3a3a3a;
}
[data-theme="dark"] .pw-user-stat-value { color: #eee; } .pw-entry-content table {
width: 100%;
border-collapse: collapse;
margin: var(--pw-space-4) 0;
font-size: var(--pw-small);
border-radius: var(--pw-radius);
overflow: hidden;
border: 1px solid var(--pw-border);
}
.pw-entry-content table thead th,
.pw-entry-content table tr.pw-heading td,
.pw-entry-content table tr:first-child th {
background: var(--pw-bg-muted);
color: var(--pw-text);
font-weight: 600;
text-align: left;
padding: 12px 16px;
border-bottom: 2px solid var(--pw-border);
text-transform: uppercase;
font-size: var(--pw-xs);
letter-spacing: 0.04em;
}
.pw-entry-content table td {
padding: 12px 16px;
border-bottom: 1px solid var(--pw-border-subtle);
vertical-align: top;
}
.pw-entry-content table tr:last-child td { border-bottom: 0; }
.pw-entry-content table tr:hover td { background: var(--pw-bg-muted); }
.pw-entry-content table a {
color: var(--pw-text);
font-weight: 500;
}
.pw-entry-content table a:hover { color: var(--pw-brand-dark); text-decoration: underline; } .pw-entry-content select,
.pw-entry-content input[type="text"]:not(.pw-search-input),
.pw-entry-content input[type="email"],
.pw-entry-content input[type="search"]:not(#pw-search-input) {
padding: 8px 12px;
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius);
background: var(--pw-bg);
color: var(--pw-text);
font-family: var(--pw-font);
font-size: var(--pw-small);
min-width: 160px;
margin-right: var(--pw-space-2);
margin-bottom: var(--pw-space-2);
transition: border-color var(--pw-trans), box-shadow var(--pw-trans);
}
.pw-entry-content select:focus,
.pw-entry-content input:focus {
outline: none;
border-color: var(--pw-brand);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--pw-brand) 30%, transparent);
}
.pw-entry-content input[type="submit"],
.pw-entry-content button[type="submit"] {
padding: 8px 20px;
background: var(--pw-brand);
color: var(--pw-text);
border: 1px solid var(--pw-brand);
border-radius: var(--pw-radius);
font-weight: 600;
cursor: pointer;
font-family: var(--pw-font);
transition: background var(--pw-trans);
}
.pw-entry-content input[type="submit"]:hover,
.pw-entry-content button[type="submit"]:hover {
background: var(--pw-brand-hover);
} .pw-entry-content article,
.pw-entry-content .pw-question,
.pw-entry-content .vraag-item {
background: var(--pw-bg-card);
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius-lg);
padding: var(--pw-space-4) var(--pw-space-5);
margin-bottom: var(--pw-space-3);
transition: border-color var(--pw-trans);
}
.pw-entry-content article:hover,
.pw-entry-content .pw-question:hover,
.pw-entry-content .vraag-item:hover {
border-color: var(--pw-brand-dark);
} @media (max-width: 720px) {
.pw-entry-content table {
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
} [data-theme="dark"] .pw-entry-content table {
border-color: #333;
}
[data-theme="dark"] .pw-entry-content table thead th,
[data-theme="dark"] .pw-entry-content table tr.pw-heading td,
[data-theme="dark"] .pw-entry-content table tr:first-child th {
background: #1e293b;
border-bottom-color: #3a3a3a;
}
[data-theme="dark"] .pw-entry-content table td {
border-bottom-color: #2a2a2a;
}
[data-theme="dark"] .pw-entry-content table tr:hover td {
background: rgba(255,255,255,0.03);
}
[data-theme="dark"] .pw-entry-content select,
[data-theme="dark"] .pw-entry-content input[type="text"]:not(.pw-search-input),
[data-theme="dark"] .pw-entry-content input[type="email"] {
background: #1e293b;
border-color: #374151;
color: #f3f4f6;
}
[data-theme="dark"] .pw-entry-content article,
[data-theme="dark"] .pw-entry-content .pw-question {
background: #1e1e1e;
border-color: #3a3a3a;
} main#main table,
.elementor-widget-text-editor table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
font-size: 0.875rem;
border-radius: 8px;
overflow: hidden;
border: 1px solid var(--pw-border);
}
main#main table thead th,
main#main table tr:first-child td,
main#main table tr:first-child th {
background: var(--pw-bg-muted);
color: var(--pw-text);
font-weight: 600;
text-align: left;
padding: 12px 16px;
border-bottom: 2px solid var(--pw-border);
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.04em;
}
main#main table td {
padding: 12px 16px;
border-bottom: 1px solid var(--pw-border-subtle);
vertical-align: top;
}
main#main table tr:last-child td { border-bottom: 0; }
main#main table tr:hover td { background: var(--pw-bg-muted); }
main#main table a {
color: var(--pw-text) !important;
font-weight: 500;
text-decoration: none;
}
main#main table a:hover { color: var(--pw-brand-dark) !important; text-decoration: underline; }
main#main select,
main#main input[type="text"]:not(#pw-search-input),
main#main input[type="search"]:not(#pw-search-input),
main#main input[type="email"]:not(.newsletter input) {
padding: 8px 12px;
border: 1px solid var(--pw-border);
border-radius: 8px;
background: var(--pw-bg);
color: var(--pw-text);
font-family: var(--pw-font);
font-size: 0.875rem;
min-width: 160px;
margin-right: 8px;
margin-bottom: 8px;
transition: border-color 0.15s, box-shadow 0.15s;
}
main#main select:focus,
main#main input:focus {
outline: none;
border-color: var(--pw-brand);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--pw-brand) 30%, transparent);
}
main#main input[type="submit"],
main#main button[type="submit"] {
padding: 8px 20px;
background: var(--pw-brand);
color: var(--pw-text);
border: 1px solid var(--pw-brand);
border-radius: 8px;
font-weight: 600;
cursor: pointer;
font-family: var(--pw-font);
transition: background 0.15s;
}
main#main input[type="submit"]:hover,
main#main button[type="submit"]:hover {
background: var(--pw-brand-hover);
}
@media (max-width: 720px) {
main#main table {
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
}
[data-theme="dark"] main#main table {
border-color: #333;
}
[data-theme="dark"] main#main table thead th,
[data-theme="dark"] main#main table tr:first-child td,
[data-theme="dark"] main#main table tr:first-child th {
background: #1e293b;
border-bottom-color: #3a3a3a;
}
[data-theme="dark"] main#main table td {
border-bottom-color: #2a2a2a;
}
[data-theme="dark"] main#main table tr:hover td {
background: rgba(255,255,255,0.03);
}
[data-theme="dark"] main#main select,
[data-theme="dark"] main#main input[type="text"]:not(#pw-search-input),
[data-theme="dark"] main#main input[type="email"] {
background: #1e293b;
border-color: #374151;
color: #f3f4f6;
} main#main table {
font-size: 0.95rem;
}
main#main table thead th,
main#main table tr:first-child th {
font-size: 0.8rem;
color: var(--pw-text-muted);
padding: 14px 16px;
background: var(--pw-bg-muted);
}
main#main table tbody tr:nth-child(even) td {
background: color-mix(in oklab, var(--pw-bg-muted) 50%, transparent);
}
main#main table tbody tr:hover td {
background: color-mix(in oklab, var(--pw-brand) 8%, var(--pw-bg));
}
main#main table td {
padding: 14px 16px;
font-size: 0.95rem;
line-height: 1.5;
} main#main table td:last-child:not(:empty) {
font-family: var(--pw-font-mono);
font-weight: 600;
font-size: 0.85rem;
letter-spacing: 0.02em;
color: var(--pw-brand-dark);
} main#main table td:first-child {
color: var(--pw-text-muted);
font-size: 0.85rem;
white-space: nowrap;
} main#main table td:nth-child(2) {
font-weight: 500;
color: var(--pw-text);
}
[data-theme="dark"] main#main table tbody tr:nth-child(even) td {
background: rgba(255,255,255,0.02);
}
[data-theme="dark"] main#main table tbody tr:hover td {
background: rgba(212, 232, 49, 0.08);
}
[data-theme="dark"] main#main table td:last-child:not(:empty) {
color: var(--pw-brand);
}  .ur-frontend-form,
main#main form[action*="wedstrijd-toevoegen"] {
max-width: 560px;
margin: 0 auto;
padding: var(--pw-space-6);
background: var(--pw-bg-card);
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius-lg);
box-shadow: var(--pw-shadow-sm);
} .ur-frontend-form legend,
.ur-form-title {
font-size: var(--pw-h3);
font-weight: 700;
margin-bottom: var(--pw-space-4);
color: var(--pw-text);
} .ur-form-row {
margin-bottom: var(--pw-space-4);
}
.ur-form-grid {
display: flex;
flex-wrap: wrap;
gap: var(--pw-space-4);
}
.ur-grid-1 { flex: 1 1 100%; }
.ur-grid-2 { flex: 1 1 calc(50% - var(--pw-space-2)); }
.ur-grid-3 { flex: 1 1 calc(33.333% - var(--pw-space-3)); } .ur-label,
main#main form[action*="wedstrijd-toevoegen"] label {
display: block;
font-weight: 500;
font-size: var(--pw-small);
color: var(--pw-text);
margin-bottom: var(--pw-space-2);
}
.ur-label .required,
.ur-label abbr {
color: var(--pw-warning);
text-decoration: none;
margin-left: 2px;
} .ur-frontend-form input[type="text"],
.ur-frontend-form input[type="email"],
.ur-frontend-form input[type="password"],
.ur-frontend-form input[type="tel"],
.ur-frontend-form input[type="url"],
.ur-frontend-form input[type="number"],
.ur-frontend-form input[type="date"],
.ur-frontend-form textarea,
.ur-frontend-form select,
main#main form[action*="wedstrijd-toevoegen"] input[type="text"],
main#main form[action*="wedstrijd-toevoegen"] input[type="url"],
main#main form[action*="wedstrijd-toevoegen"] input[type="date"],
main#main form[action*="wedstrijd-toevoegen"] textarea,
main#main form[action*="wedstrijd-toevoegen"] select {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius);
background: var(--pw-bg);
color: var(--pw-text);
font-family: var(--pw-font);
font-size: var(--pw-body);
line-height: 1.5;
transition: border-color var(--pw-trans), box-shadow var(--pw-trans);
min-width: 0;
margin: 0;
}
.ur-frontend-form input:focus,
.ur-frontend-form textarea:focus,
.ur-frontend-form select:focus,
main#main form[action*="wedstrijd-toevoegen"] input:focus,
main#main form[action*="wedstrijd-toevoegen"] textarea:focus,
main#main form[action*="wedstrijd-toevoegen"] select:focus {
outline: none;
border-color: var(--pw-brand);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--pw-brand) 30%, transparent);
}
.ur-frontend-form textarea,
main#main form[action*="wedstrijd-toevoegen"] textarea {
min-height: 120px;
resize: vertical;
} .ur-frontend-form .ur-error,
.ur-frontend-form .error {
color: var(--pw-warning);
font-size: var(--pw-small);
margin-top: var(--pw-space-1);
}
.ur-frontend-form input.ur-error-input,
.ur-frontend-form .ur-error-field input {
border-color: var(--pw-warning);
} .ur-frontend-form input[type="checkbox"],
.ur-frontend-form input[type="radio"] {
width: 18px;
height: 18px;
accent-color: var(--pw-brand);
margin-right: var(--pw-space-2);
vertical-align: middle;
}
.ur-frontend-form .ur-field-checkbox label,
.ur-frontend-form .ur-field-radio label {
display: inline-flex;
align-items: center;
font-weight: normal;
margin-bottom: 0;
} .ur-frontend-form button[type="submit"],
.ur-frontend-form input[type="submit"],
main#main form[action*="wedstrijd-toevoegen"] button[type="submit"],
main#main form[action*="wedstrijd-toevoegen"] input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 28px;
background: var(--pw-brand);
color: var(--pw-text);
border: 1px solid var(--pw-brand);
border-radius: var(--pw-radius);
font-weight: 700;
font-size: var(--pw-body);
cursor: pointer;
font-family: var(--pw-font);
transition: background var(--pw-trans), transform var(--pw-trans);
width: auto;
}
.ur-frontend-form button[type="submit"]:hover,
.ur-frontend-form input[type="submit"]:hover,
main#main form[action*="wedstrijd-toevoegen"] button[type="submit"]:hover,
main#main form[action*="wedstrijd-toevoegen"] input[type="submit"]:hover {
background: var(--pw-brand-hover);
}
.ur-frontend-form button[type="submit"]:active,
main#main form[action*="wedstrijd-toevoegen"] button[type="submit"]:active {
transform: translateY(1px);
} .ur-frontend-form .description,
.ur-frontend-form small {
display: block;
font-size: var(--pw-xs);
color: var(--pw-text-muted);
margin-top: var(--pw-space-1);
} .ur-form-row-actions a,
.ur-frontend-form a {
color: var(--pw-brand-dark);
font-weight: 500;
}
.ur-frontend-form a:hover {
color: var(--pw-success);
text-decoration: underline;
} .user-registration-account .ur-account-content {
display: grid;
grid-template-columns: 240px 1fr;
gap: var(--pw-space-8);
}
.user-registration-account .ur-nav {
list-style: none;
padding: 0;
margin: 0;
border: 1px solid var(--pw-border);
border-radius: var(--pw-radius-lg);
overflow: hidden;
background: var(--pw-bg-card);
}
.user-registration-account .ur-nav li {
margin: 0;
}
.user-registration-account .ur-nav a {
display: block;
padding: var(--pw-space-3) var(--pw-space-4);
color: var(--pw-text);
text-decoration: none;
border-bottom: 1px solid var(--pw-border-subtle);
transition: background var(--pw-trans);
}
.user-registration-account .ur-nav li:last-child a {
border-bottom: 0;
}
.user-registration-account .ur-nav a:hover,
.user-registration-account .ur-nav li.is-active a {
background: var(--pw-bg-muted);
color: var(--pw-brand-dark);
font-weight: 600;
}
@media (max-width: 720px) {
.user-registration-account .ur-account-content {
grid-template-columns: 1fr;
}
.ur-grid-2, .ur-grid-3 {
flex: 1 1 100%;
}
} [data-theme="dark"] .ur-frontend-form,
[data-theme="dark"] main#main form[action*="wedstrijd-toevoegen"] {
background: #1e1e1e;
border-color: #3a3a3a;
}
[data-theme="dark"] .ur-frontend-form input[type="text"],
[data-theme="dark"] .ur-frontend-form input[type="email"],
[data-theme="dark"] .ur-frontend-form input[type="password"],
[data-theme="dark"] .ur-frontend-form textarea,
[data-theme="dark"] .ur-frontend-form select,
[data-theme="dark"] main#main form[action*="wedstrijd-toevoegen"] input[type="text"],
[data-theme="dark"] main#main form[action*="wedstrijd-toevoegen"] textarea,
[data-theme="dark"] main#main form[action*="wedstrijd-toevoegen"] select {
background: #252525;
border-color: #3a3a3a;
color: #eee;
}  body.page-id-1286 main#main table tbody tr:nth-child(1) td:first-child,
body.page-id-1297 main#main table tbody tr:nth-child(1) td:first-child,
body.page-id-1299 main#main table tbody tr:nth-child(1) td:first-child,
body.page-id-1286 main#main table tr:nth-child(2) td:first-child,
body.page-id-1297 main#main table tr:nth-child(2) td:first-child,
body.page-id-1299 main#main table tr:nth-child(2) td:first-child {
position: relative;
padding-left: 48px !important;
}
body.page-id-1286 main#main table tbody tr:nth-child(1) td:first-child::before,
body.page-id-1297 main#main table tbody tr:nth-child(1) td:first-child::before,
body.page-id-1299 main#main table tbody tr:nth-child(1) td:first-child::before,
body.page-id-1286 main#main table tr:nth-child(2) td:first-child::before,
body.page-id-1297 main#main table tr:nth-child(2) td:first-child::before,
body.page-id-1299 main#main table tr:nth-child(2) td:first-child::before {
content: "🥇";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
line-height: 1;
}
body.page-id-1286 main#main table tbody tr:nth-child(2) td:first-child,
body.page-id-1297 main#main table tbody tr:nth-child(2) td:first-child,
body.page-id-1299 main#main table tbody tr:nth-child(2) td:first-child,
body.page-id-1286 main#main table tr:nth-child(3) td:first-child,
body.page-id-1297 main#main table tr:nth-child(3) td:first-child,
body.page-id-1299 main#main table tr:nth-child(3) td:first-child {
position: relative;
padding-left: 48px !important;
}
body.page-id-1286 main#main table tbody tr:nth-child(2) td:first-child::before,
body.page-id-1297 main#main table tbody tr:nth-child(2) td:first-child::before,
body.page-id-1299 main#main table tbody tr:nth-child(2) td:first-child::before,
body.page-id-1286 main#main table tr:nth-child(3) td:first-child::before,
body.page-id-1297 main#main table tr:nth-child(3) td:first-child::before,
body.page-id-1299 main#main table tr:nth-child(3) td:first-child::before {
content: "🥈";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
}
body.page-id-1286 main#main table tbody tr:nth-child(3) td:first-child,
body.page-id-1297 main#main table tbody tr:nth-child(3) td:first-child,
body.page-id-1299 main#main table tbody tr:nth-child(3) td:first-child,
body.page-id-1286 main#main table tr:nth-child(4) td:first-child,
body.page-id-1297 main#main table tr:nth-child(4) td:first-child,
body.page-id-1299 main#main table tr:nth-child(4) td:first-child {
position: relative;
padding-left: 48px !important;
}
body.page-id-1286 main#main table tbody tr:nth-child(3) td:first-child::before,
body.page-id-1297 main#main table tbody tr:nth-child(3) td:first-child::before,
body.page-id-1299 main#main table tbody tr:nth-child(3) td:first-child::before,
body.page-id-1286 main#main table tr:nth-child(4) td:first-child::before,
body.page-id-1297 main#main table tr:nth-child(4) td:first-child::before,
body.page-id-1299 main#main table tr:nth-child(4) td:first-child::before {
content: "🥉";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
} body.page-id-1286 main#main table tbody tr:nth-child(1),
body.page-id-1297 main#main table tbody tr:nth-child(1),
body.page-id-1299 main#main table tbody tr:nth-child(1) {
background: linear-gradient(90deg, rgba(255, 215, 0, 0.12), transparent 40%);
}
body.page-id-1286 main#main table tbody tr:nth-child(2),
body.page-id-1297 main#main table tbody tr:nth-child(2),
body.page-id-1299 main#main table tbody tr:nth-child(2) {
background: linear-gradient(90deg, rgba(192, 192, 192, 0.15), transparent 40%);
}
body.page-id-1286 main#main table tbody tr:nth-child(3),
body.page-id-1297 main#main table tbody tr:nth-child(3),
body.page-id-1299 main#main table tbody tr:nth-child(3) {
background: linear-gradient(90deg, rgba(205, 127, 50, 0.15), transparent 40%);
} body.page-id-1286 main#main .pw-entry-content,
body.page-id-1297 main#main .pw-entry-content,
body.page-id-1299 main#main .pw-entry-content { }
body.page-id-1286 main#main p:only-child,
body.page-id-1297 main#main p:only-child,
body.page-id-1299 main#main p:only-child {
padding: var(--pw-space-8);
background: var(--pw-bg-muted);
border: 1px dashed var(--pw-border);
border-radius: var(--pw-radius-lg);
text-align: center;
color: var(--pw-text-muted);
font-size: 1.1rem;
} body.page-id-782 main#main .elementor-widget-text-editor,
body.page-id-1000 main#main,
body.page-id-1002 main#main { }
body.page-id-782 main#main h2,
body.page-id-1000 main#main h2,
body.page-id-1002 main#main h2 {
margin-top: var(--pw-space-8);
padding-top: var(--pw-space-6);
border-top: 1px solid var(--pw-border-subtle);
font-size: var(--pw-h3);
}
body.page-id-782 main#main h2:first-of-type,
body.page-id-1000 main#main h2:first-of-type,
body.page-id-1002 main#main h2:first-of-type {
border-top: 0;
padding-top: 0;
margin-top: 0;
} main#main p {
line-height: 1.65;
}
main#main ul:not(.pw-nav-list):not(.pw-dashboard-list):not(.pw-footer-col ul),
main#main ol {
padding-left: var(--pw-space-6);
}
main#main ul:not(.pw-nav-list):not(.pw-dashboard-list):not(.pw-footer-col ul) li,
main#main ol li {
margin-bottom: var(--pw-space-2);
line-height: 1.6;
}
main#main blockquote {
border-left: 4px solid var(--pw-brand);
padding: var(--pw-space-3) var(--pw-space-5);
margin: var(--pw-space-4) 0;
background: var(--pw-bg-muted);
border-radius: 0 var(--pw-radius) var(--pw-radius) 0;
color: var(--pw-text-muted);
font-style: italic;
} body.error404 main#main,
body.error404 main {
text-align: center;
padding: var(--pw-space-16) var(--pw-space-4);
}
body.error404 main#main h1,
body.error404 main h1 {
font-size: clamp(2rem, 5vw, 3rem);
background: linear-gradient(135deg, var(--pw-brand), var(--pw-brand-dark));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
margin-bottom: var(--pw-space-4);
}
[data-theme="dark"] body.page-id-1286 main#main p:only-child,
[data-theme="dark"] body.page-id-1297 main#main p:only-child,
[data-theme="dark"] body.page-id-1299 main#main p:only-child {
background: #1e1e1e;
border-color: #3a3a3a;
} main#main table {
font-size: 1rem;
}
main#main table td {
font-size: 1rem;
line-height: 1.55;
padding: 16px 18px;
}
main#main table thead th,
main#main table tr:first-child th {
font-size: 0.875rem;
padding: 14px 18px;
}
main#main table td:first-child {
font-size: 0.95rem;
}
main#main table td:last-child:not(:empty) {
font-size: 0.95rem;
} main#main select,
main#main input[type="text"]:not(#pw-search-input),
main#main input[type="search"]:not(#pw-search-input),
main#main input[type="email"]:not(.newsletter input) {
font-size: 1rem;
padding: 10px 14px;
min-width: 180px;
}
main#main input[type="submit"],
main#main button[type="submit"] {
font-size: 1rem;
padding: 10px 24px;
} .pw-breadcrumb {
font-size: 0.95rem;
} main#main table,
main#main table.center,
main#main table.bord {
font-size: 1rem !important;
}
main#main table td,
main#main table.center td,
main#main table.bord td {
font-size: 1rem !important;
padding: 16px 18px !important;
line-height: 1.55 !important;
}
main#main table thead th,
main#main table tr:first-child th,
main#main table tr.pw-heading td {
font-size: 0.875rem !important;
padding: 14px 18px !important;
}
main#main table td:first-child {
font-size: 0.95rem !important;
}
main#main table td:last-child:not(:empty) {
font-size: 0.95rem !important;
}  html {
font-size: 16px !important;
}
main#main table,
main#main table.center,
main#main table.bord {
font-size: 16px !important;
}
main#main table td,
main#main table.center td,
main#main table.bord td {
font-size: 16px !important;
padding: 16px 18px !important;
line-height: 1.55 !important;
}
main#main table thead th,
main#main table tr:first-child th,
main#main table tr.pw-heading td {
font-size: 14px !important;
padding: 14px 18px !important;
text-transform: uppercase;
letter-spacing: 0.04em;
}
main#main table td:first-child {
font-size: 15px !important;
white-space: nowrap;
}
main#main table td:last-child:not(:empty) {
font-size: 15px !important;
font-family: var(--pw-font-mono);
font-weight: 600;
color: var(--pw-brand-dark);
} [data-theme="dark"] .pv2-table {
background: transparent !important;
color: #e5e7eb !important;
}
[data-theme="dark"] .pv2-table th {
background: #1e293b !important;
color: #d1d5db !important;
border-bottom-color: #374151 !important;
}
[data-theme="dark"] .pv2-table td {
border-bottom-color: #2a2a2a !important;
color: #e5e7eb !important;
}
[data-theme="dark"] .pv2-table tr:hover {
background: rgba(255,255,255,0.04) !important;
}
[data-theme="dark"] .pv2-table tr:hover td {
background: transparent !important;
}
[data-theme="dark"] .pv2-date {
color: #e5e7eb !important;
}
[data-theme="dark"] .pv2-date.soon {
color: #f87171 !important;
}
[data-theme="dark"] .pv2-date.passed {
color: #6b7280 !important;
}
[data-theme="dark"] .pv2-owner {
color: #9ca3af !important;
}
[data-theme="dark"] .pv2-answer {
color: #d1d5db !important;
}
[data-theme="dark"] .pv2-prize a {
color: #34d399 !important;
}
[data-theme="dark"] .pv2-meta {
color: #9ca3af !important;
}
[data-theme="dark"] .pv2-empty {
color: #9ca3af !important;
}
[data-theme="dark"] .pv2-filters input,
[data-theme="dark"] .pv2-filters select {
background: #1e293b !important;
color: #e5e7eb !important;
border-color: #374151 !important;
}
[data-theme="dark"] .pv2-filters button {
background: var(--pw-brand, #d4e831) !important;
color: #111 !important;
border-color: var(--pw-brand-dark, #bacc2a) !important;
}
[data-theme="dark"] .pv2-pagination a,
[data-theme="dark"] .pv2-pagination span {
background: #1e293b !important;
border-color: #374151 !important;
color: #d1d5db !important;
}
[data-theme="dark"] .pv2-pagination a:hover {
background: #2a2a2a !important;
}
[data-theme="dark"] .pv2-pagination .current {
background: var(--pw-brand, #d4e831) !important;
color: #111 !important;
}
[data-theme="dark"] .pv2-badge {
background: #1e3a8a !important;
color: #c7d2fe !important;
} .pv2-table tbody tr:first-child {
background: transparent !important;
} .pv2-table tr:hover td {
background: transparent !important;
} [data-theme="dark"] main#main table,
[data-theme="dark"] main#main table.center,
[data-theme="dark"] main#main table.bord {
color: #e5e7eb !important;
background: transparent !important;
border-color: #333 !important;
}
[data-theme="dark"] main#main table thead th,
[data-theme="dark"] main#main table tr:first-child th,
[data-theme="dark"] main#main table tr:first-child td {
background: #1e293b !important;
color: #d1d5db !important;
border-bottom-color: #374151 !important;
}
[data-theme="dark"] main#main table td {
color: #e5e7eb !important;
border-bottom-color: #2a2a2a !important;
background: transparent !important;
}
[data-theme="dark"] main#main table tbody tr:nth-child(even) td {
background: rgba(255,255,255,0.025) !important;
}
[data-theme="dark"] main#main table tbody tr:hover td {
background: rgba(212, 232, 49, 0.06) !important;
}
[data-theme="dark"] main#main table a {
color: #a7f3d0 !important;
}
[data-theme="dark"] main#main table a:hover {
color: var(--pw-brand, #d4e831) !important;
}
[data-theme="dark"] main#main table td:last-child:not(:empty) {
color: var(--pw-brand, #d4e831) !important;
} .pw-deelname-cell { text-align: center; white-space: nowrap; }
.pw-deelname-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
min-width: 42px; padding: 6px 10px;
background: transparent; border: 1px solid var(--pw-border, #e3e3e3);
border-radius: 8px; cursor: pointer; font-family: var(--pw-font);
font-size: 14px; color: var(--pw-text, #222);
transition: all 0.15s;
}
.pw-deelname-btn:hover {
border-color: var(--pw-brand, #d4e831);
background: color-mix(in oklab, var(--pw-brand) 12%, var(--pw-bg));
}
.pw-deelname-btn.is-done {
background: color-mix(in oklab, var(--pw-success, #059669) 14%, var(--pw-bg));
border-color: var(--pw-success, #059669);
color: var(--pw-success, #059669);
font-weight: 600;
}
.pw-deelname-plus { font-size: 18px; font-weight: 600; color: var(--pw-text-muted, #6b7280); }
.pw-deelname-ico { font-size: 14px; }
.pw-deelname-ico.pw-deelname-lost { color: var(--pw-warning, #dc2626); }
.pw-deelname-value { font-family: var(--pw-font-mono); font-weight: 700; }
[data-theme="dark"] .pw-deelname-btn { color: #e5e7eb; border-color: #374151; }
[data-theme="dark"] .pw-deelname-btn.is-done {
background: rgba(5, 150, 105, 0.18); border-color: #10b981; color: #a7f3d0;
}
[data-theme="dark"] .pw-deelname-plus { color: #9ca3af; } .pw-modal[hidden] { display: none !important; }
.pw-modal {
position: fixed; inset: 0; z-index: 9999;
display: flex; align-items: center; justify-content: center;
padding: 20px;
}
.pw-modal-backdrop {
position: absolute; inset: 0;
background: rgba(0,0,0,0.55);
backdrop-filter: blur(4px);
}
.pw-modal-panel {
position: relative; z-index: 1;
background: var(--pw-bg, #fff); color: var(--pw-text, #111);
border-radius: 16px; padding: 24px;
max-width: 520px; width: 100%; max-height: 90vh; overflow: auto;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
border: 1px solid var(--pw-border, #e3e3e3);
}
.pw-modal-close {
position: absolute; top: 12px; right: 16px;
background: transparent; border: 0; font-size: 28px; cursor: pointer;
color: var(--pw-text-muted, #6b7280); line-height: 1;
padding: 0; width: 32px; height: 32px;
}
.pw-modal-close:hover { color: var(--pw-text, #111); }
#pw-modal-title { margin: 0 0 8px; font-size: 20px; }
.pw-modal-prize { color: var(--pw-text-muted, #6b7280); margin: 0 0 20px; font-size: 14px; }
.pw-modal-label {
display: block; margin-bottom: 16px;
font-weight: 500; font-size: 14px;
color: var(--pw-text, #111);
}
.pw-modal-label input,
.pw-modal-label select {
display: block; width: 100%; margin-top: 6px;
padding: 10px 14px; border: 1px solid var(--pw-border, #e3e3e3);
border-radius: 8px; background: var(--pw-bg, #fff); color: var(--pw-text, #111);
font-family: var(--pw-font); font-size: 16px;
box-sizing: border-box;
}
.pw-modal-label input:focus,
.pw-modal-label select:focus {
outline: none; border-color: var(--pw-brand, #d4e831);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--pw-brand) 30%, transparent);
}
.pw-modal-sugg {
margin: 4px 0 20px; padding: 14px;
background: var(--pw-bg-muted, #f9fafb);
border-radius: 8px;
}
.pw-modal-sugg-title {
font-size: 13px; font-weight: 600; text-transform: uppercase;
letter-spacing: 0.04em; color: var(--pw-text-muted, #6b7280);
margin-bottom: 8px;
}
.pw-modal-sugg ul { list-style: none; padding: 0; margin: 0; }
.pw-modal-sugg li {
display: flex; align-items: center; gap: 10px;
padding: 6px 0;
}
.pw-modal-sugg button[data-pw-pick] {
font-family: var(--pw-font-mono); font-weight: 700; font-size: 15px;
padding: 4px 10px; border-radius: 6px;
background: var(--pw-brand, #d4e831); color: var(--pw-text, #111);
border: 1px solid transparent; cursor: pointer;
min-width: 56px; text-align: center;
}
.pw-modal-sugg button[data-pw-pick]:hover { background: var(--pw-brand-hover, #b8cc28); }
.pw-sugg-ctx { font-size: 12px; color: var(--pw-text-muted, #6b7280); flex: 1; }
.pw-modal-actions { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pw-modal-actions .pw-btn { flex: 0 0 auto; }
.pw-modal-actions .pw-btn-primary {
background: var(--pw-brand, #d4e831); color: var(--pw-text, #111);
border: 1px solid var(--pw-brand, #d4e831);
padding: 10px 20px; border-radius: 8px; font-weight: 700; cursor: pointer;
}
.pw-modal-actions .pw-btn-secondary {
background: transparent; color: var(--pw-warning, #dc2626);
border: 1px solid var(--pw-warning, #dc2626);
padding: 10px 20px; border-radius: 8px; cursor: pointer;
}
body.pw-modal-open { overflow: hidden; }
[data-theme="dark"] .pw-modal-panel { background: #1e293b; border-color: #374151; color: #e5e7eb; }
[data-theme="dark"] .pw-modal-close { color: #9ca3af; }
[data-theme="dark"] .pw-modal-close:hover { color: #e5e7eb; }
[data-theme="dark"] .pw-modal-prize { color: #9ca3af; }
[data-theme="dark"] .pw-modal-label { color: #e5e7eb; }
[data-theme="dark"] .pw-modal-label input,
[data-theme="dark"] .pw-modal-label select {
background: #0f172a; border-color: #374151; color: #e5e7eb;
}
[data-theme="dark"] .pw-modal-sugg { background: #0f172a; }
[data-theme="dark"] .pw-modal-sugg-title { color: #9ca3af; }
[data-theme="dark"] .pw-sugg-ctx { color: #9ca3af; }
@media (max-width: 640px) {
.pw-modal-panel { padding: 18px; border-radius: 12px; }
.pw-modal-actions { flex-direction: column-reverse; }
.pw-modal-actions .pw-btn { width: 100%; }
}