.hg-membership{--member-panel:var(--w1-card);--member-border:var(--w1-line);--member-accent:var(--w1-accent);color:var(--w1-fg);overflow-wrap:anywhere;gap:1.5rem;max-width:60rem;margin:0 auto;padding:1.5rem 0 3rem;display:grid}.hg-membership *,.hg-member-summary *{box-sizing:border-box}.hg-membership h1,.hg-membership h2,.hg-membership h3,.hg-membership p{margin:0}.hg-membership a{color:var(--member-accent)}.hg-membership button{font:inherit;cursor:pointer}.hg-membership button:disabled{opacity:.55;cursor:not-allowed}.hg-membership :is(button,a,input,select):focus-visible{outline:.125rem solid var(--member-accent);outline-offset:.25rem}.hg-membership__header,.hg-membership__rules,.hg-membership__status,.hg-membership__order,.hg-membership__devices{gap:.75rem;display:grid}.hg-membership__panel{border:.0625rem solid var(--member-border);background:var(--member-panel);border-radius:1.25rem;padding:1.5rem}.hg-membership__rules{line-height:1.7}.hg-membership__muted{color:var(--w1-muted)}.hg-membership__plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.hg-membership .hg-membership__plan{border:.125rem solid var(--member-border);background:var(--member-panel);width:100%;color:var(--w1-fg);text-align:left;border-radius:1.25rem;gap:.75rem;padding:1.5rem;display:grid}.hg-membership__plan strong{font-size:2rem}.hg-membership__plan[aria-pressed=true]{border-color:var(--member-accent);box-shadow:inset 0 0 0 .0625rem var(--member-accent)}.hg-membership__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;display:grid}.hg-membership__stats dt{color:var(--w1-muted)}.hg-membership__stats dd{margin:.25rem 0 0}.hg-membership__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hg-membership .hg-membership__button,.hg-member-summary__link{border:.0625rem solid var(--member-border,var(--w1-line));background:var(--member-panel,var(--w1-card));color:var(--w1-fg);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.hg-membership .hg-membership__button--primary{background:var(--member-accent);color:var(--w1-on-accent,var(--dx-base9-color));border-color:var(--member-accent);font-weight:700}.hg-membership__methods{border:.0625rem solid var(--member-border);border-radius:.75rem;flex-wrap:wrap;gap:1rem;margin:0;padding:1rem;display:flex}.hg-membership__methods label{align-items:center;gap:.5rem;display:inline-flex}.hg-membership__device{border-top:.0625rem solid var(--member-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.hg-membership__list{gap:1rem;display:grid}.hg-member-summary{border:.0625rem solid var(--w1-line);background:var(--w1-card);color:var(--w1-fg);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:1.25rem;line-height:1.6;display:flex}.hg-member-summary p{margin:0}.hg-member-summary__detail{color:var(--w1-muted)}.hg-member-summary__link:focus-visible{outline:.125rem solid var(--w1-accent);outline-offset:.25rem}@media (max-width:36rem){.hg-membership{padding-top:1rem}.hg-membership__panel,.hg-membership .hg-membership__plan{padding:1.125rem}.hg-membership__plans{gap:.75rem}.hg-membership__plan strong{font-size:1.625rem}.hg-membership__stats{grid-template-columns:1fr;gap:.75rem}}
