.hpn.hpn--page{height:auto;min-height:0;overflow:visible;background:var(--hpn-canvas)}.hpn--page .hpn-left,.hpn--page .hpn-main{max-height:none;overflow:visible}.hpn-shell.hpn-shell--learn{grid-template-columns:240px minmax(0,1fr);height:auto;align-items:start}.hpn-shell--learn>.hpn-left{position:sticky;top:84px}.learn-main{gap:clamp(20px,2.6vw,30px);padding-bottom:48px}.learn-hero{display:grid;gap:9px;padding:2px 0 0}.learn-hero h1{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--hpn-ink)}.learn-hero p{margin:0;color:var(--hpn-profile-copy);font-size:15px;line-height:1.55;max-width:62ch}.learn-hero .learn-viewall{margin-top:2px;justify-self:start}.learn-block{display:grid;gap:14px}.learn-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.learn-block-head h2{margin:0;font-size:clamp(19px,2.1vw,22px);font-weight:700;letter-spacing:-.01em;color:var(--hpn-ink)}.learn-viewall{display:inline-flex;align-items:center;gap:6px;color:var(--hpn-accent);text-decoration:none;font-size:15px;font-weight:650}.learn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px}.learn-search{align-self:flex-end;display:inline-flex;align-items:center;gap:10px;width:100%;max-width:360px;border:1px solid var(--hpn-line);border-radius:12px;background:var(--hpn-surface-strong);color:var(--hpn-muted);padding:11px 16px;font-size:15px;cursor:pointer;text-align:left}.learn-search:hover{background:var(--hpn-accent-soft)}.learn-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.learn-tabs{display:flex;flex-wrap:wrap;gap:6px}.learn-tabs button{border:1px solid var(--hpn-line);background:var(--hpn-surface-strong);color:var(--hpn-muted);border-radius:9px;padding:7px 14px;font-size:15px;font-weight:600;cursor:pointer}.learn-tabs button:hover{background:var(--hpn-accent-soft)}.learn-tabs button.is-active{background:var(--hpn-accent);color:var(--hpn-action-ink);border-color:var(--hpn-accent)}.learn-sort{display:inline-flex;align-items:center;gap:8px;color:var(--hpn-muted);font-size:15px;font-weight:600;white-space:nowrap}.learn-sort select{border:1px solid var(--hpn-line);border-radius:9px;background:var(--hpn-surface-strong);color:var(--hpn-ink);padding:7px 10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.learn-empty{border:1px dashed var(--hpn-line);border-radius:14px;background:var(--hpn-glass);padding:22px;color:var(--hpn-muted);font-size:15px}@media (max-width:1180px){.hpn-shell--learn{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:820px){.hpn-shell--learn{grid-template-columns:1fr}}