.guide-pager{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:16px;max-width:900px;margin:0 auto;padding:22px 32px 0}
.guide-arrow{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #b9c9b0;border-radius:6px;background:#fffaf3;color:#457c68;text-decoration:none;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.guide-arrow:hover{color:#366d5f;background:#eaf0e1;border-color:#91ab86}.guide-arrow:disabled{cursor:default;background:transparent;border-color:#e5e0d5;color:#c9c8bc}
.guide-page-links{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}.guide-page-links a{padding:10px 0;font-size:14px;line-height:1.6;color:#7b7c71;text-decoration:none;white-space:nowrap}.guide-page-links a[aria-current="page"]{color:#366d5f;box-shadow:inset 0 -2px #a9bf91}.guide-page-links a:hover{color:#a0523d}.guide-page-number{font-size:11px;opacity:.75;margin-right:5px}.guide-page-divider{font-size:12px;color:#c0c1b4}
.guide-pager+main{padding-top:36px}.guide-pager a:focus-visible{outline:2px solid #3d8078;outline-offset:4px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.roulette-page h2{font-size:22px;line-height:1.65;font-weight:400;color:#366d5f;margin:0 0 18px;word-break:keep-all;overflow-wrap:anywhere}
.roulette-lead{font-size:16px;line-height:1.9;color:#7b7c71;margin:18px 0 0}.roulette-how,.roulette-card,.roulette-note{scroll-margin-top:24px}
.roulette-how{margin:0 0 36px}.roulette-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;font-size:14px;line-height:1.85}.roulette-steps li{display:flex;gap:12px;align-items:flex-start;word-break:keep-all;overflow-wrap:anywhere}.roulette-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;background:#e8eddc;border:1px solid #d4ddc4;color:#657b48;font-size:12px}.roulette-steps strong{font-weight:400;color:#366d5f}.roulette-how-note{font-size:12px;line-height:1.8;color:#7b7c71;margin:20px 0 0}
.roulette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.roulette-card{min-width:0;background:#fffaf3;border:1px solid #dcd8c7;border-radius:7px;overflow:hidden}.roulette-card-heading{padding:25px 24px 20px;border-top:4px solid #c7d8bc;border-image:var(--shell) 1}.roulette-card-number{font-size:11px;letter-spacing:1px;color:#8b6044;margin:0 0 12px}.roulette-card h2{font-size:23px;line-height:1.65;margin:0 0 12px}.roulette-description{font-size:12px;line-height:1.8;color:#7b7c71;margin:0 0 14px}.roulette-conditions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}.roulette-amount{font-size:13px;color:#8b4b37;margin:0}.roulette-amount span{font-size:26px}.roulette-eligibility{font-size:11px;line-height:1.7;padding:3px 8px;color:#526c45;border:1px solid #d0dabc;background:#edf1e3;border-radius:3px}
.roulette-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8;text-align:left;table-layout:fixed}.roulette-table th{font-weight:400}.roulette-table th,.roulette-table td{padding:12px 24px;border-top:1px solid #e7e1d6;overflow-wrap:anywhere;word-break:keep-all}.roulette-table thead{font-size:11px;background:#f3f3e9;color:#7b7c71}.roulette-table th:last-child,.roulette-table td:last-child{width:92px;text-align:right;white-space:nowrap;padding-left:8px;font-variant-numeric:tabular-nums;color:#366d5f}.roulette-table tfoot{background:#f3f3e9;font-size:12px;color:#617754}.roulette-table tbody tr:hover{background:#f3f3e96b}
.roulette-note{margin-top:32px;padding:24px 28px;background:#f0e6d44d;border:1px solid #e0d3b9;border-left:4px solid #be8a64;border-radius:5px;font-size:14px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}.roulette-note h2{font-size:20px;color:#8b6044;margin-bottom:14px}.roulette-note p{margin:0 0 12px}.roulette-note ul{margin:12px 0 18px;padding-left:20px}.roulette-note li+li{margin-top:8px}.roulette-note strong{font-weight:400;color:#8b4b37}.roulette-note .roulette-help{font-size:12px;margin:0;color:#7b7c71}
@media(max-width:760px){.roulette-grid{grid-template-columns:1fr}.roulette-steps{grid-template-columns:1fr;gap:16px}.roulette-steps br{display:none}.roulette-card h2{font-size:22px}}
@media(max-width:600px){.guide-pager{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:18px 20px 0}.guide-arrow{width:44px;height:44px;font-size:22px}.guide-page-links{gap:8px}.guide-page-links a{font-size:12px}.guide-page-number{display:none}.guide-page-divider{font-size:11px}.guide-pager+main{padding-top:28px}.roulette-lead{font-size:14px}.roulette-page h2{font-size:19px}.roulette-steps{font-size:13px}.roulette-how{margin-bottom:28px}.roulette-card-heading{padding:22px 18px 18px}.roulette-card h2{font-size:21px}.roulette-amount span{font-size:24px}.roulette-table{font-size:13px}.roulette-table th,.roulette-table td{padding:12px 18px}.roulette-table th:last-child,.roulette-table td:last-child{width:82px}.roulette-note{padding:20px 18px;font-size:13px}.roulette-note h2{font-size:18px}}
@media (max-width: 480px) {
  .guide-pager {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 6px;
    padding-inline: 12px;
  }
  .guide-pager .guide-page-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2px;
    text-align: center;
  }
  .guide-page-links .guide-page-divider { display: none; }
  .guide-pager .guide-page-links a { padding: 5px 0; font-size: 11px; white-space: normal; }
  .guide-page-links a .guide-page-number { display: block; margin: 0; font-size: 10px; }
}
.roulette-effect {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px solid #dddcca;
  color: #4c614f;
  font-size: 14px;
  line-height: 1.8;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.guide-home-link { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 4px 2px; color: #396955; font-size: 14px; text-decoration: none; }
.guide-home-link:hover { text-decoration: underline; }
.guide-wordmark { color: #687769; font-size: 11px; letter-spacing: .1em; }
@media (max-width: 600px) { .guide-home-link { font-size: 12px; } .guide-wordmark { display: none; } }