/* Six degrees: route planner, hub number and poster (Flyermuur style) */
.six-form{display:grid;gap:10px;background:var(--card);border:2.5px solid #111;box-shadow:5px 6px 0 #111;padding:14px}
.six-ends{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
@media (max-width:640px){.six-ends{grid-template-columns:1fr}.six-swap{justify-self:center}}
.six-pick{position:relative;display:grid;gap:4px}
.six-pick label{font-family:var(--label);font-size:16px;text-transform:uppercase;letter-spacing:.05em}
.six-sugs{position:absolute;left:0;right:0;top:100%;z-index:20;display:grid;background:var(--card);box-shadow:4px 5px 0 #111}
.six-sugs:empty{display:none}
.six-sugs button{display:grid;grid-template-columns:auto 1fr;gap:0 8px;text-align:left;background:var(--card);color:var(--ink);border:2px solid #111;border-top-width:0;padding:7px 10px;cursor:pointer;font:inherit}
.six-sugs button:first-child{border-top-width:2px}
.six-sugs button:hover,.six-sugs button:focus-visible{background:var(--yel);color:#111}
.six-sugs .k{grid-row:span 2;align-self:center;font-family:var(--label);font-size:13px;background:#111;color:var(--yel);padding:0 5px}
.six-sugs b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:17px}
.six-sugs small{font-size:12px;opacity:.75}
.six-fwd{font-weight:700}
.six-chain{list-style:none;margin:0;padding:0;display:grid;justify-items:center;gap:0}
.six-band{width:min(100%,560px)}
.six-band a{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;text-decoration:none;background:var(--card);border:2.5px solid #111;border-left:12px solid var(--yel);padding:10px 12px;box-shadow:4px 5px 0 #111;transform:rotate(-.8deg)}
.six-band:nth-of-type(4n+2) a{border-left-color:var(--pink);transform:rotate(.7deg)}
.six-band:nth-of-type(4n+3) a{border-left-color:var(--grn);transform:rotate(-.4deg)}
.six-band:nth-of-type(4n+4) a{border-left-color:var(--org);transform:rotate(.9deg)}
.six-band a:hover{transform:rotate(0) translate(-2px,-2px)}
.six-band .y{font-family:var(--display);font-size:24px;line-height:1}
.six-band .n{font-family:var(--stencil);font-size:24px;text-transform:uppercase;line-height:1.05}
.six-band .s{font-size:13px;color:var(--muted)}
.six-person a{display:inline-block;font-family:var(--stencil);font-size:20px;text-transform:uppercase;text-decoration:none;background:#111;color:#efe9d8;padding:6px 14px;box-shadow:3px 3px 0 var(--red);transform:rotate(-1.5deg)}
.six-link{position:relative;display:grid;justify-items:center;padding:14px 0;min-height:56px}
.six-link::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:4px dashed var(--ink)}
.six-link span{position:relative;background:var(--yel);color:#111;border:2px solid #111;padding:2px 10px;font-weight:700;font-size:14px;transform:rotate(-2deg);box-shadow:2px 2px 0 #111;max-width:90%;text-align:center}
.six-link:nth-of-type(4n) span{transform:rotate(2deg)}
.six-link a{color:#111}
.six-poster{display:block;width:min(100%,420px);height:auto;margin:6px auto 0;box-shadow:8px 9px 0 rgba(0,0,0,.5);transform:rotate(1deg)}
.six-hubrow{align-items:flex-start}
.six-hubrow .kick{transform:none}
.six-hubpick summary{list-style:none;cursor:pointer}
.six-hubpick summary::-webkit-details-marker{display:none}
.six-hubpick[open]{display:grid;gap:8px;min-width:min(100%,320px)}
.six-hist{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding:8px 2px 4px}
.six-hist button{display:grid;justify-items:center;gap:2px;background:none;border:0;cursor:pointer;font:inherit;color:var(--ink);min-width:44px}
.six-hist .bar{display:block;width:34px;background:var(--red);border:2.5px solid #111;box-shadow:3px 3px 0 #111}
.six-hist button:nth-child(2n) .bar{background:var(--yel)}
.six-hist button.on .bar{background:var(--pink)}
.six-hist b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1}
.six-hist small{font-size:12px;color:var(--muted)}
.six-num{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700}
.six-badge{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 6px;background:var(--red);color:#fff;font-family:var(--stencil);font-size:22px;border:2.5px solid #111;box-shadow:2px 3px 0 #111;transform:rotate(-4deg)}
.six-teaser .six-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin:0;max-width:none}
.six-strip a{font-family:var(--stencil);text-transform:uppercase;font-size:18px;text-decoration:none;background:var(--card);border:2.5px solid #111;padding:3px 10px;box-shadow:3px 3px 0 #111}
.six-strip a:nth-of-type(2n){background:var(--yel);color:#111}
.six-strip .via{font-size:12px;font-weight:700;color:var(--muted)}
.six-strip .via::before{content:"— ";}
.six-strip .via::after{content:" —"}
.six-mode{display:flex;flex-wrap:wrap;gap:6px 14px;border:0;padding:0;margin:0}
.six-mode legend{font-family:var(--label);font-size:16px;text-transform:uppercase;letter-spacing:.05em;padding:0;margin-bottom:4px}
.six-mode label{display:inline-flex;gap:6px;align-items:center;font-weight:700}
.six-link.bill span{background:var(--grn)}