.hl-hero{grid-template-rows:auto;overflow:hidden;border-radius:var(--r)}
.hl-hero>.sky{background-size:100% 400%,cover}
.hl{margin-top:12px;border-radius:var(--r);background:#FFFFFF}

.hl-field{display:flex;align-items:center;box-sizing:border-box;max-width:100%;background:var(--soft);transition:box-shadow var(--t-soft) var(--ease)}
.hl-field:focus-within{box-shadow:inset 0 0 0 2px var(--blue)}
.hl-field input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;font:inherit;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none;-webkit-user-select:text;user-select:text}
.hl-field input::placeholder{color:var(--muted);opacity:1}
.hl-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.hl-lens{flex:none;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}
.hl-clear{flex:none;display:grid;place-items:center;padding:0;border:0;background:#FFFFFF;color:var(--ink);cursor:pointer}
.hl-clear svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.hl-clear:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.hl-q{display:block;width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.hl-qt{text-wrap:pretty}
.hl-q:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.hl-a{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--t-soft) var(--ease),visibility 0s var(--t-soft)}
.hl-qa.open .hl-a{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows var(--t-soft) var(--ease),visibility 0s 0s}
.hl-a>div{min-height:0;overflow:hidden}
.hl-ab{opacity:0;transform:translateY(-4px);transition:opacity var(--t-state) var(--ease),transform var(--t-soft) var(--ease);-webkit-user-select:text;user-select:text}
.hl-qa.open .hl-ab{opacity:1;transform:none;transition-delay:.1s}
.hl-ab p,.hl-ab li{text-wrap:pretty}
.hl-ab .hl-after{margin-top:10px}
.hl-ab ul,.hl-ab ol{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.hl-ab li{position:relative;padding-left:18px}
.hl-ab ul li::before{content:"";position:absolute;left:2px;width:6px;height:6px;border-radius:3px;background:var(--blue2)}
.hl-ab ol{counter-reset:step}
.hl-ab ol li{padding-left:28px;counter-increment:step}
.hl-ab ol li::before{content:counter(step);position:absolute;left:0;display:grid;place-items:center;width:20px;height:20px;border-radius:10px;background:var(--blue);color:#FFFFFF;font-size:12px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.hl-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:15px;line-height:20px;font-weight:650;color:var(--blue)}
.hl-go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--t-soft) var(--ease)}
.hl-go:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

.hl-empty{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:20px;font-size:16px;line-height:24px;color:var(--muted)}
.hl-empty a{font-weight:650;color:var(--blue)}

.hl-sup{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:40px;padding:40px 48px;border-radius:var(--r);background:var(--soft)}
.hl-sup h2{font-size:28px;line-height:34px;font-weight:650;letter-spacing:-0.025em}
.hl-sup p{max-width:520px;margin-top:10px;font-size:16px;line-height:24px}
.hl-sup .hl-shot{margin-top:6px;color:var(--muted)}
.hl-sup .btn{height:50px;margin-top:22px;padding:0 24px;font-size:16px}
.hl-sup-art{display:block;width:220px;height:auto;filter:var(--obj-shadow)}

@media (hover:hover) and (pointer:fine){
  .hl-go:hover svg{translate:3px 0}
  .hl-clear:hover{background:#E4EAF3}
}

@media (prefers-reduced-motion:reduce){
  .hl-a,.hl-qa.open .hl-a,.hl-ab,.hl-go svg,.hl-q,.hl-field{transition:none}
}

@media (max-width:767px){
  .hl-sup{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 20px 24px}
  .hl-sup h2{font-size:24px;line-height:30px}
  .hl-sup-art{order:-1;width:120px}
  .hl-sup .btn{width:100%}
}