.gp-hero{display:grid;gap:1.5rem}.gp-hero__main,.gp-figure{min-width:0}.gp-hero__main .hb-head__intro{max-width:34rem}@media(min-width:64rem){.gp-hero{grid-template-columns:minmax(0,1fr) minmax(0,26rem);column-gap:3.5rem;align-items:start}.gp-figure{margin-top:.4rem}}.gp-figure{padding:1.25rem;background:#fff;border:1.5px solid var(--hb-hair);border-radius:1rem}.gp-figure>*{margin:0}.gp-figure .pe-bars,.gp-figure .pe-family,.gp-figure .as-contrast{max-width:100%}.hb-families{margin-top:2.25rem}.gp-family__body{min-width:0;display:grid;gap:.875rem;align-content:start}.gp-family__body>ul+ul{margin-top:0}.gp-tile{position:relative;min-width:0;padding:.85rem 1.1rem .95rem;background:#fff;border:1.5px solid var(--hb-hair);border-radius:1rem;transition:border-color .15s ease,box-shadow .15s ease}.gp-tile:hover{border-color:var(--hb-brand);box-shadow:0 2px 14px #4f46e51f}.gp-tile__example{margin:0;font-family:var(--hb-num);font-size:1.25rem;line-height:1.3;font-weight:800;color:var(--hb-brand-deep)}.gp-tile__name{margin:.35rem 0 0;font-size:1rem;line-height:1.3;font-weight:700;overflow-wrap:anywhere}.gp-tile__link{color:var(--hb-ink);text-decoration:none}.gp-tile__link:after{content:"";position:absolute;inset:0;border-radius:1rem}.gp-tile__link:hover{color:var(--hb-brand-deep);text-decoration:underline;text-underline-offset:3px}.hb .gp-tile__link:focus-visible{outline:none}.hb .gp-tile__link:focus-visible:after{outline:3px solid var(--hb-brand);outline-offset:2px}.gp-tile__summary{margin:.25rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--hb-muted);overflow-wrap:anywhere}.gp-next,.gp-hubs{margin:0;font-size:.9375rem;line-height:1.6;color:var(--hb-muted);overflow-wrap:anywhere}.gp-next__label{margin-right:.35rem;font-weight:700;color:var(--hb-ink)}.gp-next a,.gp-hubs a{color:var(--hb-brand-deep);font-weight:600;text-decoration:underline;text-decoration-color:var(--hb-hair-strong);text-underline-offset:3px}.gp-next a:hover,.gp-hubs a:hover{text-decoration-color:currentColor}.gp-hubs{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.gp-hubs a{display:inline-flex;align-items:center;gap:.3em;min-height:2rem}.gp-resources{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--hb-hair-strong)}.gp-resources__title{margin:0;font-size:1.125rem;line-height:1.3;font-weight:800;letter-spacing:-.01em}.gp-resources__list{display:grid;margin:.5rem 0 0;padding:0;list-style:none}.gp-resources__list li{display:grid;gap:.1rem 1.5rem;padding-block:.7rem;border-top:1px solid var(--hb-hair)}.gp-resources__list li:first-child{border-top:0}@media(min-width:40rem){.gp-resources__list li{grid-template-columns:15rem minmax(0,1fr);align-items:baseline}}.gp-resources__link{font-size:1rem;font-weight:700;color:var(--hb-brand-deep);text-decoration:underline;text-decoration-color:var(--hb-hair-strong);text-underline-offset:3px;overflow-wrap:anywhere}.gp-resources__link:hover{text-decoration-color:currentColor}.gp-resources__summary{font-size:.9375rem;line-height:1.5;color:var(--hb-muted);overflow-wrap:anywhere}.gp-progress{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--hb-hair-strong)}.gp-progress__link{display:flex;flex-direction:column;min-width:0;padding-block:.35rem;text-decoration:none}.gp-progress__link--next{align-items:flex-end;text-align:right;margin-left:auto}.gp-progress__dir{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hb-muted)}.gp-progress__name{margin-top:.15rem;font-size:1.0625rem;font-weight:700;color:var(--hb-brand-deep);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.gp-progress__link:hover .gp-progress__name{text-decoration-color:currentColor}.gp-add{margin:0}.gp-add__svg{display:block;width:100%;max-width:27rem;height:auto}.gp-add__dot--a{fill:var(--hb-brand)}.gp-add__dot--b{fill:#fef3c7;stroke:#b45309;stroke-width:2.5}.gp-add__sym{font-family:var(--hb-num);font-size:26px;font-weight:800;fill:var(--hb-ink)}.gp-add__num{font-family:var(--hb-num);font-size:30px;font-weight:800;fill:var(--hb-brand-deep)}.gp-add__num--total{fill:var(--hb-ink)}@media(prefers-reduced-motion:reduce){.gp-tile{transition:none}}