.rec{flex-direction:column;gap:1rem;padding-bottom:6rem;display:flex}.rec__stats{grid-template-columns:repeat(1,1fr);gap:.75rem;display:grid}.rec__stat{border-width:0 0 1px;border-bottom-style:solid;border-bottom-color:var(--color-border);background-color:#0000;border-radius:0;flex-direction:column;gap:.375rem;min-width:0;padding:1.6rem 1rem;display:flex}.rec__stat-label{text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);font-size:.875rem;font-weight:700}.rec__stat-value-row{align-items:baseline;gap:.25rem;display:flex}.rec__stat-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1.1}.rec__stat-unit{font-family:var(--font-body);color:var(--color-muted);font-size:1.3rem;font-weight:600}.rec__stat-foot{color:var(--color-muted);text-transform:capitalize;font-size:1.1rem}.rec__toolbar{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--color-border);background-color:#0000;flex-direction:column;gap:.75rem;padding-top:.875rem;padding-bottom:.875rem;display:flex}.rec__search{background-color:var(--color-surface-2);border-style:solid;border-width:1px;border-color:var(--color-border);border-radius:var(--radius-md);min-width:0;height:2.75rem;transition-property:border-color,box-shadow;transition-duration:var(--transition-fast);flex:1;align-items:center;gap:.375rem;padding-left:.75rem;padding-right:.75rem;display:inline-flex}.rec__search-input{min-width:100%;height:100%;color:var(--color-text);font-family:var(--font-body);background-color:#0000;border-width:0;outline:0;flex:1;font-size:1.4rem}.rec__sort{flex-shrink:0;align-items:center;gap:.625rem;display:inline-flex}.rec__sort-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:1.1rem;font-weight:700}.rec__sort-group{background-color:var(--color-surface-2);border-style:solid;border-width:1px;border-color:var(--color-border);border-radius:var(--radius-md);gap:.125rem;padding:.3rem;display:inline-flex}.rec__sort-btn{border-radius:var(--radius-sm);height:2.75rem;color:var(--color-muted);font-family:var(--font-body);cursor:pointer;transition-property:background-color,color;transition-duration:var(--transition-fast);background-color:#0000;border-width:0;padding-left:.75rem;padding-right:.75rem;font-size:1.2rem;font-weight:700}.rec__list{flex-direction:column;display:flex}.rec__card{border-width:0 0 1px;border-bottom-style:solid;border-bottom-color:var(--color-border);color:inherit;transition-property:background-color,color;transition-duration:var(--transition-normal);background-color:#0000;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.875rem;padding-top:1.25rem;padding-bottom:1.25rem;text-decoration:none;display:grid}.rec__card-icon{width:2rem;height:2rem;color:var(--color-accent);border-right-style:solid;border-right-width:1px;border-right-color:var(--color-border);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding-right:.625rem;display:inline-flex}.rec__card-main{flex-direction:column;gap:.5rem;min-width:0;display:flex}.rec__card-head{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.rec__card-name{color:var(--color-text);overflow-wrap:break-word;margin:0;font-size:1.7rem;font-weight:700;line-height:1.2}.rec__card-stats{grid-template-columns:repeat(2,1fr);gap:.375rem .75rem;display:grid}.rec__card-stat{flex-direction:column;gap:.125rem;min-width:5.2rem;display:flex}.rec__card-stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:.875rem;font-weight:700}.rec__card-stat-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1}.rec__card-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.rec__card-date-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.rec__card-date{color:var(--color-text);text-align:right;white-space:nowrap;font-size:1.2rem;font-weight:700}.rec__card-date--pr{color:var(--color-muted);font-size:.875rem;font-weight:500}.rec__card-cta{width:2.6rem;height:2.6rem;color:var(--color-muted);transition-property:color,transform;transition-duration:var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.rec__empty{border-top-style:solid;border-top-width:1px;border-top-color:var(--color-border);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--color-border);padding-top:1.5rem;padding-bottom:1.5rem}@media (width>=640px){.rec__stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:1.4fr .8fr .8fr;gap:0}.rec__stat{border-bottom:0}.rec__stat+.rec__stat{border-left:1px solid var(--color-border)}}.rec__search:focus-within{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.rec__search-input::placeholder{color:var(--color-muted)}.rec__search-input::-webkit-search-cancel-button{appearance:none}.rec__sort-btn:hover{color:var(--color-text);background-color:var(--alpha-bg-subtle)}.rec__sort-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.rec__sort-btn--active{background-color:var(--color-accent);color:var(--color-accent-foreground)}.rec__sort-btn--active:hover{background-color:var(--color-accent-hover);color:var(--color-accent-foreground)}.rec__card:hover{background-color:var(--alpha-bg-subtle);color:inherit}.rec__card:focus-visible{box-shadow:var(--focus-ring);outline:0}.rec__card:hover .rec__card-cta{color:var(--color-accent);transform:translate(2px)}.rec__stat--hero .rec__stat-value{color:var(--color-accent);font-size:3rem}.rec__card-stat--hero .rec__card-stat-value{color:var(--color-accent)}@media (width<=640px){.rec__card{grid-template-columns:auto 1fr;grid-template-areas:"icon side""main main";gap:1rem}.rec__card-icon{grid-area:icon;width:3.2rem;height:3.8rem}.rec__card-icon svg{width:2rem;height:2rem}.rec__card-main{grid-area:main}.rec__card-side{grid-area:side;align-items:flex-end}.rec__card-stats{grid-template-columns:repeat(2,1fr);gap:.6rem 1.2rem}}@media (width<=480px){.rec__stat-value{font-size:2.2rem}.rec__stat--hero .rec__stat-value{font-size:2.6rem}.rec__card-name{font-size:1.5rem}.rec__card-stat-value{font-size:1.3rem}}
