.yourhoa-portfolio{--yh-ink:#1c1f24;--yh-slate:#3f4f5c;--yh-steel:#5f7a8c;--yh-pale:#c9d6de;--yh-rust:#a5673f;--yh-page:#f4f6f8;background:var(--yh-page);color:var(--yh-ink);padding:24px;margin-bottom:32px}
.yourhoa-portfolio h2{font-size:34px;letter-spacing:-.03em}.yourhoa-portfolio h2 span:nth-child(2){color:var(--yh-steel)}.yourhoa-portfolio h2 span:nth-child(3){color:var(--yh-rust)}.yourhoa-portfolio h3{margin-top:36px}
.yh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}
.yh-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:22px;background:var(--yh-slate);color:#fff;border:0;border-radius:0;min-width:0;overflow-wrap:anywhere;font-weight:400}
.yh-card:nth-child(3n+2){background:var(--yh-steel)}.yh-card:nth-child(3n){background:var(--yh-pale);color:var(--yh-ink)}.yh-card strong{font-size:19px}.yh-card span:last-child{align-self:flex-end;text-transform:uppercase}
.yh-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.yh-queue article{background:var(--yh-pale);padding:22px;overflow-wrap:anywhere}.yh-queue article:nth-child(2n){background:#eaedf0}.yh-queue small{color:var(--yh-rust);text-transform:uppercase}.yourhoa-portfolio button{border-radius:0}.yourhoa-portfolio button:focus-visible{outline:3px solid var(--yh-rust);outline-offset:3px}
@media(max-width:1100px){.yh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.yh-queue{grid-template-columns:1fr}}@media(max-width:720px){.yourhoa-portfolio{padding:16px}.yh-cards{grid-template-columns:1fr;gap:16px}.yourhoa-portfolio h2{font-size:28px}}
.yourhoa-portfolio button:not(.yh-card){background:var(--yh-slate);color:#fff;border:0}.yourhoa-portfolio button:disabled{opacity:.6}

.yh-card,.yh-card:nth-child(n){background:var(--hoa-background,#3f4f5c);color:var(--hoa-foreground,#fff)}.yh-card span:last-child{margin-top:auto;border:1px solid currentColor;padding:9px 16px;font-size:12px;letter-spacing:.14em}.yh-card strong{border-bottom:2px solid var(--hoa-accent,#c9d6de);padding-bottom:10px;width:100%}
.yh-card{box-shadow:0 2px 4px rgba(28,31,36,.14),0 5px 10px rgba(28,31,36,.12);transition:transform 180ms ease,box-shadow 180ms ease}
@media(hover:hover) and (pointer:fine){.yh-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(28,31,36,.14),0 10px 18px rgba(28,31,36,.16)}}
.yh-card:focus-visible{box-shadow:0 4px 8px rgba(28,31,36,.14),0 10px 18px rgba(28,31,36,.16)}
@media(prefers-reduced-motion:reduce){.yh-card{transition:none}.yh-card:hover{transform:none}}