.ref-tab-nav{position:sticky;top:72px;z-index:90;background:var(--white);border-bottom:1px solid var(--stone-200);padding:0}.ref-tab-nav-inner{display:flex;gap:0.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1rem 0}.ref-tab-nav-inner::-webkit-scrollbar{display:none}.ref-tab{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;border:1px solid var(--stone-200);border-radius:999px;background:transparent;color:var(--stone-600);font-size:0.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all 0.2s;font-family:var(--font-sans)}.ref-tab:hover{border-color:var(--stone-400);color:var(--stone-900)}.ref-tab.active{background:var(--stone-900);border-color:var(--stone-900);color:var(--white)}.ref-tab-count{font-size:0.75rem;opacity:0.7}.ref-category-section{padding-top:clamp(2rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem)}.ref-category-section:nth-child(odd){background:var(--stone-50)}.ref-editorial-intro{max-width:680px;color:var(--stone-600);font-size:1rem;line-height:1.7;margin-bottom:2rem}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.ref-grid--compact{grid-template-columns:repeat(3,1fr)}.ref-card{display:block;border-radius:12px;overflow:hidden;background:var(--white);border:1px solid var(--stone-150,var(--stone-200));text-decoration:none;color:inherit;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1)}.ref-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08)}.ref-card--hidden{display:none}.ref-card-img{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--stone-100)}.ref-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.ref-card:hover .ref-card-img img{transform:scale(1.03)}.ref-card-badge{position:absolute;top:0.75rem;left:0.75rem;padding:0.25rem 0.625rem;background:rgba(0,0,0,0.7);color:var(--white);font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border-radius:4px;backdrop-filter:blur(4px)}.ref-card-body{padding:1rem 1.25rem 1.25rem}.ref-card-title{font-size:1rem;font-weight:600;color:var(--stone-900);margin:0 0 0.375rem;line-height:1.3}.ref-card-materials{font-size:0.8125rem;color:var(--stone-500);margin:0 0 0.25rem}.ref-card-processor{font-size:0.8125rem;color:var(--stone-400);margin:0}.ref-show-more{text-align:center;padding-top:2rem}@media (max-width:1024px){.ref-grid,.ref-grid--compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ref-grid,.ref-grid--compact{grid-template-columns:1fr}.ref-tab-nav{top:60px}.ref-tab-nav-inner{padding:0.75rem 0}}