.vault-page{--vault-card-radius:1rem;overflow-x:clip}.vault-recipe--themed,.vault-area-card[data-vault-area],.vault-recipe-card[data-vault-area]{--vault-color:var(--blog-primary);--vault-color-soft:color-mix(in oklch, var(--blog-primary) 14%, transparent)}.vault-area-panel.vault-recipe--themed,.vault-hub-panel.vault-recipe--themed,.vault-recipe.vault-recipe--themed{border-radius:var(--vault-card-radius);border:1px solid color-mix(in srgb, var(--vault-color) 28%, var(--blog-border));background:radial-gradient(ellipse 120% 80% at 100% 0%, color-mix(in srgb, var(--vault-color) 10%, transparent), transparent 55%), color-mix(in oklch, var(--blog-surface) 92%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vault-color) 8%, transparent);padding:1rem 1.15rem 1.5rem}.vault-area-panel.vault-recipe--themed,.vault-hub-panel.vault-recipe--themed{align-self:start;width:100%;min-width:0;margin-top:0;overflow:visible}.vault-hub-panel.vault-recipe--themed[data-vault-area=all]{background:radial-gradient(ellipse 90% 70% at 0% 0%, color-mix(in srgb, var(--birdapi-primary) 14%, transparent), transparent 52%), radial-gradient(ellipse 75% 65% at 100% 15%, color-mix(in srgb, var(--birdapi-accent) 12%, transparent), transparent 48%), radial-gradient(ellipse 60% 50% at 50% 100%, color-mix(in srgb, var(--vault-color) 8%, transparent), transparent 55%), color-mix(in oklch, var(--blog-surface) 88%, transparent)}.vault-area-card[data-vault-area]{border-color:color-mix(in srgb, var(--vault-color) 30%, var(--blog-border));background:linear-gradient(145deg, color-mix(in srgb, var(--vault-color) 8%, transparent), transparent 55%), var(--blog-card-bg)}.vault-area-card[data-vault-area]:hover{border-color:color-mix(in srgb, var(--vault-color) 45%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--vault-color) 10%, transparent)}.vault-area-card[data-vault-area] .vault-area-card__icon{color:var(--vault-color)}.vault-recipe-card[data-vault-area]{border-color:color-mix(in srgb, var(--vault-color) 22%, var(--blog-border));background:linear-gradient(160deg, color-mix(in srgb, var(--vault-color) 7%, transparent), transparent 50%), var(--blog-card-bg)}.vault-recipe-card[data-vault-area]:hover{border-color:color-mix(in srgb, var(--vault-color) 38%, transparent)}.vault-recipe-card[data-vault-area] .vault-chip--copies{background:var(--vault-color-soft);color:var(--vault-color)}.vault-recipe--themed .vault-recipe__area-link,.vault-recipe--themed .vault-area-head__back{color:var(--vault-color)}.vault-recipe--themed .vault-chip--copies{background:var(--vault-color-soft);color:var(--vault-color);border:1px solid color-mix(in srgb, var(--vault-color) 28%, transparent)}.vault-recipe--themed .vault-product-box{border-color:color-mix(in srgb, var(--vault-color) 28%, var(--blog-border));background:color-mix(in srgb, var(--vault-color) 8%, var(--blog-surface))}.vault-recipe--themed .birdapi-btn--primary{border-color:color-mix(in srgb, var(--vault-color) 40%, transparent);background:color-mix(in srgb, var(--vault-color) 18%, transparent)}.vault-area-head{border-bottom:1px solid color-mix(in srgb, var(--vault-color,var(--blog-border)) 20%, var(--blog-border));justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.vault-pagination.blog-pagination{margin-top:2rem}.vault-pagination .blog-pagination__page.is-active{border-color:color-mix(in oklch, var(--blog-primary) 45%, transparent);background:color-mix(in oklch, var(--blog-primary) 10%, transparent)}.vault-hero__lead{color:var(--blog-text-muted);max-width:52rem;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.55}.vault-section-title{color:var(--blog-text);white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.vault-area-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.vault-area-card{border-radius:var(--vault-card-radius);border:1px solid var(--blog-border);background:var(--blog-card-bg);color:inherit;gap:.875rem;padding:1rem 1.125rem;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.vault-area-card:hover{border-color:var(--blog-border-strong);box-shadow:0 8px 24px color-mix(in oklch, var(--blog-primary) 8%, transparent);transform:translateY(-2px)}.vault-area-card__icon{color:var(--blog-primary);flex:none}.vault-area-card__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.vault-area-card__title{color:var(--blog-text);font-weight:650}.vault-area-card__desc{color:var(--blog-text-muted);font-size:.875rem}.vault-area-card__count{color:var(--blog-text-subtle);font-size:.8125rem}.vault-entry-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;display:grid}.vault-entry-card{border-radius:var(--vault-card-radius);border:1px solid var(--blog-border);background:color-mix(in oklch, var(--blog-primary) 6%, var(--blog-surface));padding:1rem 1.125rem}.vault-entry-card__title{color:var(--blog-text);margin:0 0 .75rem;font-size:.9375rem;font-weight:650}.vault-entry-card__list{color:var(--blog-text-muted);margin:0;padding-left:1.1rem;font-size:.875rem}.vault-entry-card__list a{color:var(--blog-primary)}.vault-filter-bar{margin-bottom:1.25rem}.vault-filter-bar__chips,.vault-filter-chips{flex-wrap:wrap;gap:.5rem;display:flex}.vault-filter-chip{border:1px solid var(--blog-border);color:var(--blog-text);background:color-mix(in oklch, var(--blog-surface) 90%, transparent);border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.8125rem;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.vault-filter-chip:hover{border-color:var(--blog-border-strong);background:var(--blog-overlay-hover)}.vault-filter-chip.is-active{border-color:color-mix(in oklch, var(--blog-primary) 45%, transparent);background:color-mix(in oklch, var(--blog-primary) 10%, transparent);color:var(--blog-primary)}.vault-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.vault-recipe-grid--compact{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.vault-recipe-card{position:relative}.vault-recipe-card__link{color:inherit;height:100%;padding:1.1rem 1.15rem 2.75rem;text-decoration:none;display:block}.vault-recipe-card__meta{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.vault-recipe-card__title{color:var(--blog-text);margin:0 0 .5rem;font-size:1rem;font-weight:650}.vault-recipe-card__excerpt{color:var(--blog-text-muted);margin:0;font-size:.875rem;line-height:1.45}.vault-recipe-card__tags{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.vault-recipe-card__actions{position:absolute;bottom:.75rem;right:.75rem}.vault-chip{letter-spacing:.02em;background:var(--blog-overlay-hover);color:var(--blog-text-muted);border-radius:.375rem;align-items:center;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.vault-chip--copies{background:color-mix(in oklch, var(--blog-primary) 14%, transparent);color:var(--blog-primary)}.vault-tag{color:var(--blog-text-subtle);font-size:.75rem}.vault-recipe-card.is-favorite-only-hidden{display:none}.vault-recipe-card.is-favorite-match{border-color:color-mix(in oklch, var(--blog-primary) 45%, transparent)}.vault-favorite-btn{border:1px solid var(--blog-border);background:color-mix(in oklch, var(--blog-surface) 90%, transparent);width:2rem;height:2rem;color:var(--blog-text-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.vault-favorite-btn.is-active{color:#eab308;border-color:#eab30859}.vault-empty{color:var(--blog-text-muted);grid-column:1/-1}.vault-area-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.vault-area-head__title{color:var(--blog-text);margin:0;font-size:1rem;font-weight:600}.vault-area-head__back{color:var(--blog-primary);font-size:.875rem;text-decoration:none}.vault-recipe__head{margin-bottom:1.5rem}.vault-recipe__area-link{color:var(--blog-primary);margin-bottom:.5rem;font-size:.875rem;text-decoration:none;display:inline-block}.vault-recipe__title{color:var(--blog-text);margin:0 0 .75rem;font-size:clamp(1.35rem,3vw,1.85rem)}.vault-recipe__lead{color:var(--blog-text-muted);margin:0 0 1rem;line-height:1.55}.vault-recipe__chips{flex-wrap:wrap;gap:.5rem;display:flex}.vault-recipe__section{color:var(--blog-text-muted);margin-bottom:1.75rem;line-height:1.55}.vault-recipe__section-title{color:var(--blog-text);margin:0 0 .75rem;font-size:1rem;font-weight:650}.vault-recipe__list{margin:0;padding-left:1.25rem}.vault-recipe__alert{background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:.75rem;padding:1rem}.vault-code-block{margin-bottom:1rem}.vault-code-block__bar{align-items:center;gap:.75rem;display:flex}.vault-code-block__label{margin-right:auto;font-weight:600}.vault-demo-frame,.vault-demo-static{border:1px solid var(--blog-border);background:color-mix(in oklch, var(--blog-surface) 90%, transparent);border-radius:.75rem;width:100%;min-height:12rem}.vault-demo-frame{min-height:16rem}.vault-recipe__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:2rem 0;display:flex}.vault-recipe__portal-hint{color:var(--blog-text-subtle);opacity:.7;font-size:.8125rem}.vault-product-box{border-radius:var(--vault-card-radius);border:1px solid var(--blog-border);background:color-mix(in oklch, var(--blog-primary) 6%, var(--blog-surface));margin-bottom:2rem;padding:1rem 1.25rem}.vault-product-box__label{text-transform:uppercase;letter-spacing:.04em;color:var(--blog-text-subtle);margin:0 0 .35rem;font-size:.75rem}.vault-product-box__title{color:var(--blog-text);margin:0 0 .75rem;font-size:1rem}.vault-pagination{margin-top:2rem}.vault-favorites-hint{color:var(--blog-text-muted);margin:.5rem 0 0;font-size:.8125rem}.vault-sidebar-recipes{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.vault-sidebar-recipes__link{color:inherit;background:color-mix(in oklch, var(--blog-text) 3%, transparent);border-radius:.55rem;gap:.12rem;padding:.45rem .55rem;text-decoration:none;transition:background .2s,color .2s;display:grid}.vault-sidebar-recipes__link:hover{background:color-mix(in srgb, var(--vault-color,var(--blog-primary)) 10%, transparent);color:var(--blog-text)}.vault-sidebar-recipes__title{font-size:.8125rem;font-weight:600;line-height:1.35}.vault-sidebar-recipes__meta{color:var(--blog-text-subtle);font-size:.6875rem}.vault-sidebar-recipes__empty{color:var(--blog-text-subtle);margin:0;font-size:.75rem}@media (width<=768px){.vault-recipe__actions{flex-direction:column;align-items:stretch}}.vault-page .content-hub-main-head.birdapi-landing-flow__panel{margin-bottom:1rem}.vault-recipe-jump{border:1px solid color-mix(in srgb, var(--vault-color,var(--blog-border)) 22%, var(--blog-border));background:color-mix(in oklch, var(--blog-surface) 88%, transparent);border-radius:.75rem;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:grid}.vault-recipe-jump__filters-label{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-text-subtle);margin-bottom:.4rem;font-size:.6875rem;font-weight:700;display:block}.vault-recipe-jump__filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.vault-recipe-jump__track-wrap{min-width:0}.vault-recipe-jump__track{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.4rem;display:grid}@media (width<=720px){.vault-recipe-jump__track{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--vault-color,var(--blog-primary)) 35%, transparent) transparent;flex-wrap:nowrap;padding-bottom:.35rem;display:flex;overflow-x:auto}.vault-recipe-jump__track::-webkit-scrollbar{height:.35rem}.vault-recipe-jump__track::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--vault-color,var(--blog-primary)) 35%, transparent);border-radius:999px}}.vault-recipe-jump__filter,.vault-recipe-jump__chip{border:1px solid var(--blog-border);background:color-mix(in oklch, var(--blog-surface) 90%, transparent);color:var(--blog-text-muted);white-space:nowrap;scroll-snap-align:start;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.8125rem;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.vault-recipe-jump__chip{text-overflow:ellipsis;min-width:0;max-width:none;overflow:hidden}@media (width<=720px){.vault-recipe-jump__chip{flex:none;max-width:14rem}}.vault-recipe-jump__filter:hover,.vault-recipe-jump__chip:hover{border-color:var(--blog-border-strong);color:var(--blog-text)}.vault-recipe-jump__filter.is-active,.vault-recipe-jump__chip.is-active{border-color:color-mix(in srgb, var(--vault-color,var(--blog-primary)) 45%, transparent);background:color-mix(in srgb, var(--vault-color,var(--blog-primary)) 12%, transparent);color:var(--vault-color,var(--blog-primary));font-weight:600}.vault-deliverables{gap:.45rem;margin:.65rem 0 .75rem;display:grid}.vault-deliverables__label{letter-spacing:.06em;text-transform:uppercase;color:var(--blog-text-subtle);font-size:.6875rem;font-weight:700}.vault-deliverables__badges{flex-wrap:wrap;gap:.35rem;display:flex}.vault-deliverable-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--blog-border);background:var(--blog-overlay-hover);color:var(--blog-text-muted);border-radius:.375rem;align-items:center;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;display:inline-flex}.vault-deliverable-badge--html{color:#f97316;border-color:#f9731659}.vault-deliverable-badge--css{color:#38bdf8;border-color:#38bdf859}.vault-deliverable-badge--js{color:#facc15;border-color:#facc1559}.vault-deliverable-badge--wcag-aa{color:#4ade80;border-color:#4ade8059}.vault-recipe-card .vault-deliverables{margin:.5rem 0 0}.vault-recipe-card .vault-deliverables__label{display:none}.vault-recipe-card .vault-deliverable-badge{padding:.15rem .45rem;font-size:.625rem}