.coutellerie-page{background-color:var(--bg-secondary);min-height:100vh}html{scroll-padding-top:6rem}.page-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color-subtle);padding:var(--space-xl) var(--container-padding) var(--space-lg);text-align:center}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:.01em}.page-subtitle{font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.layout{max-width:1400px;margin:0 auto;display:flex;align-items:flex-start;padding:0 var(--container-padding);gap:var(--space-xl)}.sidebar{position:sticky;top:4.5rem;width:220px;min-width:220px;height:calc(100vh - 4.5rem);overflow-y:auto;padding:var(--space-lg) 0;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.search-wrapper{position:relative;margin-bottom:var(--space-md)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;width:14px;height:14px}.search-input{width:100%;height:36px;padding:0 10px 0 32px;font-family:var(--font-ui);font-size:14px;line-height:36px;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;-webkit-appearance:none;appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:1px}.sidebar-nav a{display:flex;align-items:baseline;gap:4px;padding:6px 12px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:400;color:var(--text-secondary);text-decoration:none;border-radius:4px;border-left:2px solid transparent;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);line-height:var(--leading-snug)}.sidebar-nav a:hover{color:var(--accent-hover);background-color:var(--accent-muted)}.sidebar-nav a.active{color:var(--accent);font-weight:500;background-color:var(--accent-muted);border-left-color:var(--accent)}.sidebar-count{font-weight:300;color:var(--text-tertiary);flex-shrink:0}.sidebar-label{flex:1;min-width:0}.main-content{flex:1;min-width:0;padding:var(--space-lg) 0 var(--space-3xl)}.category-section{margin-bottom:var(--space-2xl)}.category-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary);display:flex;align-items:baseline;gap:var(--space-sm);scroll-margin-top:6rem}.category-count-badge{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:400;color:var(--text-tertiary)}.category-rule{border:none;height:1px;background-color:var(--border-color);margin:var(--space-sm) 0 var(--space-md)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.book-card{background:var(--bg-primary);border:1px solid var(--border-color-subtle);border-radius:6px;padding:var(--space-md);padding-bottom:calc(var(--space-md) + 3px);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.book-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--accent);border-radius:0 0 6px 6px}.book-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}[data-theme=dark] .book-card:hover{box-shadow:0 4px 12px #00000040}.book-author{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:400;color:var(--accent);margin-bottom:4px;line-height:var(--leading-snug)}.book-title{font-family:var(--font-body);font-style:italic;font-size:var(--text-base);font-weight:400;color:var(--text-primary);line-height:var(--leading-snug)}.book-note{font-family:var(--font-body);font-size:var(--text-xs);font-weight:400;font-style:normal;color:var(--text-secondary);margin-top:6px;line-height:var(--leading-normal)}.book-card.hidden,.category-section.hidden{display:none}.no-results{display:none;text-align:center;padding:var(--space-3xl) var(--space-md);color:var(--text-tertiary);font-family:var(--font-body);font-style:italic;font-size:var(--text-lg)}.no-results.visible{display:block}.mobile-nav{display:none}@media(max-width:768px){.sidebar{display:none}.mobile-nav{display:block;position:sticky;top:4.5rem;z-index:50;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-sm) var(--container-padding)}.mobile-search-wrapper{position:relative;margin-bottom:var(--space-sm)}.mobile-search-wrapper .search-icon{left:10px}.mobile-search-input{width:100%;padding:8px 10px 8px 32px;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mobile-search-input::placeholder{color:var(--text-tertiary)}.mobile-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.pill-bar{display:flex;overflow-x:auto;gap:6px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:2px}.pill-bar::-webkit-scrollbar{display:none}.pill-link{white-space:nowrap;display:inline-block;padding:5px 12px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:400;color:var(--text-secondary);text-decoration:none;border-radius:20px;background-color:var(--bg-tertiary);border:1px solid var(--border-color-subtle);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.pill-link:hover{color:var(--accent-hover);background-color:var(--accent-muted)}.pill-link.active{color:var(--accent);font-weight:500;background-color:var(--accent-muted);border-color:var(--accent)}.layout{padding:0 var(--container-padding)}.main-content{padding-top:var(--space-md)}.books-grid{grid-template-columns:1fr}.page-header{padding:var(--space-lg) var(--container-padding) var(--space-md)}:global(html){scroll-padding-top:10rem}.category-heading{scroll-margin-top:10rem}}@media(prefers-reduced-motion:reduce){.book-card:hover{transform:none;box-shadow:none}}
