#shade-suggestions{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);margin:0;padding:var(--s1) 0;list-style:none;background:var(--sheet);border:1px solid var(--rule);max-height:min(60vh,420px);overflow-y:auto}#shade-suggestions li{display:grid;grid-template-columns:28px 1fr;gap:var(--s3);align-items:center;padding:var(--s2) var(--s4);cursor:pointer}#shade-suggestions li[aria-selected=true],#shade-suggestions li:hover{background:var(--paper)}#shade-suggestions .chip{width:28px;height:28px}#shade-suggestions .what{display:block;font-size:13px;color:var(--ink-2)}#shade-suggestions .more{display:block;padding:var(--s2) var(--s4);font-size:13px;color:var(--ink-2);cursor:default}.band{font-weight:600;font-size:15px}.band.good{color:var(--good)}.band.maybe{color:var(--maybe)}.band.no{color:var(--no)}.results{padding-top:var(--s5);scroll-margin-top:var(--s4)}.results .card{max-width:900px;margin:0 auto var(--s5);padding:var(--s5);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.results .card>h2{margin:0 0 var(--s3)}.results .progress{max-width:640px;margin:var(--s6) auto;text-align:center}.results .progress-step{margin:0 0 var(--s3);font-weight:600}.results .bar{height:10px;background:var(--rule);border-radius:5px;overflow:hidden}.results .bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .24s ease-out}.results .reading-head{display:grid;grid-template-columns:96px 1fr;gap:var(--s5);align-items:start}.results .reading-head .chip{width:96px;height:96px}.results .reading-head h2{margin:var(--s1) 0 var(--s2)}.results .reading-head p{margin:0 0 var(--s2)}.results .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:var(--s5) 0 var(--s3);border:1px solid var(--rule)}.results .metrics div{padding:var(--s3) var(--s4);border-right:1px solid var(--rule)}.results .metrics div:last-child{border-right:0}.results .metrics dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.results .metrics dd{margin:var(--s1) 0 0;font-size:18px}.results .big-pair{display:grid;grid-template-columns:1fr 1fr;margin:var(--s4) 0 var(--s3)}.results .big-pair figure{margin:0}.results .big-pair .chip{width:100%;height:140px}.results .big-pair figcaption{display:flex;justify-content:space-between;gap:var(--s2);padding-top:var(--s2);font-size:14px}.results .big-pair figure+figure figcaption{padding-left:var(--s3)}.results .closest-name{font-size:19px;font-weight:600;margin:var(--s3) 0 var(--s1)}.results .closest-card p{margin:0 0 var(--s2)}.results .strip{list-style:none;margin:var(--s4) 0 var(--s3);padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.results .strip li{text-align:center}.results .strip .chip{width:100%;height:56px}.results .strip .here .chip{outline:3px solid var(--ink);outline-offset:-3px}.results .strip .n{display:block;font-size:13px;color:var(--ink-2);padding-top:var(--s1)}.results .strip .n strong{display:block;color:var(--ink)}.results .card ol,.results .card .tools,.results .card .unlikely{max-width:none}.results .tips-list{margin:0;padding-left:1.2em}.results .tips-list li{margin:0 0 var(--s2)}.results .again{text-align:center}.results .again .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3)}.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}@media(max-width:520px){.results .reading-head{grid-template-columns:64px 1fr;gap:var(--s4)}.results .reading-head .chip{width:64px;height:64px}.results .big-pair .chip{height:96px}.results .strip .chip{height:40px}}.results .you{display:grid;grid-template-columns:96px 1fr;gap:var(--s5);align-items:start;padding:var(--s5);max-width:900px;margin:0 auto var(--s5);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.results .you .chip{width:96px;height:96px}.results .you h2{margin:var(--s1) 0 var(--s2)}.results .you p{margin:0 0 var(--s1)}.results .note{margin:0 auto var(--s4);padding:var(--s3) var(--s4);border-left:3px solid var(--maybe);background:var(--paper);max-width:900px}.results .note p{margin:0 0 var(--s1)}.results .tools{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:end;margin:var(--s5) 0 var(--s3);max-width:760px}.results .tools label{display:block;font-size:14px;color:var(--ink-2);margin-bottom:var(--s1)}.results .tools select,.results .tools input[type=search]{height:40px;padding:0 var(--s3);font:15px var(--sans);color:var(--ink);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.results .count{margin:var(--s3) 0 var(--s2)}.results ol{list-style:none;margin:0;padding:0;max-width:760px}.results li.row{display:grid;grid-template-columns:auto 1fr;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--rule);animation:rise .16s ease-out both}.results .pair{display:flex}.results .pair .chip{width:44px;height:44px}@media(min-width:720px){.results .pair .chip{width:56px;height:56px}}.results .row p{margin:0}.results .row .shade{font-weight:600}.results .row .reading{color:var(--ink-2);margin-top:var(--s1)}.results .row details{margin-top:var(--s2);font-size:15px}.results .row summary{cursor:pointer;color:var(--accent)}.results .range{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s2)}.results .range figure{margin:0;display:grid;grid-template-columns:24px auto;gap:var(--s2);align-items:center;font-size:14px}.results .range .chip{width:24px;height:24px}.results .unlikely{margin-top:var(--s6);max-width:760px}.results .unlikely summary{cursor:pointer;font-family:var(--serif);font-size:21px}.results .empty{padding:var(--s5) 0}.chip{display:block;flex:none}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.finder[data-astro-cid-j7pv25f6]{padding-top:var(--s7);padding-bottom:var(--s5);text-align:center}.intro[data-astro-cid-j7pv25f6]{font-size:19px;color:var(--ink-2);margin:var(--s4) auto var(--s6);max-width:60ch}.routes[data-astro-cid-j7pv25f6]{display:grid;gap:var(--s5);text-align:left}@media(min-width:860px){.routes[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr;align-items:stretch}}.route[data-astro-cid-j7pv25f6]{padding:var(--s5) var(--s5) var(--s4);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.route[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin:var(--s1) 0 var(--s3)}.route[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0 0 var(--s3)}.photo-card[data-astro-cid-j7pv25f6]{border-top:4px solid var(--accent)}.photo-card[data-astro-cid-j7pv25f6] .file[data-astro-cid-j7pv25f6]{margin:var(--s2) 0 var(--s3)}.btn-big[data-astro-cid-j7pv25f6]{font-size:18px;padding:18px 28px}.photo-card[data-astro-cid-j7pv25f6] .tips[data-astro-cid-j7pv25f6]{margin:var(--s3) 0 0}.search[data-astro-cid-j7pv25f6]{margin-top:var(--s4)}.search[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6]{display:block;font-weight:600;margin-bottom:var(--s2)}.combo[data-astro-cid-j7pv25f6]{position:relative}#shade-search[data-astro-cid-j7pv25f6]{width:100%;height:56px;padding:0 var(--s4);font:18px var(--sans);color:var(--ink);background:var(--sheet);border:1px solid var(--ink-2);border-radius:var(--radius)}#shade-search[data-astro-cid-j7pv25f6]::placeholder{color:var(--ink-2)}.hint[data-astro-cid-j7pv25f6]{min-height:1.5em;margin:var(--s2) 0 0}.nomatch[data-astro-cid-j7pv25f6]{margin:var(--s5) 0 0}.noscript[data-astro-cid-j7pv25f6]{padding:var(--s4);border:1px solid var(--rule);background:var(--sheet)}.key[data-astro-cid-j7pv25f6],.about-finder[data-astro-cid-j7pv25f6]{max-width:900px;margin:var(--s7) auto 0;padding:var(--s5) var(--s5) var(--s4);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.key[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6],.about-finder[data-astro-cid-j7pv25f6]>h2[data-astro-cid-j7pv25f6]:first-child{margin-top:0}.key[data-astro-cid-j7pv25f6] dl[data-astro-cid-j7pv25f6]{margin:var(--s4) 0;display:grid;gap:var(--s3);max-width:760px}.key[data-astro-cid-j7pv25f6] dl[data-astro-cid-j7pv25f6] div[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:9.5em 1fr;gap:var(--s4);align-items:baseline}.key[data-astro-cid-j7pv25f6] dd[data-astro-cid-j7pv25f6]{margin:0}.faq[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-family:var(--sans);font-size:18px;margin:var(--s5) 0 var(--s2)}.faq[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0}@media(max-width:520px){.key[data-astro-cid-j7pv25f6] dl[data-astro-cid-j7pv25f6] div[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:var(--s1)}}