.ssf-box {
border:1px solid #ddd;
padding:15px;
margin-bottom:20px;
background:#fff;
}
.ssf-title {
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.ssf-badge-open {
color:#0a7c2f;
font-weight:bold;
}
.ssf-badge-locked {
color:#b30000;
font-weight:bold;
}
.ssf-btn {
display:inline-block;
padding:6px 10px;
margin:4px 4px 4px 0;
border-radius:4px;
text-decoration:none;
background:#0073aa;
color:#fff;
}
.ssf-btn-disabled {
background:#ccc;
color:#666;
cursor:not-allowed;
}
.ssf-table {
width:100%;
border-collapse:collapse;
}
.ssf-table th,
.ssf-table td {
border:1px solid #ccc;
padding:8px;
}
.ssf-row-ok { background:#e6ffed; }
.ssf-row-no { background:#ffe6e6; }
.ssf-row-wait { background:#f2f2f2; }:root {
--sa-primary:   #0057a8;
--sa-secondary: #17a2b8;
--sa-success:   #28a745;
--sa-danger:    #dc3545;
--sa-warning:   #ffc107;
--sa-bg:        #f0f4f8;
--sa-card:      #ffffff;
--sa-border:    #d1dbe6;
--sa-text:      #2c3e50;
--sa-muted:     #6c757d;
--sa-radius:    10px;
--sa-shadow:    0 2px 12px rgba(0,0,0,.09);
} .sa-root *, .sa-root *::before, .sa-root *::after {
box-sizing: border-box;
margin: 0; padding: 0;
}
.sa-root {
font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
font-size: 15px;
color: var(--sa-text);
background: var(--sa-bg);
min-height: 200px;
padding: 20px;
} .sa-lang-bar {
display: flex;
justify-content: flex-end;
gap: 6px;
margin-bottom: 16px;
}
.sa-lang-btn {
padding: 5px 14px;
border: 2px solid var(--sa-primary);
border-radius: 20px;
background: transparent;
color: var(--sa-primary);
font-weight: 600;
cursor: pointer;
font-size: 13px;
transition: all .2s;
}
.sa-lang-btn.active {
background: var(--sa-primary);
color: #fff;
}
.sa-theme-btn {
width: 32px;
height: 32px;
border: 2px solid var(--sa-border);
border-radius: 50%;
background: var(--sa-card);
cursor: pointer;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: all .2s;
}
.sa-theme-btn:hover { border-color: var(--sa-primary); transform: scale(1.06); } .sa-search-card {
background: var(--sa-card);
border-radius: var(--sa-radius);
box-shadow: var(--sa-shadow);
padding: 32px 28px;
max-width: 680px;
margin: 0 auto 30px;
}
.sa-search-card h1 {
font-size: 1.5rem;
font-weight: 700;
color: var(--sa-primary);
margin-bottom: 6px;
text-align: center;
}
.sa-search-card .sa-subtitle {
text-align: center;
color: var(--sa-muted);
font-size: 0.88rem;
margin-bottom: 26px;
} .sa-date-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 18px;
}
@media (max-width: 520px) {
.sa-date-row { grid-template-columns: 1fr; }
} .sa-form-group {
display: flex;
flex-direction: column;
gap: 5px;
}
.sa-form-group label {
font-size: 0.82rem;
font-weight: 600;
color: var(--sa-muted);
letter-spacing: .03em;
text-transform: uppercase;
}
.sa-form-group input[type="date"],
.sa-form-group input[type="text"] {
padding: 10px 14px;
border: 1.5px solid var(--sa-border);
border-radius: 7px;
font-size: 14px;
color: var(--sa-text);
outline: none;
transition: border-color .2s;
width: 100%;
background: #fff;
}
.sa-form-group input:focus {
border-color: var(--sa-primary);
} .sa-autocomplete-wrap {
position: relative;
margin-bottom: 18px;
}
.sa-autocomplete-dropdown {
position: absolute;
top: calc(100% + 4px);
left: 0; right: 0;
background: #fff;
border: 1.5px solid var(--sa-border);
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0,0,0,.12);
z-index: 9999;
max-height: 280px;
overflow-y: auto;
display: none;
}
.sa-autocomplete-dropdown.open { display: block; }
.sa-ac-item {
padding: 10px 14px;
cursor: pointer;
border-bottom: 1px solid var(--sa-border);
transition: background .15s;
}
.sa-ac-item:last-child { border-bottom: none; }
.sa-ac-item:hover, .sa-ac-item.highlighted {
background: #eef4ff;
}
.sa-ac-name    { font-weight: 600; font-size: 14px; }
.sa-ac-name-ar { font-size: 13px; color: var(--sa-muted); direction: rtl; }
.sa-ac-meta    { font-size: 12px; color: var(--sa-muted); } .sa-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 11px 22px;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 15px;
font-weight: 600;
transition: all .2s;
}
.sa-btn-primary {
background: var(--sa-primary);
color: #fff;
width: 100%;
justify-content: center;
}
.sa-btn-primary:hover { background: #004494; }
.sa-btn-secondary {
background: var(--sa-secondary);
color: #fff;
}
.sa-btn-secondary:hover { background: #138496; }
.sa-btn-success {
background: var(--sa-success);
color: #fff;
}
.sa-btn-success:hover { background: #218838; }
.sa-btn-outline {
background: transparent;
border: 2px solid var(--sa-primary);
color: var(--sa-primary);
}
.sa-btn-outline:hover {
background: var(--sa-primary);
color: #fff;
}
.sa-btn-sm { padding: 7px 14px; font-size: 13px; } .sa-error {
color: var(--sa-danger);
font-size: 13px;
margin-top: 8px;
display: none;
}
.sa-error.visible { display: block; } .sa-spinner {
text-align: center;
padding: 60px 20px;
color: var(--sa-muted);
}
.sa-spinner::before {
content: '';
display: inline-block;
width: 38px; height: 38px;
border: 4px solid var(--sa-border);
border-top-color: var(--sa-primary);
border-radius: 50%;
animation: sa-spin .7s linear infinite;
margin-bottom: 12px;
}
@keyframes sa-spin { to { transform: rotate(360deg); } } #sa-analysis {
max-width: 1100px;
margin: 0 auto;
} .sa-swimmer-card {
background: linear-gradient(135deg, var(--sa-primary) 0%, #2980b9 100%);
color: #fff;
border-radius: var(--sa-radius);
padding: 28px 30px;
margin-bottom: 22px;
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.sa-swimmer-avatar {
width: 68px; height: 68px;
border-radius: 50%;
background: rgba(255,255,255,.25);
display: flex; align-items: center; justify-content: center;
font-size: 2rem;
flex-shrink: 0;
}
.sa-swimmer-name   { font-size: 1.35rem; font-weight: 700; }
.sa-swimmer-name-ar{ font-size: 1rem; opacity: .85; direction: rtl; }
.sa-swimmer-meta   { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 8px; }
.sa-swimmer-meta span { font-size: 13px; opacity: .9; }
.sa-swimmer-meta strong { font-weight: 700; } .sa-section {
background: var(--sa-card);
border-radius: var(--sa-radius);
box-shadow: var(--sa-shadow);
margin-bottom: 22px;
overflow: hidden;
}
.sa-section-header {
background: var(--sa-primary);
color: #fff;
padding: 14px 22px;
font-size: 1rem;
font-weight: 700;
display: flex;
align-items: center;
gap: 9px;
}
.sa-section-body { padding: 20px 22px; } .sa-table-wrap { overflow-x: auto; }
.sa-table {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
}
.sa-table th {
background: #f0f4f8;
padding: 10px 12px;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
color: var(--sa-muted);
border-bottom: 2px solid var(--sa-border);
white-space: nowrap;
}
.sa-table td {
padding: 10px 12px;
border-bottom: 1px solid #edf0f4;
vertical-align: middle;
}
.sa-table tr:last-child td { border-bottom: none; }
.sa-table tr:hover td { background: #f8fafc; } .sa-badge {
display: inline-block;
padding: 2px 9px;
border-radius: 12px;
font-size: 11px;
font-weight: 700;
letter-spacing: .03em;
}
.sa-badge-ok      { background: #d4edda; color: #155724; }
.sa-badge-dq      { background: #f8d7da; color: #721c24; }
.sa-badge-dns     { background: #fff3cd; color: #856404; }
.sa-badge-gold    { background: #fff5cc; color: #856404; border: 1px solid #ffc107; }
.sa-badge-record  { background: #cce5ff; color: #004085; } .sa-stroke-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
}
.sa-stroke-card {
border: 1.5px solid var(--sa-border);
border-radius: 9px;
padding: 16px 18px;
transition: box-shadow .2s;
}
.sa-stroke-card:hover { box-shadow: 0 4px 16px rgba(0,87,168,.12); }
.sa-stroke-card .sc-event { font-weight: 700; font-size: 14px; color: var(--sa-primary); margin-bottom: 4px; }
.sa-stroke-card .sc-pool  { font-size: 12px; color: var(--sa-muted); margin-bottom: 10px; }
.sa-stroke-card .sc-row   { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 4px; }
.sa-stroke-card .sc-val   { font-weight: 600; } .sa-chart-tabs {
display: flex;
gap: 0;
border-bottom: 2px solid var(--sa-border);
margin-bottom: 20px;
flex-wrap: wrap;
}
.sa-chart-tab {
padding: 9px 18px;
cursor: pointer;
font-size: 13px;
font-weight: 600;
color: var(--sa-muted);
border-bottom: 3px solid transparent;
margin-bottom: -2px;
transition: all .2s;
}
.sa-chart-tab.active {
color: var(--sa-primary);
border-bottom-color: var(--sa-primary);
}
.sa-chart-panel { display: none; }
.sa-chart-panel.active { display: block; }
.sa-chart-filter {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.sa-chart-filter label { font-size: 13px; font-weight: 600; }
.sa-chart-filter select {
padding: 6px 12px;
border: 1.5px solid var(--sa-border);
border-radius: 6px;
font-size: 13px;
outline: none;
}
.sa-chart-canvas-wrap { position: relative; height: 320px; } .sa-diff-better { color: var(--sa-success); font-weight: 700; }
.sa-diff-worse  { color: var(--sa-danger);  font-weight: 600; } .sa-badge-archive { background: #e9ecef; color: #495057; }
.sa-row-national  { background: #fffef0; }
.sa-row-national:hover td { background: #fff9e0 !important; }
.sa-badge-record  { background: #cce5ff; color: #004085; }
.sa-time-val      { font-family: 'Consolas', 'Courier New', monospace; font-weight: 700; color: var(--sa-primary); letter-spacing: .02em; }
.sa-empty         { color: var(--sa-muted); font-style: italic; padding: 8px 0; } .sa-action-bar {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 22px;
flex-wrap: wrap;
}
.sa-period-badge {
background: #e8f0fe;
color: var(--sa-primary);
border-radius: 20px;
padding: 5px 14px;
font-size: 13px;
font-weight: 600;
margin-left: auto;
} .sa-pagination {
display: flex;
gap: 6px;
align-items: center;
justify-content: center;
padding-top: 16px;
flex-wrap: wrap;
}
.sa-page-btn {
min-width: 34px;
height: 34px;
border: 1.5px solid var(--sa-border);
border-radius: 6px;
background: #fff;
cursor: pointer;
font-size: 13px;
display: flex; align-items: center; justify-content: center;
transition: all .2s;
}
.sa-page-btn.active {
background: var(--sa-primary);
color: #fff;
border-color: var(--sa-primary);
}
.sa-page-btn:hover:not(.active) { background: var(--sa-bg); } [dir="rtl"] .sa-root {
direction: rtl;
text-align: right;
}
[dir="rtl"] .sa-lang-bar { justify-content: flex-start; }
[dir="rtl"] .sa-period-badge { margin-left: 0; margin-right: auto; }
[dir="rtl"] .sa-swimmer-name-ar { direction: rtl; }
[dir="rtl"] .sa-table th,
[dir="rtl"] .sa-table td { text-align: right; }
[dir="rtl"] .sa-chart-filter { flex-direction: row-reverse; } .sa-rec-selector-wrap {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
flex-wrap: wrap;
}
.sa-rec-selector-lbl {
font-weight: 700;
color: var(--sa-primary);
font-size: 14px;
white-space: nowrap;
}
.sa-rec-select {
flex: 1;
min-width: 200px;
max-width: 500px;
padding: 9px 14px;
border: 1.5px solid #cbd5e1;
border-radius: 10px;
font-size: 14px;
background: #fff;
color: var(--sa-text);
cursor: pointer;
outline: none;
transition: border-color .2s, box-shadow .2s;
}
.sa-rec-select:focus {
border-color: var(--sa-primary);
box-shadow: 0 0 0 3px rgba(0,87,168,.12);
} .sa-rec-cmp-wrap {
background: linear-gradient(145deg, #f4f8ff 0%, #edf2f7 100%);
border: 1.5px solid #dde4f0;
border-radius: 20px;
padding: 28px 24px 20px;
margin-bottom: 28px;
text-align: center;
} .sa-cmp-legend {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 28px;
font-size: 13px;
font-weight: 600;
color: #475569;
}
.sa-cmp-dot {
width: 12px; height: 12px;
border-radius: 50%;
flex-shrink: 0;
}
.sa-cmp-legend-name { color: #2c3e50; }
.sa-cmp-cat-tag {
background: #e0e7ff;
color: #3730a3;
padding: 2px 10px;
border-radius: 12px;
font-size: 12px;
margin-left: 8px;
} .sa-cmp-tubes-row {
display: flex;
align-items: flex-end;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
min-height: 265px;
padding-top: 8px;
} .sa-cmp-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-width: 96px;
} .sa-cmp-pct {
font-size: 22px;
font-weight: 800;
color: #2c3e50;
letter-spacing: -.5px;
line-height: 1;
}
.sa-cmp-pct-gold { color: #D97706; } .sa-cmp-tube {
width: 90px;
border-radius: 12px 12px 5px 5px;
position: relative;
overflow: hidden;
transition: height .9s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 6px 20px rgba(0,0,0,.18);
flex-shrink: 0;
} .sa-cmp-tube::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
100deg,
rgba(255,255,255,.35) 0%,
transparent            38%,
rgba(0,0,0,.10)       100%
);
border-radius: inherit;
pointer-events: none;
} .sa-cmp-shine {
position: absolute;
top: 10px; left: 10px;
width: 14px;
bottom: 10px;
background: rgba(255,255,255,.45);
border-radius: 7px;
pointer-events: none;
z-index: 1;
} .sa-cmp-time-lbl {
font-family: 'Consolas', 'Courier New', monospace;
font-size: 16px;
font-weight: 700;
color: #1e293b;
} .sa-cmp-sub-lbl {
font-size: 12px;
color: #64748b;
font-weight: 600;
text-align: center;
max-width: 120px;
line-height: 1.3;
} .sa-cmp-gap-mini {
font-size: 12px;
font-weight: 700;
padding: 3px 10px;
border-radius: 14px;
background: #f1f5f9;
white-space: nowrap;
}
.sa-cmp-gap-mini.sa-diff-better { background: #d1fae5; color: #065f46; }
.sa-cmp-gap-mini.sa-diff-worse  { background: #fee2e2; color: #991b1b; } .sa-cmp-info-strip {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px 24px;
margin-top: 22px;
padding-top: 16px;
border-top: 1px solid #dde4f0;
font-size: 13px;
color: #475569;
}
.sa-cmp-info-group strong { font-weight: 700; color: #1e293b; margin-right: 4px; } @media (max-width: 640px) {
.sa-root { padding: 12px; }
.sa-search-card { padding: 20px 16px; }
.sa-swimmer-card { padding: 18px 16px; gap: 14px; }
.sa-section-body { padding: 14px 14px; }
.sa-table th, .sa-table td { padding: 8px 8px; font-size: 12px; }
.sa-stroke-grid { grid-template-columns: 1fr 1fr; }
.sa-action-bar { flex-direction: column; align-items: stretch; }
.sa-period-badge { margin: 0; text-align: center; }
.sa-chart-canvas-wrap { height: 240px; }
}
@media (max-width: 380px) {
.sa-stroke-grid  { grid-template-columns: 1fr; }
.sa-donuts-grid  { grid-template-columns: repeat(2, 1fr); }
} .sa-root[data-theme="dark"] {
--sa-primary:   #4f9dff;
--sa-secondary: #22d3ee;
--sa-success:   #34d399;
--sa-danger:    #f87171;
--sa-warning:   #fbbf24;
--sa-bg:        #0b1220;
--sa-card:      #151f32;
--sa-border:    #2a3752;
--sa-text:      #e5edf7;
--sa-muted:     #93a4bf;
--sa-shadow:    0 4px 24px rgba(0,0,0,.45);
}
.sa-root[data-theme="dark"] .sa-form-group input[type="date"],
.sa-root[data-theme="dark"] .sa-form-group input[type="text"] {
background: #0f1a2e;
color: var(--sa-text);
border-color: var(--sa-border);
color-scheme: dark;
}
.sa-root[data-theme="dark"] .sa-form-group input::placeholder { color: #5b6b89; }
.sa-root[data-theme="dark"] .sa-autocomplete-dropdown {
background: var(--sa-card);
border-color: var(--sa-border);
box-shadow: 0 10px 30px rgba(0,0,0,.5);
}
.sa-root[data-theme="dark"] .sa-ac-item { border-bottom-color: var(--sa-border); }
.sa-root[data-theme="dark"] .sa-ac-item:hover,
.sa-root[data-theme="dark"] .sa-ac-item.highlighted { background: rgba(79,157,255,.14); }
.sa-root[data-theme="dark"] .sa-ac-name-ar { color: var(--sa-muted); }
.sa-root[data-theme="dark"] .sa-swimmer-card {
background: linear-gradient(135deg, #1c3f66 0%, #142c4d 100%);
}
.sa-root[data-theme="dark"] .sa-table th {
background: #101b30;
color: var(--sa-muted);
border-bottom-color: var(--sa-border);
}
.sa-root[data-theme="dark"] .sa-table td { border-bottom-color: #223047; }
.sa-root[data-theme="dark"] .sa-table tr:hover td { background: rgba(79,157,255,.07); }
.sa-root[data-theme="dark"] .sa-badge-ok      { background: rgba(52,211,153,.16);  color: #6ee7b7; }
.sa-root[data-theme="dark"] .sa-badge-dq      { background: rgba(248,113,113,.16); color: #fca5a5; }
.sa-root[data-theme="dark"] .sa-badge-dns     { background: rgba(251,191,36,.16);  color: #fcd34d; }
.sa-root[data-theme="dark"] .sa-badge-gold    { background: rgba(251,191,36,.16);  color: #fcd34d; border-color: #f59e0b; }
.sa-root[data-theme="dark"] .sa-badge-record  { background: rgba(79,157,255,.20);  color: #93c5fd; }
.sa-root[data-theme="dark"] .sa-badge-archive { background: rgba(148,163,184,.16); color: #cbd5e1; }
.sa-root[data-theme="dark"] .sa-row-national { background: rgba(251,191,36,.06); }
.sa-root[data-theme="dark"] .sa-row-national:hover td { background: rgba(251,191,36,.12) !important; }
.sa-root[data-theme="dark"] .sa-period-badge { background: rgba(79,157,255,.16); }
.sa-root[data-theme="dark"] .sa-chart-filter select,
.sa-root[data-theme="dark"] .sa-rec-select {
background: #0f1a2e;
color: var(--sa-text);
border-color: var(--sa-border);
}
.sa-root[data-theme="dark"] .sa-rec-select:focus {
box-shadow: 0 0 0 3px rgba(79,157,255,.18);
}
.sa-root[data-theme="dark"] .sa-rec-cmp-wrap {
background: linear-gradient(145deg, #16233b 0%, #101a2c 100%);
border-color: var(--sa-border);
}
.sa-root[data-theme="dark"] .sa-cmp-legend      { color: #a8b7d1; }
.sa-root[data-theme="dark"] .sa-cmp-legend-name { color: var(--sa-text); }
.sa-root[data-theme="dark"] .sa-cmp-cat-tag     { background: rgba(139,92,246,.22); color: #c4b5fd; }
.sa-root[data-theme="dark"] .sa-cmp-pct         { color: var(--sa-text); }
.sa-root[data-theme="dark"] .sa-cmp-time-lbl    { color: var(--sa-text); }
.sa-root[data-theme="dark"] .sa-cmp-sub-lbl     { color: #7d8caa; }
.sa-root[data-theme="dark"] .sa-cmp-gap-mini   { background: #1c2942; }
.sa-root[data-theme="dark"] .sa-cmp-gap-mini.sa-diff-better { background: rgba(52,211,153,.18); color: #6ee7b7; }
.sa-root[data-theme="dark"] .sa-cmp-gap-mini.sa-diff-worse  { background: rgba(248,113,113,.18); color: #fca5a5; }
.sa-root[data-theme="dark"] .sa-cmp-info-strip  { border-top-color: var(--sa-border); color: #a8b7d1; }
.sa-root[data-theme="dark"] .sa-cmp-info-group strong { color: var(--sa-text); }
.sa-root[data-theme="dark"] .sa-page-btn { background: var(--sa-card); border-color: var(--sa-border); color: var(--sa-text); }
.sa-root[data-theme="dark"] .sa-page-btn:hover:not(.active) { background: rgba(79,157,255,.12); }
.sa-root[data-theme="dark"] .sa-btn-outline { color: var(--sa-primary); border-color: var(--sa-primary); }
.sa-root[data-theme="dark"] .sa-btn-outline:hover { color: #fff; }
.sa-root[data-theme="dark"] .sa-stroke-card:hover { box-shadow: 0 4px 16px rgba(79,157,255,.18); } body:has(.sa-root[data-theme="dark"]) {
background: #0b1220 !important;
}
body:has(.sa-root[data-theme="dark"]) #site-header,
body:has(.sa-root[data-theme="dark"]) .site-header {
background: #0b1220 !important;
border-color: #2a3752 !important;
}
body:has(.sa-root[data-theme="dark"]) .site-title a,
body:has(.sa-root[data-theme="dark"]) .site-branding a {
color: #e5edf7 !important;
}
body:has(.sa-root[data-theme="dark"]) #content,
body:has(.sa-root[data-theme="dark"]) .site-main,
body:has(.sa-root[data-theme="dark"]) .page-content {
background: #0b1220 !important;
}
body:has(.sa-root[data-theme="dark"]) #site-footer,
body:has(.sa-root[data-theme="dark"]) .site-footer {
background: #0b1220 !important;
border-color: #2a3752 !important;
}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-header .header-inner,body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-header .header-inner,body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-header .header-inner,body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-header .header-inner,body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-header .header-inner,body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-header .header-inner,body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}.search-form{max-width:294px;position:relative}.search-form label{width:100%}.search-form .search-field{padding-inline-start:2.5rem}.search-form .search-submit{border:unset;color:unset;inset-inline-start:-.25rem;position:absolute;top:.1rem}.search-form .search-submit:focus,.search-form .search-submit:hover{background-color:unset;color:unset}.ehp-pagination .nav-links{display:flex}.ehp-pagination .page-numbers{align-items:center;display:inline-flex;height:40px;justify-content:center;min-width:40px;text-decoration:none}.ehp-pagination .page-numbers.current{background:#336;border-radius:4px;color:#fff}.ehp-pagination .page-numbers .meta-nav{align-items:center;display:inline-flex}.search .site-main{display:flex;gap:60px;padding:60px}.search .entry-title{font-size:2rem;margin-top:0;padding:0}.search .entry-title span{font-weight:700}.search .page-content{display:flex;flex:1 0 0;flex-direction:column;gap:60px}.search .posts-container{align-items:flex-start;display:flex;flex-direction:column;gap:32px}.search .posts-container .post{border-bottom:1px solid #ccc}.search.search-no-results .page-content{gap:32px}@media(max-width:992px){.search .site-main{flex-direction:column}}.error404 .site-main{margin-top:5%;padding:60px;text-align:center}.error404 .entry-title{font-size:2rem;font-weight:700}.error404 .search-form{margin:0 auto;max-width:270px}#wp-admin-bar-hello-biz-home>.ab-item:before{content:"";font-family:eicons;font-size:18px;inset-block-start:3px}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}