@layer components{.hp-tools{border-bottom:1px solid var(--line);gap:20px;padding-bottom:28px;display:grid;position:relative}.hp-search{background:var(--card);height:64px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s var(--ease);border-radius:18px;align-items:center;gap:14px;padding:0 22px;display:flex}.hp-search:focus-within{box-shadow:inset 0 0 0 1px var(--ink)}.hp-search input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;font-size:18px;font-weight:300}.hp-search input::placeholder{color:var(--faint)}.hp-search input:focus{outline:none}.hp-search input::-webkit-search-cancel-button{filter:grayscale();opacity:.6}.hp-count{min-height:1.2em}.hp-group{scroll-margin-top:calc(var(--header) + 24px);padding-top:clamp(40px,5vw,72px)}.hp-empty{padding-top:48px}.hp-hard{border-top:1px solid var(--line-strong);margin:0;padding:0;list-style:none}.hp-hard>li{gap:12px var(--g);border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header) + 24px);grid-template-columns:64px minmax(0,1fr) minmax(0,1.05fr);padding-block:clamp(26px,3vw,44px);display:grid}.hp-hard .n{color:var(--faint);padding-top:8px;font-size:13px}.hp-hard .q{font-size:var(--fs-h2);letter-spacing:-.024em;font-weight:300;line-height:1.16}@media (max-width:63.99rem){.hp-hard>li{grid-template-columns:40px minmax(0,1fr)}.hp-hard .a{grid-column:2}}.hp-faces{gap:8px;display:flex}.hp-faces span{aspect-ratio:4/5;background:var(--card);border-radius:10px;width:44px;position:relative;overflow:hidden}.hp-controls{column-gap:var(--g);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hp-controls li{border-top:1px solid var(--line);align-content:start;gap:8px;padding:22px 0 28px;display:grid}.hp-controls .tag{font-size:var(--fs-micro);color:var(--faint);align-items:center;gap:8px;display:inline-flex}.hp-controls .tag:before{content:"";clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);background:currentColor;width:9px;height:4px}.hp-controls .tag.is-designed{color:var(--ink)}@media (max-width:63.99rem){.hp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:39.99rem){.hp-controls{grid-template-columns:1fr}}.hp-dates{border-top:1px solid var(--line-strong);margin:0;padding:0;list-style:none}.hp-dates li{gap:6px var(--g);border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,.7fr) minmax(0,1.6fr);padding:16px 0;display:grid}.hp-dates .when{color:var(--ink);font-variant-numeric:tabular-nums}.hp-dates .what{color:var(--soft)}.hp-dates li.is-past .when,.hp-dates li.is-past .what{color:var(--faint)}@media (max-width:39.99rem){.hp-dates li{grid-template-columns:1fr}}.hp-even .cmp td{color:var(--soft)}.hp-even .cmp tbody tr:first-child td{color:var(--ink)}}