.mode-c{background:var(--jfl-parchment);color:var(--jfl-ink);font-family:Georgia,"Iowan Old Style","Times New Roman",serif}
.mode-c .jfl-nav{border-bottom-color:rgba(18,17,34,.14);color:var(--jfl-ink);font-family:system-ui,sans-serif}
.mode-c .jfl-nav a{opacity:.55}
.mode-c .jfl-nav a.active{opacity:1;border-bottom-color:var(--jfl-purple-bright)}
.masthead{text-align:center;padding:34px 24px 22px;border-bottom:1px double rgba(59,30,120,.35)}
.masthead .kicker{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:rgba(18,17,34,.6)}
.masthead h1{font-size:44px;font-weight:700;line-height:1;margin:6px 0 0}
.masthead .ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:var(--jfl-purple-deep)}
.masthead .ornament span.rule{height:1px;width:44px;background:var(--jfl-purple-deep)}
.masthead .ornament span.jfl{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.18em;font-weight:700}
.masthead .season{font-style:italic;color:rgba(18,17,34,.65);margin-top:8px}
.charter{display:flex}
.rail{width:200px;flex:none;border-right:1px solid rgba(18,17,34,.12);padding:18px 14px;font-family:system-ui,sans-serif;font-size:12px;line-height:2.1}
.rail .label{font-size:9px;letter-spacing:.16em;color:var(--jfl-purple-deep);font-weight:700;margin-bottom:6px}
.rail a{display:block;color:rgba(18,17,34,.7);text-decoration:none}
.rail a.active{color:var(--jfl-purple-bright);font-weight:700}
.rail summary{display:none}
.reading{flex:1;padding:28px 44px;max-width:820px}
.reading h2{font-size:23px;font-weight:700;margin:26px 0 4px}
.reading h2::after{content:"";display:block;width:38px;height:2px;background:var(--jfl-purple-deep);margin-top:5px}
.reading h3{font-size:15px;font-weight:700;color:var(--jfl-purple-deep);margin:20px 0 4px}
.reading p{font-size:15.5px;line-height:1.72}
.sec-index a{display:block;padding:10px 0;border-top:1px solid rgba(18,17,34,.12);text-decoration:none;color:var(--jfl-ink)}
.sec-index a .rn{color:var(--jfl-purple-deep);margin-right:10px}
.core-rule{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid rgba(18,17,34,.12)}
.core-rule .num{font-size:30px;font-weight:700;color:var(--jfl-purple-deep);line-height:1}
.tldr{display:grid;grid-template-columns:1fr;gap:0}
.tldr .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted rgba(18,17,34,.25);font-size:15px}
.tldr .row .k{color:var(--jfl-ink);font-weight:700}
.tldr .row .v{color:rgba(18,17,34,.82);font-weight:400}
@media(max-width:640px){
  .charter{flex-direction:column}
  .rail{width:auto;border-right:none;border-bottom:1px solid rgba(18,17,34,.14);position:sticky;top:0;z-index:20;padding:0;background:var(--jfl-parchment)}
  .rail .label{display:none}
  .rail summary{display:flex;align-items:center;gap:10px;font-family:system-ui,sans-serif;font-size:14px;font-weight:700;color:var(--jfl-purple-deep);cursor:pointer;list-style:none;padding:13px 18px}
  .rail summary::-webkit-details-marker{display:none}
  .rail summary::before{content:"\2630";font-size:16px;line-height:1}
  .rail details[open] summary::before{content:"\2715"}
  .rail details[open]{max-height:72vh;overflow-y:auto;box-shadow:0 10px 26px rgba(18,17,34,.20);border-bottom:1px solid rgba(18,17,34,.14)}
  .rail details a{display:block;padding:11px 18px;border-top:1px solid rgba(18,17,34,.08);line-height:1.3}
  .tldr{grid-template-columns:1fr}
  .tldr .row{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 0}
  .tldr .row .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--jfl-purple-deep);font-weight:700}
  .tldr .row .v{font-size:15px;line-height:1.3;font-weight:400}
}
@keyframes jfl-shake{0%,100%{transform:translate(0,0) rotate(0)}15%{transform:translate(-3px,1px) rotate(-2.5deg)}30%{transform:translate(3px,-1px) rotate(2.5deg)}45%{transform:translate(-2px,1px) rotate(-1.5deg)}60%{transform:translate(2px,-1px) rotate(1.5deg)}80%{transform:translate(-1px,0) rotate(-.7deg)}}
#jfl-drum{transform-origin:center center}
.hopper{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;justify-content:center;margin:16px 0}
.hopper .cap{font-family:system-ui,sans-serif;font-size:12px;margin-top:4px}
#jfl-run{font-family:system-ui,sans-serif;font-size:13px;font-weight:700;background:var(--jfl-purple-deep);color:var(--jfl-cream);border:none;border-radius:7px;padding:10px 22px;cursor:pointer;margin-top:10px}
.hopper .results{min-width:260px;flex:1;max-width:360px;font-family:system-ui,sans-serif}
.hopper .results .hd{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--jfl-purple-deep);font-weight:700;margin-bottom:6px}
.pick{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;font-size:15px;padding:5px 2px;margin-top:3px}
.pick.show{opacity:1;transform:none}
.pick b{color:var(--jfl-purple-deep)}
.pick-first{font-size:20px;padding:8px 12px;background:rgba(213,148,59,.2);border-radius:7px;font-weight:700}
.pick-first b{color:var(--jfl-gold)}
.chart{margin:24px -44px;text-align:center}
.chart img{width:100%;max-width:100%;height:auto}