.main-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem clamp(1.5rem, 5vw, 2rem) 3rem;
}

.breadcrumb { margin-bottom: 0.5rem; font-size: 0.9rem; }
.breadcrumb a { color: #68717f; text-decoration: none; transition: color 0.3s ease; }
.breadcrumb a:hover { color: #ff6b4a; }
.breadcrumb span { color: #99a2b0; margin: 0 0.5rem; }
.breadcrumb .current { color: #354052; font-weight: 500; }

.new-here-note { font-size: 0.85rem; color: #99a2b0; margin-bottom: 1.5rem; }
.new-here-note a { color: #68717f; text-decoration: underline; }
.new-here-note a:hover { color: #ff6b4a; }
.offer-preflight { background: var(--wash); border: var(--keyline-w) solid var(--keyline); border-radius: var(--r-sm); padding: 1rem 1.15rem; margin: 0 0 1.25rem; color: var(--ink-70); font-size: .88rem; line-height: 1.6; }
.offer-preflight strong { display: block; color: var(--ink); margin-bottom: .2rem; }
.offer-preflight a { color: var(--info-strong); font-weight: 700; }

.page-header { margin-bottom: 2rem; }
.page-header h1 { font-family: 'Crimson Pro', serif; display: flex; flex-direction: column; gap: 0.1rem; margin-bottom: 0.5rem; }
.casino-name-highlight { font-size: clamp(2rem, 6vw, 3rem); font-weight: 700; color: #ff6b4a; line-height: 1.15; }
.offer-h1-detail { font-size: clamp(1.25rem, 3.5vw, 1.75rem); font-weight: 600; color: #354052; line-height: 1.3; }
.page-subtitle { color: #68717f; font-size: 1rem; margin-top: 0.25rem; }

.offer-summary { background: white; border-radius: var(--r-md); border: 2px solid #e3ddd3; padding: 2rem; margin-bottom: 1.5rem; box-shadow: var(--shadow-1); }
.offer-header-section { display: flex; justify-content: center; margin-bottom: 1.5rem; }
.risk-badge { color: white; padding: 0.5rem 1rem; border-radius: var(--r-md); font-size: 1.1rem; font-weight: 600; }
.risk-badge.blue   { background: #2f5d8f; }
.risk-badge.green  { background: #1f7a5c; }
.risk-badge.amber  { background: #a3611a; }
.risk-badge.red    { background: #932e22; }
.offer-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.stat-item { text-align: center; padding: 0.9rem 0.5rem; background: #f8f5f0; border-radius: var(--r-md); }
.stat-label { color: #68717f; font-size: 0.8rem; margin-bottom: 0.25rem; }
.stat-value { font-family: 'Crimson Pro', serif; font-size: 1.5rem; font-weight: 700; color: #354052; }
.stat-value.highlight { color: #1f7a5c; font-size: 1.75rem; }
.stat-value.stat-sm { font-size: 1rem; }

.cta-button { display: block; width: 100%; padding: 1.25rem; background: #ff6b4a; color: white; text-decoration: none; text-align: center; border-radius: var(--r-md); font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: var(--shadow-1); box-sizing: border-box; }
.cta-button:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }
.cta-note { text-align: center; color: #68717f; font-size: 0.85rem; margin-top: 0.75rem; }

.jump-nav { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; padding: 0.75rem 0; margin-bottom: 1.5rem; }
.jump-nav-label { font-size: 0.8rem; color: #99a2b0; font-weight: 500; margin-right: 0.25rem; }
.jump-link { font-size: 0.82rem; color: #68717f; text-decoration: none; background: #f8f5f0; padding: 0.3rem 0.75rem; border-radius: var(--r-md); border: 1px solid #e3ddd3; transition: all 0.2s; }
.jump-link:hover { background: #ff6b4a; color: white; border-color: #ff6b4a; }

.guide-section { background: white; border-radius: var(--r-md); border: 1px solid #e3ddd3; padding: 2rem; margin-bottom: 2rem; box-shadow: var(--shadow-1); }
.guide-section h2 { font-family: 'Crimson Pro', serif; font-size: 1.75rem; color: #354052; margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid #f2ede5; }
.guide-section p { color: #48536a; line-height: 1.8; margin-bottom: 1rem; }

.steps-list { counter-reset: step-counter; list-style: none; margin: 1.5rem 0; padding: 0; }
.steps-list li { counter-increment: step-counter; position: relative; padding-left: 3.5rem; margin-bottom: 2rem; }
.steps-list li::before { content: counter(step-counter); position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; background: #ff6b4a; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.1rem; }
.step-title { font-weight: 600; color: #354052; font-size: 1.05rem; margin-bottom: 0.5rem; }
.step-description { color: #48536a; line-height: 1.7; }

.info-box { background: #eef2f7; border-left: 4px solid #2f5d8f; padding: 1rem 1.25rem; border-radius: 0 var(--r-md) var(--r-md) 0; margin: 1rem 0; }
.info-box.warning { background: #f5ead2; border-left-color: #a3611a; }
.info-box.success { background: #dbeae4; border-left-color: #1f7a5c; }
.info-box-title { font-weight: 600; color: #354052; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.info-box p { color: #48536a; margin: 0; line-height: 1.7; }

.ev-note { font-size: 0.875rem; color: #99a2b0; border-top: 1px solid #f2ede5; padding-top: 0.75rem; margin-top: 0.25rem; margin-bottom: 0; line-height: 1.6; }
.ev-note a { color: #99a2b0; }
.ev-note a:hover { color: #ff6b4a; }

details summary.tc-summary { font-family: 'Crimson Pro', serif; font-size: 1.2rem; font-weight: 600; color: #48536a; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0; }
details summary.tc-summary::-webkit-details-marker { display: none; }
details summary.tc-summary::before { content: "+"; font-size: 1.2rem; color: #99a2b0; display: inline-block; width: 1.2rem; }
details[open] summary.tc-summary::before { content: "-"; }
.tc-list { list-style: none; margin: 0.75rem 0 0; padding: 0; }
.tc-list li { padding: 0.3rem 0 0.3rem 1rem; border-left: 2px solid #f2ede5; margin-bottom: 0.25rem; color: #48536a; font-size: 0.9rem; line-height: 1.6; }
.tc-source { color: #99a2b0; font-size: 0.85rem; margin-top: 1rem; }

.tips-list { list-style: disc; padding-left: 1.25rem; margin: 0.75rem 0; }
.tips-list li { color: #48536a; line-height: 1.7; margin-bottom: 0.4rem; font-size: 0.9rem; }

.ev-table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; }
.ev-table th { text-align: left; padding: 0.75rem 1rem; background: var(--canvas); color: var(--text); font-size: 0.85rem; font-weight: 600; border-bottom: 2px solid var(--border); }
.ev-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--rule); color: var(--text-light); font-size: 0.9rem; }
.ev-table tr:last-child td { border-bottom: 0; font-weight: 700; color: var(--text); background: var(--canvas); }
.ev-positive { color: var(--positive-deep) !important; }
.ev-negative { color: var(--negative-deep) !important; }
.ev-total { color: var(--positive-deep) !important; font-size: 1rem !important; }

@media (max-width: 768px) {
    .offer-stats { grid-template-columns: repeat(2, 1fr); }
    .steps-list li { padding-left: 3rem; }
    .steps-list li::before { width: 2rem; height: 2rem; font-size: 1rem; }
}