/* Stats Bar */
.hwp-stats-bar {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1rem;margin-bottom: 2rem;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 12px;padding: 1.25rem 1.5rem;}
.hwp-stat {text-align: center;color: white;}
.hwp-stat-num {display: block;font-size: 1.75rem;font-weight: 700;line-height: 1.2;}
.hwp-stat-label {font-size: 0.78rem;opacity: 0.85;margin-top: 0.25rem;display: block;}
/* Content Blocks */
.hwp-block {background: white;padding: 2rem;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.07);margin-bottom: 1.5rem;}
.hwp-block--alt {background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);}
.hwp-block h2 {font-size: 1.4rem;color: #1f2937;margin-bottom: 1.25rem;padding-bottom: 0.6rem;border-bottom: 3px solid #667eea;}
.hwp-intro {color: #6b7280;margin-bottom: 1.25rem;font-size: 0.97rem;line-height: 1.7;}
/* Data Sources */
.hwp-sources-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1rem;}
.hwp-source-card {background: white;border: 1px solid #e5e7eb;border-radius: 8px;padding: 1.25rem 1rem;text-align: center;transition: box-shadow 0.2s;}
.hwp-source-card:hover {box-shadow: 0 4px 12px rgba(102,126,234,0.15);}
.hwp-source-icon {font-size: 1.75rem;display: block;margin-bottom: 0.5rem;}
.hwp-source-card strong {display: block;color: #1f2937;font-size: 0.95rem;margin-bottom: 0.4rem;}
.hwp-source-card p {color: #6b7280;font-size: 0.82rem;line-height: 1.5;margin: 0;}
/* Analysis Factors */
.hwp-factors-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;}
.hwp-factor {display: flex;gap: 0.75rem;background: white;border-radius: 8px;padding: 1rem;border: 1px solid #e5e7eb;align-items: flex-start;}
.hwp-factor-icon {font-size: 1.5rem;min-width: 36px;text-align: center;}
.hwp-factor strong {display: block;color: #1f2937;font-size: 0.9rem;margin-bottom: 0.3rem;}
.hwp-factor p {color: #6b7280;font-size: 0.82rem;line-height: 1.5;margin: 0;}
/* Prediction Types */
.hwp-types-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;}
.hwp-type-card {background: #f9fafb;border: 1px solid #e5e7eb;border-radius: 8px;padding: 1rem;transition: box-shadow 0.2s, border-color 0.2s;}
.hwp-type-card:hover {border-color: #667eea;box-shadow: 0 4px 12px rgba(102,126,234,0.12);}
.hwp-type-header {font-weight: 700;color: #1f2937;font-size: 0.9rem;margin-bottom: 0.75rem;padding-bottom: 0.5rem;border-bottom: 2px solid #667eea;}
.hwp-type-card p {color: #6b7280;font-size: 0.8rem;line-height: 1.5;margin-bottom: 0.4rem;}
.hwp-type-card p:last-child {margin-bottom: 0;}
.hwp-type-card strong {color: #374151;}
/* Confidence vs Probability */
.hwp-cvp-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-bottom: 1.5rem;}
.hwp-cvp-card {background: white;border: 1px solid #e5e7eb;border-radius: 8px;padding: 1.25rem;}
.hwp-cvp-label {font-weight: 700;font-size: 1rem;margin-bottom: 0.75rem;padding: 0.4rem 0.75rem;border-radius: 6px;display: inline-block;}
.hwp-cvp-label--prob  { background: #dcfce7; color: #166534;}
.hwp-cvp-label--conf  { background: #dbeafe; color: #1e40af;}
.hwp-cvp-card p {color: #6b7280;font-size: 0.85rem;line-height: 1.6;margin-bottom: 0.75rem;}
.hwp-cvp-card ul {list-style: disc;margin-left: 1.25rem;color: #374151;font-size: 0.82rem;line-height: 1.7;}
.hwp-table-title {font-size: 1rem;color: #1f2937;margin-bottom: 0.75rem;margin-top: 1.5rem;font-weight: 600;}
/* Decision Table tweaks */
.hwp-decision-table td {vertical-align: middle;font-size: 0.85rem;}
/* Warning Note */
.hwp-note {background: #fffbeb;border: 1px solid #f59e0b;border-radius: 8px;padding: 1rem 1.25rem;margin-top: 1.25rem;color: #78350f;font-size: 0.85rem;line-height: 1.6;}
.hwp-note strong {color: #92400e;}
.hwp-note em {font-style: italic;font-weight: 600;}
/* CTA */
.hwp-cta {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 12px;padding: 2rem;text-align: center;color: white;}
.hwp-cta h2 {color: white;font-size: 1.5rem;margin-bottom: 0.5rem;}
.hwp-cta p {color: rgba(255,255,255,0.85);margin-bottom: 1.25rem;font-size: 0.95rem;}
.hwp-cta-buttons {display: flex;gap: 0.75rem;justify-content: center;flex-wrap: wrap;}
.btn-large {padding: 0.75rem 1.5rem;font-size: 0.95rem;}
/* Table wrapper */
.table-responsive {overflow-x: auto;margin: 1.5rem 0;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);-webkit-overflow-scrolling: touch;}
/* Decision table */
.predictions-table {width: 100%;border-collapse: collapse;background: white;min-width: 600px;}
.predictions-table thead {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;}
.predictions-table th {padding: 0.75rem 1rem;font-weight: 600;font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.5px;}
.predictions-table tbody tr {border-bottom: 1px solid #e5e7eb;transition: background-color 0.2s;}
.predictions-table tbody tr:hover {background-color: #f9fafb;}
.predictions-table tbody tr:last-child {border-bottom: none;}
.predictions-table td {padding: 0.6rem 1rem;font-size: 0.9rem;}
/* Probability badges */
.prob-badge {display: inline-block;padding: 0.25rem 0.5rem;border-radius: 6px;font-weight: 700;font-size: 0.85rem;white-space: nowrap;}
.prob-high   {background: #dcfce7;color: #166534;}
.prob-medium {background: #fef3c7;color: #92400e;}
.prob-low{background: #fee2e2;color: #991b1b;}
/* Form indicators */
.form-win  {display: inline-block;background: #10b981;color: white;border-radius: 3px;padding: 0 4px;font-weight: 700;font-size: 0.85rem; margin-right: 5px;}
.form-draw {display: inline-block;background: #f59e0b;color: white;border-radius: 3px;padding: 0 4px;font-weight: 700;font-size: 0.85rem; margin-right: 5px;}
.form-loss {display: inline-block;background: #ef4444;color: white;border-radius: 3px;padding: 0 4px;font-weight: 700;font-size: 0.85rem; margin-right: 5px;}
/* Disclaimer */
.hwp-disclaimer {display: flex;gap: 1rem;align-items: flex-start;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px;padding: 1.25rem 1.5rem;margin-bottom: 1.5rem;}
.hwp-disclaimer-icon {font-size: 1.5rem;min-width: 32px;text-align: center;margin-top: 2px;}
.hwp-disclaimer-text p {color: #6b7280;font-size: 0.82rem;line-height: 1.6;margin-bottom: 0.4rem;}
.hwp-disclaimer-text p:last-child {margin-bottom: 0;}
/* Mobile */
@media (max-width: 480px) {
.hwp-disclaimer { flex-direction: column; gap: 0.5rem; padding: 1rem; }
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.hwp-types-grid { grid-template-columns: repeat(3, 1fr);}
.hwp-sources-grid { grid-template-columns: repeat(2, 1fr);}
.hwp-factors-grid { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
.hwp-stats-bar {grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 1rem;}
.hwp-stat-num {font-size: 1.4rem;}
.hwp-block {padding: 1.25rem;}
.hwp-block h2 {font-size: 1.2rem;}
.hwp-sources-grid {grid-template-columns: repeat(2, 1fr);}
.hwp-factors-grid {grid-template-columns: 1fr;}
.hwp-types-grid {grid-template-columns: repeat(2, 1fr);}
.hwp-cvp-grid {grid-template-columns: 1fr;}
.hwp-cta-buttons {flex-direction: column;}
.btn-large {width: 100%;}
}
@media (max-width: 480px) {
.hwp-stats-bar{grid-template-columns: repeat(2, 1fr); padding: 0.75rem;}
.hwp-stat-num {font-size: 1.2rem;}
.hwp-stat-label {font-size: 0.7rem;}
.hwp-sources-grid {grid-template-columns: 1fr 1fr;}
.hwp-types-grid {grid-template-columns: 1fr;}
.hwp-block { padding: 1rem;}
}