:root{--color-primary: #1a1a1a;--color-background: #fff;--color-border: #e0e0e0;--color-text-light: #6b6b6b;--color-hover: #f7f7f7;--color-success: #2d8a4e;--color-tag-profile: #4a7eb8;--color-tag-reference: #4a9a6a;--color-tag-category: #c4853c;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: .375rem;--border-radius-sm: .25rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--chevron-size: .4rem;--chevron-color: #999;--z-sticky: 100;--z-modal-backdrop: 1000;--z-modal: 1001;--z-skip-link: 9999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-primary);background-color:var(--color-background)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body.is-modal-open{overflow:hidden}.is-hidden{display:none!important}.is-visible{display:block!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.skip-link{position:absolute;left:-9999px;top:-9999px;background:var(--color-background);color:var(--color-primary);padding:var(--spacing-sm);text-decoration:none;border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:var(--z-skip-link)}.skip-link:focus{left:var(--spacing-md);top:var(--spacing-md);outline:2px solid var(--color-primary);outline-offset:2px}.main{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg)}.main.is-filters-closed{grid-template-columns:1fr}.main.is-filters-closed .filters{display:none}.main.is-filters-closed .rules-section{grid-column:1}@media(max-width:768px){.container{padding:var(--spacing-sm)}.main{grid-template-columns:1fr}}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background);color:var(--color-primary);cursor:pointer;font-size:.875rem;transition:background-color .2s;text-decoration:none;display:inline-block;white-space:nowrap;line-height:normal}.btn:hover{background:var(--color-hover)}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.btn--primary:hover{background:#333}.btn--secondary{background:var(--color-background);color:var(--color-primary)}.btn--icon{padding:var(--spacing-xs) var(--spacing-sm);font-size:1rem;line-height:1}.btn--danger{color:#dc3545}.btn--danger:hover{background:#dc3545;color:var(--color-background);border-color:#dc3545}.search__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;margin-bottom:var(--spacing-lg)}.search__input:focus{outline:2px solid var(--color-primary);outline-offset:2px}mark{background:#ffeb3b;color:#000;padding:0 2px;border-radius:2px}.filters-toggle{position:fixed;bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-md)}.filters-toggle:hover{background:#333}.filters-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.filters-toggle__icon{font-size:1.25rem;line-height:1}.filters__close-btn{display:none}.filters{background:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--color-border);height:fit-content;position:sticky;top:var(--spacing-md)}.filters__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.filters__title{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.filters__reset-btn{background:transparent;color:var(--color-text-light);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;line-height:1}.filters__reset-btn:hover{background:var(--color-hover);color:var(--color-primary);border-color:var(--color-primary)}.filters__reset-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.filters__section{margin-bottom:var(--spacing-md)}.filters__section:last-child{margin-bottom:0}.filters__details{border:none;border-radius:0}.filters__details[open]{padding-bottom:var(--spacing-sm)}.filters__summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border)}.filters__summary::-webkit-details-marker{display:none}.filters__summary:hover{color:var(--color-primary)}.filters__summary h3{margin:0;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-light)}.filters__summary:hover h3{color:var(--color-primary)}.filters__summary:after{content:"";display:block;width:var(--chevron-size);height:var(--chevron-size);border:solid var(--chevron-color);border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);margin-right:var(--spacing-xs)}.filters__details[open] .filters__summary:after{transform:rotate(45deg)}.filters__options{overflow-y:auto;display:flex;flex-direction:column;gap:0;padding-top:var(--spacing-xs)}.filters__fieldset{border:none;padding:0;margin:0 0 var(--spacing-sm) 0}.filters__legend{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.filters__radio-group{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.filter-radio{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;font-size:.8125rem}.filter-radio:hover{background-color:var(--color-hover);border-color:var(--color-primary)}.filter-radio:has(input:checked){background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.filter-radio input{display:none}.filter-label{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-sm);font-size:.875rem}.filter-label:hover{background-color:var(--color-hover)}.filter-label__input{margin-right:var(--spacing-sm);accent-color:var(--color-success)}.filter-label__text{flex:1;color:var(--color-primary)}.filter-label__count{background:var(--color-hover);color:var(--color-text-light);padding:.125rem .375rem;border-radius:1rem;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.filter-label__count.is-complete{background:var(--color-success);color:var(--color-background)}@media(max-width:768px){.filters{position:fixed;inset:0;z-index:var(--z-modal);border-radius:0;border:none;overflow-y:auto;display:none;padding-top:calc(var(--spacing-lg) + 2rem)}.main.is-filters-open .filters{display:block}.filters__close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:2rem;height:2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:1.25rem;cursor:pointer;line-height:1}.filters__close-btn:hover{background:var(--color-hover)}}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.header__logo{font-size:1.5rem;font-weight:700;margin:0}.header__logo__image{vertical-align:text-bottom;height:2rem}.header__menu{display:flex;align-items:center;gap:var(--spacing-sm)}.header__separator{width:1px;height:1.5rem;background:var(--color-border);margin:0 var(--spacing-xs)}@media(max-width:768px){.header{flex-direction:column;gap:var(--spacing-md)}.header__menu{flex-wrap:wrap;justify-content:center;width:100%}.header__separator{display:none}}.session-manager__select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.875rem;background:var(--color-background);cursor:pointer;max-width:240px}.session-manager__select:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.session-manager__select{flex:1;min-width:150px}}.rule-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.rule-card.is-checked{border-color:var(--color-success);background:#fafdfb}.rule-card.is-checked .rule__id{background:var(--color-success);color:var(--color-background)}.rule__details{width:100%}.rule__header{display:flex;align-items:center;gap:0;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.rule__header::-webkit-details-marker{display:none}.rule__checkbox-zone{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;flex-shrink:0;align-self:stretch}.rule__checkbox-zone:hover{background:var(--color-hover)}.rule__checkbox-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.rule-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-success)}.rule-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rule__id{background:var(--color-hover);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-weight:600;font-size:.8125rem;color:var(--color-text-light);flex-shrink:0}.rule__title{flex:1;padding:var(--spacing-sm);font-size:.9375rem;font-weight:500;line-height:1.5;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.rule__chevron{flex-shrink:0;width:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--chevron-color)}.rule__chevron:before{content:"";display:block;width:var(--chevron-size);height:var(--chevron-size);border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}.rule__header:hover .rule__chevron{color:var(--color-text-light)}.rule__header:has(.rule__checkbox-zone:hover) .rule__chevron{color:var(--chevron-color)}.rule__details[open] .rule__chevron:before{transform:rotate(45deg)}.rule__body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.rule__content{margin-bottom:var(--spacing-md);line-height:1.6;padding:var(--spacing-md);background:var(--color-hover);border-radius:var(--border-radius);font-size:.9rem}.rule__content p{margin-bottom:var(--spacing-xs)}.rule__content p:last-child{margin-bottom:0}.rule__content ul,.rule__content ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.rule__content li:last-child{margin-bottom:0}.rule__content h3{font-size:1rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm)}.rule__content h3:first-child{margin-top:0}.rule__content a{color:var(--color-tag-profile);text-decoration:underline}.rule__content a:hover{color:var(--color-primary)}.rule__content code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125em;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.125em .375em}.rule__content pre{margin:var(--spacing-sm) 0;padding:var(--spacing-md);background:#231742;color:#e0e0e0;border-radius:var(--border-radius);overflow-x:auto;-webkit-overflow-scrolling:touch}.rule__content pre code{background:none;border:none;padding:0;color:inherit;font-size:.8125rem;line-height:1.6}.rule__meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rule__meta-item{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;font-size:.85rem}.rule__tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{background:var(--color-hover);padding:.1875rem .5rem;border-radius:var(--border-radius-sm);font-size:.6875rem;font-weight:500;color:var(--color-text-light);letter-spacing:.01em}.tag--profile{background:var(--color-tag-profile);color:#fff}.tag--reference{background:var(--color-tag-reference);color:#fff}.tag--category{background:var(--color-tag-category);color:#fff}.tag[data-filter-type]{cursor:pointer}.tag[data-filter-type]:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.tag[data-filter-type]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tag[data-filter-type].is-active{box-shadow:0 0 0 2px var(--color-background),0 0 0 3px currentColor}.admonition{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid}.admonition__title{font-weight:600;margin-bottom:var(--spacing-xs)}.admonition__content p:last-child{margin-bottom:0}.admonition--tip{background:#d4edda;border-color:#28a745;color:#155724}.admonition--tip .admonition__title{color:#155724}.admonition--warning{background:#fff3cd;border-color:#ffc107;color:#856404}.admonition--warning .admonition__title{color:#856404}.admonition--info{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.admonition--info .admonition__title{color:#0c5460}.admonition--danger{background:#f8d7da;border-color:#dc3545;color:#721c24}.admonition--danger .admonition__title{color:#721c24}.admonition--note{background:#e2e3e5;border-color:#6c757d;color:#383d41}.admonition--note .admonition__title{color:#383d41}.rules-section{grid-column:2}.rules-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.rules-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.rules-header__title{margin:0}.rules-header__count{font-weight:400}.stats{background:var(--color-border);color:var(--color-primary);padding:.125rem .5rem;border-radius:1rem;font-weight:600;margin-inline-start:auto}.stats--complete{background-color:var(--color-success);color:var(--color-background)}.rules-summary{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--color-text-muted);font-style:italic}.rules-summary:empty{display:none}.summary-filter{background:var(--color-border);border:none;border-radius:.25rem;padding:.125rem .375rem;font-size:inherit;font-style:inherit;font-family:inherit;color:var(--color-primary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.summary-filter:hover{background:var(--color-primary);color:var(--color-background)}.summary-filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.summary-filter--search{background:var(--color-highlight, #fff3cd);color:var(--color-text)}.summary-filter--search:hover{background:var(--color-primary);color:var(--color-background)}.persistence-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.no-rules,.error{text-align:center;padding:var(--spacing-xl);background:var(--color-hover);border-radius:var(--border-radius);border:1px solid var(--color-border);grid-column:1 / -1;color:var(--color-text-light)}.error{border-color:#dc3545;color:#dc3545}.category-section{margin-bottom:var(--spacing-lg)}.category-section:last-child{margin-bottom:0}.category-section__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.category-section__rules{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:768px){.rules-section{grid-column:1}.rules-grid{grid-template-columns:1fr}.rules-header{flex-direction:column;align-items:flex-start}.persistence-actions{width:100%}.persistence-actions .btn{flex:1;text-align:center}}