.derby-guide-revamp-page main{max-width:1200px;padding:42px 42px 72px}.back-link{color:var(--preview-muted);font-size:12px;font-weight:750;text-decoration:none}.guide-intro{align-items:center;display:flex;justify-content:space-between;padding:28px 0 34px}.guide-intro h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1;margin:7px 0 12px}.guide-intro p{color:var(--preview-muted);font-size:17px;max-width:680px}.guide-intro img{height:108px;object-fit:contain;width:108px}.page-kicker{color:var(--preview-purple);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.guide-jump{background:var(--preview-surface);border:1px solid var(--preview-line);border-radius:11px;display:flex;gap:5px;margin-bottom:22px;overflow-x:auto;padding:7px}.guide-jump a{border-radius:7px;color:var(--preview-muted);flex:none;font-size:12px;font-weight:750;padding:9px 11px;text-decoration:none}.guide-jump a:hover{background:var(--preview-purple-soft);color:var(--preview-purple)}.guide-layout{align-items:start;display:grid;gap:20px;grid-template-columns:190px minmax(0,1fr)}.reading-nav{background:var(--preview-surface);border:1px solid var(--preview-line);border-radius:11px;display:grid;gap:3px;padding:14px;position:sticky;top:18px}.reading-nav .page-kicker{margin:3px 7px 9px}.reading-nav a{border-radius:7px;color:var(--preview-muted);font-size:12px;font-weight:700;padding:8px;text-decoration:none}.reading-nav a:hover{background:var(--preview-surface-soft);color:var(--preview-ink)}.guide-list{display:grid;gap:14px}.derby-guide{align-items:start;background:var(--preview-surface);border:1px solid var(--preview-line);border-radius:13px;display:grid;gap:20px;grid-template-columns:110px minmax(0,1fr);padding:22px;scroll-margin-top:18px}.guide-badge{height:100px;object-fit:contain;width:100px}.guide-copy h2{font-family:Georgia,serif;font-size:32px;font-weight:500;line-height:1.1;margin:0 0 9px}.guide-meta{align-items:center;display:flex;gap:8px;margin-bottom:14px}.guide-meta>span:first-child{color:var(--preview-muted);font-size:11px;font-weight:750;text-transform:uppercase}.difficulty{display:flex;gap:3px}.difficulty i{background:var(--preview-surface-soft);border:1px solid var(--preview-line);border-radius:999px;height:8px;width:18px}.difficulty i.filled{background:var(--preview-purple);border-color:var(--preview-purple)}.guide-copy>p{color:var(--preview-muted);font-size:14px;line-height:1.6}.guide-copy>p strong{color:var(--preview-ink)}.strategy-panel{background:var(--preview-bg);border:1px solid var(--preview-line);border-radius:10px;margin-top:16px;overflow:hidden}.strategy-panel summary{color:var(--preview-ink);cursor:pointer;font-size:13px;font-weight:800;list-style:none;padding:13px 15px}.strategy-panel summary::-webkit-details-marker{display:none}.strategy-panel summary::after{color:var(--preview-purple);content:'Open';float:right;font-size:11px}.strategy-panel[open] summary{border-bottom:1px solid var(--preview-line)}.strategy-panel[open] summary::after{content:'Close'}.strategy-panel>div{color:var(--preview-muted);font-size:13px;line-height:1.6;padding:4px 16px 15px}.strategy-panel li{margin:5px 0}.strategy-panel a{color:var(--preview-purple)}.inline-tool-link{background:var(--preview-purple-soft);border-radius:7px;display:inline-block;font-size:12px;font-weight:750;margin:4px 6px 0 0;padding:8px 10px;text-decoration:none}.guide-loading{background:var(--preview-surface);border:1px solid var(--preview-line);border-radius:12px;color:var(--preview-muted);padding:30px;text-align:center}.derby-guide-revamp-page footer{margin-left:232px;padding:0 42px 30px}.derby-guide-revamp-page footer p{color:var(--preview-muted);font-size:12px}
@media(max-width:1050px){.guide-layout{grid-template-columns:1fr}.reading-nav{display:none}.derby-guide-revamp-page footer{margin-left:0}}
@media(max-width:650px){.derby-guide-revamp-page main{padding:28px 12px 50px}.guide-intro{padding:22px 4px 26px}.guide-intro h1{font-size:43px}.guide-intro p{font-size:14px}.guide-intro img{height:68px;width:68px}.derby-guide{gap:12px;grid-template-columns:64px minmax(0,1fr);padding:14px}.guide-badge{height:60px;width:60px}.guide-copy h2{font-size:26px}.guide-copy>p,.strategy-panel>div{font-size:12px}.strategy-panel{grid-column:1/-1}.derby-guide-revamp-page footer{padding:0 12px 28px}}
.guide-intro{background:radial-gradient(circle at 88% 45%,color-mix(in srgb,var(--preview-purple) 13%,transparent),transparent 15rem);border-bottom:1px solid var(--preview-line);margin-bottom:22px;padding-inline:20px}.guide-jump a:nth-child(1){--jump:#d7b34d}.guide-jump a:nth-child(2){--jump:#b68fe0}.guide-jump a:nth-child(3){--jump:#8cc8a1}.guide-jump a:nth-child(4){--jump:#e1a34d}.guide-jump a:nth-child(5){--jump:#9677d4}.guide-jump a:nth-child(6){--jump:#df8da7}.guide-jump a:nth-child(7){--jump:#7ebbd0}.guide-jump a{border-bottom:2px solid var(--jump,var(--preview-line))}.derby-guide{--derby-accent:var(--preview-purple);background:linear-gradient(110deg,color-mix(in srgb,var(--derby-accent) 7%,var(--preview-surface)),var(--preview-surface) 42%);border-left:4px solid var(--derby-accent);position:relative}.derby-guide#normal-derby{--derby-accent:#d7b34d}.derby-guide#power-derby{--derby-accent:#b68fe0}.derby-guide#chill-bunny-derby{--derby-accent:#8cc8a1}.derby-guide#bingo-derby{--derby-accent:#e1a34d}.derby-guide#mystery-derby{--derby-accent:#9677d4}.derby-guide#blossom-derby{--derby-accent:#df8da7}.derby-guide#power-bunny-derby{--derby-accent:#7ebbd0}.derby-guide .guide-badge{background:color-mix(in srgb,var(--derby-accent) 10%,var(--preview-surface-soft));border:1px solid color-mix(in srgb,var(--derby-accent) 40%,var(--preview-line));border-radius:16px;box-sizing:border-box;padding:10px}.derby-guide .guide-copy h2{color:color-mix(in srgb,var(--derby-accent) 68%,var(--preview-ink))}.derby-guide .difficulty i.filled{background:var(--derby-accent);border-color:var(--derby-accent)}.derby-guide .guide-copy>p:first-of-type{background:color-mix(in srgb,var(--derby-accent) 10%,var(--preview-surface-soft));border:1px solid color-mix(in srgb,var(--derby-accent) 28%,var(--preview-line));border-radius:8px;color:var(--preview-ink);display:inline-block;font-size:12px;margin:0 0 10px;padding:7px 10px}.derby-guide .strategy-panel summary::after,.derby-guide .strategy-panel a{color:var(--derby-accent)}.derby-guide .inline-tool-link{background:color-mix(in srgb,var(--derby-accent) 12%,var(--preview-surface-soft));border:1px solid color-mix(in srgb,var(--derby-accent) 25%,var(--preview-line))}.reading-nav a{border-left:2px solid transparent}.reading-nav a:nth-of-type(1){border-left-color:#d7b34d}.reading-nav a:nth-of-type(2){border-left-color:#b68fe0}.reading-nav a:nth-of-type(3){border-left-color:#8cc8a1}.reading-nav a:nth-of-type(4){border-left-color:#e1a34d}.reading-nav a:nth-of-type(5){border-left-color:#9677d4}.reading-nav a:nth-of-type(6){border-left-color:#df8da7}.reading-nav a:nth-of-type(7){border-left-color:#7ebbd0}