.cmp{padding-top:var(--adp-space-3);padding-bottom:var(--adp-space-6)}
.cmp>*{max-width:calc(var(--adp-space-8) * 11);margin-right:auto;margin-left:auto}
.cmp-top{padding-top:var(--adp-space-1)}
.cmp-src{display:flex;align-items:center;gap:var(--adp-space-1);margin:0 0 var(--adp-space-1)}
.cmp-h1{margin:0 0 var(--adp-space-4);font:400 var(--adp-size-display-2)/var(--adp-line-display) var(--adp-font-display);text-wrap:balance}
.cmp-b{display:block;width:auto;max-width:100%;object-fit:contain}
.cmp-b.adp-sketch{aspect-ratio:384/720}
.cmp-house{display:block;font:500 var(--adp-size-label)/1.3 var(--adp-font-controls);letter-spacing:.1em;text-transform:uppercase;color:var(--adp-ink-quiet)}


.cmp-band{padding:var(--adp-space-3) 0 var(--adp-space-4)}
.cmp-ask{margin:0 0 var(--adp-space-2);font:italic 400 var(--adp-size-heading)/1.25 var(--adp-font-display);color:var(--adp-ink)}
.cmp-opts{display:flex;flex-wrap:wrap;gap:var(--adp-space-2)}
.cmp-help{margin:var(--adp-space-2) 0 0;font:400 var(--adp-size-small)/1.4 var(--adp-font-controls);color:var(--adp-ink-quiet)}


.cmp-heads{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--adp-space-2);
  padding:var(--adp-space-3) 0;background:var(--adp-paper);border-bottom:var(--adp-rule);text-align:center}
.cmp-head{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.cmp-head-pic{display:flex;align-items:flex-end;justify-content:center;height:72px;margin-bottom:var(--adp-space-1)}
.cmp-head-pic .cmp-b{max-height:100%}
.cmp-name{display:block;max-width:100%;color:var(--adp-ink);font:400 var(--adp-size-heading)/1.15 var(--adp-font-display);text-decoration:none;overflow-wrap:anywhere}
.cmp-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cmp-smelled{display:grid;justify-items:center;margin-top:auto;padding-top:var(--adp-space-1);font:400 var(--adp-size-label)/1.35 var(--adp-font-controls);color:var(--adp-ink-quiet)}
.cmp-two{display:flex;align-items:center}
.cmp-two button{min-height:var(--adp-touch);padding:0 var(--adp-space-1);background:transparent;border:0;color:var(--adp-accent);font:500 var(--adp-size-label)/1 var(--adp-font-controls);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cmp-two button[aria-pressed="true"]{color:var(--adp-ink);font-weight:600;text-decoration:none}
.cmp-two button[aria-pressed="true"]::before{content:"\2713\00a0"}
.cmp-owned{display:block;min-height:var(--adp-touch);padding-top:var(--adp-space-2);color:var(--adp-ink);font-weight:500}
.cmp-drop{position:absolute;top:calc(-1 * var(--adp-space-2));right:calc(-1 * var(--adp-space-1));display:grid;place-items:center;width:var(--adp-touch);height:var(--adp-touch);
  padding:0;background:transparent;border:0;color:var(--adp-ink-quiet);font:400 var(--adp-size-heading)/1 var(--adp-font-controls);cursor:pointer}
.cmp-drop:hover{color:var(--adp-ink)}
.cmp-head.is-empty{justify-content:center}
.cmp-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--adp-space-1);width:100%;min-height:120px;padding:var(--adp-space-2);
  background:var(--adp-field);border:1px dashed var(--adp-hairline);color:var(--adp-accent);font:500 var(--adp-size-small)/1.2 var(--adp-font-controls);cursor:pointer}
.cmp-add .adp-sign{color:var(--adp-accent)}
.cmp-head.is-finding{text-align:left}
.cmp-head.is-finding .cmp-place{width:100%}
.cmp-heads.is-held{padding:var(--adp-space-2) 0}
.cmp-heads.is-held .cmp-head-pic{height:36px}
.cmp-heads.is-held .cmp-house,.cmp-heads.is-held .cmp-smelled,.cmp-heads.is-held .cmp-drop,.cmp-heads.is-held .cmp-head.is-empty{display:none}
.cmp-heads.is-held .cmp-name{font-size:var(--adp-size-small)}


.cmp-picks:empty{display:none}

.cmp-pick{margin:var(--adp-space-5) 0 0;padding:var(--adp-space-4) var(--adp-space-4) var(--adp-space-5);background:var(--adp-field);border:var(--adp-outline);border-top:var(--adp-double-rule)}
.cmp-pick-b{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--adp-space-4);align-items:center;margin-top:var(--adp-space-2)}
.cmp-pick-n{margin:0;font:400 var(--adp-size-display-2)/1.05 var(--adp-font-display);text-wrap:balance}
.cmp-pick-b>.cmp-b{max-height:104px}
.cmp-pick-t{margin:var(--adp-space-2) 0 0;font:italic 400 var(--adp-size-heading)/1.3 var(--adp-font-display)}
.cmp-pick-c{margin:var(--adp-space-2) 0 0;font:400 var(--adp-size-small)/1.45 var(--adp-font-controls);color:var(--adp-ink-quiet)}
.cmp-pick-c b{color:var(--adp-ink);font-weight:600}


.cmp-desk{margin-top:var(--adp-space-5)}
.cmp-sheet>.cmp-group{padding-bottom:var(--adp-space-1)}
.cmp-group{margin:0;font:400 var(--adp-size-display-3)/1.1 var(--adp-font-display)}
.cmp-q{padding:var(--adp-space-5) 0 0}
.cmp-q+.cmp-q{margin-top:var(--adp-space-5);border-top:var(--adp-rule)}
.cmp-qt{display:flex;align-items:center;gap:var(--adp-space-2);margin:0 0 var(--adp-space-2);font:400 var(--adp-size-heading)/1.2 var(--adp-font-display)}
.cmp-qt .adp-sign{flex:none;color:var(--adp-ink)}
.cmp-qa{margin:0;max-width:var(--adp-measure-reading);font:400 var(--adp-size-reading)/var(--adp-line-reading) var(--adp-font-reading);text-wrap:pretty}
.cmp-qa b{font-weight:700}
.cmp-q .ws-quote{margin:0}


.cmp-rows{display:grid;gap:var(--adp-space-3);margin-top:var(--adp-space-4)}
.cmp-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--adp-space-3);align-items:center}
.cmp-row>.cmp-b{justify-self:center;max-height:52px}
.cmp-row-t{display:grid;gap:var(--adp-space-1);min-width:0}
.cmp-row-n{font:600 var(--adp-size-small)/1.2 var(--adp-font-controls)}
.cmp-row.is-win .cmp-row-n::after{content:"\00a0\2713"}
.cmp-steps{display:grid;grid-template-columns:repeat(var(--k),1fr);gap:3px;max-width:22rem}
.cmp-steps i{display:block;height:8px;background:var(--adp-desk-shade)}
.cmp-steps i.on{background:var(--adp-accent)}   
.cmp-row-w{font:400 var(--adp-size-small)/1.45 var(--adp-font-controls)}

.cmp-fig{display:inline-block;margin-left:var(--adp-space-1);padding:0 var(--adp-space-2);background:var(--adp-field);border:var(--adp-outline);
  font:500 var(--adp-size-label)/1.7 var(--adp-font-controls);color:var(--adp-ink);white-space:nowrap}
.cmp-words{font:italic 400 var(--adp-size-reading)/1.35 var(--adp-font-reading);color:var(--adp-tag)}
.cmp-words em{color:var(--adp-ink-quiet)}
.cmp-saids{display:flex;flex-wrap:wrap;gap:var(--adp-space-1) var(--adp-space-3)}
.cmp-said{display:inline-flex;align-items:center;gap:var(--adp-space-1);font:400 var(--adp-size-small)/1.3 var(--adp-font-controls)}
.cmp-bar{display:block;height:8px;max-width:22rem;background:var(--adp-desk-shade)}
.cmp-bar i{display:block;height:100%;background:var(--adp-accent)}
.cmp-cents{font:400 var(--adp-size-heading)/1 var(--adp-font-display)}
.cmp-row.is-gap .cmp-b{opacity:.55}
.cmp-gap{font:italic 400 var(--adp-size-small)/1.4 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.cmp-ask-line{margin:var(--adp-space-3) 0 0;font:400 var(--adp-size-small)/1.4 var(--adp-font-controls)}
.cmp-ask-line .adp-link{min-height:var(--adp-touch);padding:0;background:transparent;border:0;text-align:left;cursor:pointer}
.cmp-ask-line .adp-link:disabled{color:var(--adp-ink-quiet);text-decoration:none;cursor:default}


.cmp-end{margin:var(--adp-space-6) 0 0;padding-top:var(--adp-space-4);border-top:var(--adp-double-rule)}
.cmp-reach{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--adp-space-2);margin-top:var(--adp-space-3)}
.cmp-reach-b{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--adp-space-2);height:136px;min-width:0;
  padding:var(--adp-space-3) var(--adp-space-1);background:var(--adp-field);border:var(--adp-outline);color:var(--adp-ink);
  font:400 var(--adp-size-small)/1.15 var(--adp-font-display);text-align:center;cursor:pointer}
.cmp-reach-b .cmp-b{max-height:64px}
.cmp-reach-b span{overflow-wrap:anywhere}
.cmp-reach-b[aria-pressed="true"]{outline:2px solid var(--adp-accent);outline-offset:-2px}
.cmp-reach-b[aria-pressed="true"]::after{content:"\2713";position:absolute;top:var(--adp-space-1);right:var(--adp-space-2);color:var(--adp-accent);font:600 var(--adp-size-small)/1 var(--adp-font-controls)}
.cmp-not-sure{margin:var(--adp-space-2) 0 0;text-align:center}
.cmp-not-sure .adp-link{min-height:var(--adp-touch);padding:0 var(--adp-space-2);background:transparent;border:0;font:500 var(--adp-size-small)/1 var(--adp-font-controls);cursor:pointer}
.cmp-not-sure .adp-link[aria-pressed="true"]::before{content:"\2713\00a0"}
.cmp-readers{margin:var(--adp-space-3) 0 0;font:400 var(--adp-size-reading)/1.45 var(--adp-font-reading)}


.cmp-empty{padding-top:var(--adp-space-1)}
.cmp-lead{margin:0 0 var(--adp-space-4);max-width:var(--adp-measure-reading);font:400 var(--adp-size-reading)/var(--adp-line-reading) var(--adp-font-reading)}
.cmp-places{display:grid;gap:var(--adp-space-3)}
.cmp-place{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--adp-space-2) var(--adp-space-3);align-items:center}
.cmp-place.is-full{grid-template-columns:auto 44px minmax(0,1fr) auto;padding:var(--adp-space-2) 0;border-bottom:var(--adp-rule)}
.cmp-place.is-full .cmp-drop{position:static}
.cmp-place-n{display:grid;place-items:center;width:28px;height:28px;border:var(--adp-outline);font:500 var(--adp-size-small)/1 var(--adp-font-controls);color:var(--adp-ink-quiet)}
.cmp-place-name{font:400 var(--adp-size-heading)/1.15 var(--adp-font-display)}
.cmp-find{width:100%}
.cmp-find input{font-size:var(--adp-size-reading)}   
.cmp-found{grid-column:1 / -1;display:grid;background:var(--adp-field);border:var(--adp-outline)}
.cmp-found[hidden]{display:none}
.cmp-hit{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--adp-space-3);align-items:center;min-height:56px;padding:var(--adp-space-1) var(--adp-space-3);
  background:transparent;border:0;color:var(--adp-ink);text-align:left;cursor:pointer}
.cmp-hit+.cmp-hit{border-top:var(--adp-rule)}
.cmp-hit:hover,.cmp-hit:focus-visible{background:var(--adp-well)}
.cmp-hit .cmp-b{justify-self:center;max-height:44px}
.cmp-hit-t{display:grid;min-width:0}
.cmp-hit-n{font:400 var(--adp-size-reading)/1.2 var(--adp-font-display)}
.cmp-hit-h{font:400 var(--adp-size-label)/1.3 var(--adp-font-controls);color:var(--adp-ink-quiet)}
.cmp-head.is-finding .cmp-place{grid-template-columns:minmax(0,1fr)}
.cmp-head.is-finding .cmp-place-n{display:none}
.cmp-starts-box{margin-top:var(--adp-space-6)}
.cmp-starts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--adp-space-3);margin-top:var(--adp-space-3)}
.cmp-start{display:grid;justify-items:center;gap:var(--adp-space-2);padding:var(--adp-space-3);background:var(--adp-field);border:var(--adp-outline);color:var(--adp-ink);text-align:center;text-decoration:none}
.cmp-start:hover .cmp-start-n{text-decoration:underline;text-underline-offset:3px}
.cmp-start-b{display:flex;align-items:flex-end;gap:var(--adp-space-2);height:48px}
.cmp-start-b .cmp-b{max-height:100%}
.cmp-start-n{font:400 var(--adp-size-small)/1.25 var(--adp-font-display)}

@container (max-width:560px){
  .cmp-h1{font-size:var(--adp-size-display-3)}
  .cmp-name{font-size:var(--adp-size-small)}
  .cmp-head-pic{height:60px}
  .cmp-heads.is-held .cmp-head-pic{height:30px}
}
.cmp-mark{height:1px;margin-bottom:-1px}