/* Public rules: readable cards, section colors and deliberate reading controls. */
#rules-view{--section-accent:#b8afe7;--reader-edge:color-mix(in srgb,var(--section-accent) 24%,var(--line));font-family:Community,Arial,sans-serif}
#rules-view .rules-page-heading{align-items:center;margin-bottom:24px}
#rules-view .rules-summary{display:flex;align-items:center;gap:17px;margin-top:13px;color:var(--muted);font-size:11px}
#rules-view .rules-summary>span+span:before{content:'';display:inline-block;width:3px;height:3px;background:var(--accent);border-radius:50%;margin-right:17px;vertical-align:middle}
#rules-view .rules-page-emblem{width:52px;height:52px;border-radius:15px;color:var(--accent);background:linear-gradient(145deg,var(--accent-wash),var(--surface));border-color:var(--accent-edge);box-shadow:inset 0 1px 0 #ffffff07}
#rules-view .rules-tools{padding:19px 20px 0;border-radius:15px;background:var(--surface);gap:15px 24px;margin-bottom:13px}
#rules-view .rules-field-label,#rules-view .rules-search-group>label{color:var(--secondary);font-size:10px}
#rules-view .rules-choice-trigger,#rules-view .rules-search-input{min-height:48px;border-radius:10px;background:var(--surface-hi)}
#rules-view .rules-search-input input{font-family:inherit;font-size:12px}
#rules-view .rules-tools-footer{justify-content:space-between;gap:12px;min-height:49px}
#rules-view .rules-scope{font-size:11px}
#rules-view .rules-large-toggle{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:7px;color:var(--secondary);font:inherit;font-size:10px;white-space:nowrap;transition:color .18s,background .18s,border-color .18s}
#rules-view .rules-large-toggle svg{width:14px;height:14px;color:var(--accent)}
#rules-view .rules-large-toggle:hover,#rules-view .rules-large-toggle[aria-pressed=true]{border-color:var(--accent-edge);background:var(--accent-wash);color:var(--text)}
#rules-view .rules-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px}
#rules-view .rules-filters{display:flex;flex-wrap:wrap;gap:8px}
#rules-view .rules-filters button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--secondary);font:inherit;font-size:11px;transition:background .18s,border-color .18s,color .18s}
#rules-view .rules-filters button>svg{width:14px;height:14px;color:var(--muted)}
#rules-view .rules-filters small{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
#rules-view .rules-filters button[aria-pressed=true]{background:linear-gradient(115deg,var(--accent-wash),var(--surface));border-color:var(--accent-edge);color:var(--text);box-shadow:inset 0 1px 0 #ffffff06}
#rules-view .rules-filters button[aria-pressed=true]>svg,#rules-view .rules-filters button[aria-pressed=true]>small{color:var(--accent)}
#rules-view .rules-filters button:hover{border-color:var(--accent-edge);color:var(--text)}
#rules-view .rules-reset-filters{display:flex;align-items:center;gap:5px;min-height:35px;padding:6px;color:var(--muted);font:inherit;font-size:10px;white-space:nowrap}
#rules-view .rules-reset-filters svg{width:13px;height:13px}
#rules-view .rules-reset-filters:hover{color:var(--text)}
#rules-view .rules-layout-v20{grid-template-columns:270px minmax(0,1fr);gap:24px}
#rules-view .rules-navigation{border-radius:15px;padding:19px 10px 10px;background:var(--surface);box-shadow:inset 0 1px 0 #ffffff04}
#rules-view .rules-navigation-head{margin-bottom:16px}
#rules-view .rules-navigation-total{padding:4px 7px;background:var(--surface-hi);border:1px solid var(--line);border-radius:6px;white-space:nowrap;font-size:9px}
#rules-view .rules-section-list{gap:5px}
#rules-view .rules-section-item{gap:11px;min-height:71px;padding:12px 10px;border:1px solid transparent;border-radius:10px}
#rules-view .rules-section-item:hover{background:color-mix(in srgb,var(--section-accent) 4%,var(--surface));border-color:color-mix(in srgb,var(--section-accent) 14%,var(--line))}
#rules-view .rules-section-item.is-active{background:linear-gradient(110deg,color-mix(in srgb,var(--section-accent) 10%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--section-accent) 25%,var(--line))}
#rules-view .rules-section-icon{width:30px;height:32px;border-radius:8px;border:1px solid color-mix(in srgb,var(--section-accent) 16%,var(--line));background:color-mix(in srgb,var(--section-accent) 6%,var(--surface));color:var(--section-accent)}
#rules-view .rules-section-item.is-active .rules-section-icon{color:var(--section-accent);background:color-mix(in srgb,var(--section-accent) 10%,var(--surface))}
#rules-view .rules-section-icon svg{width:17px;height:17px}
#rules-view .rules-section-copy b{font-size:11px;line-height:1.65;font-weight:500;color:var(--secondary)}
#rules-view .rules-section-item.is-active .rules-section-copy b{color:var(--text)}
#rules-view .rules-section-copy small{display:block;margin-top:5px;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
#rules-view .rules-section-count{display:grid;place-items:center;min-width:22px;min-height:23px;border-radius:6px;background:var(--surface-hi);font-size:9px;color:var(--muted)}
#rules-view .rules-section-item.is-active .rules-section-count{background:color-mix(in srgb,var(--section-accent) 9%,var(--surface));color:var(--section-accent)}
#rules-view .rules-content-v20{padding:0;border:0;background:none;box-shadow:none}
#rules-view .rules-content-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;padding:20px 22px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(125deg,color-mix(in srgb,var(--section-accent) 5%,var(--surface)),var(--surface));gap:12px;align-items:center;scroll-margin-top:calc(var(--top) + 20px)}
#rules-view .rules-content-icon{width:34px;height:36px;border-radius:10px;color:var(--section-accent);border-color:var(--reader-edge);background:color-mix(in srgb,var(--section-accent) 7%,var(--surface));margin-top:1px}
#rules-view .rules-content-head h2{font-size:18px;line-height:1.6}
#rules-view .rules-content-description{grid-column:1/-1;font-size:11px;line-height:1.9;color:var(--secondary);margin:0;white-space:pre-line}
#rules-view .rules-content-description.is-notice{padding:11px 14px;border:1px solid color-mix(in srgb,#d6bd81 15%,var(--line));border-radius:9px;background:color-mix(in srgb,#d6bd81 3%,var(--surface));color:#c5bcaa}
#rules-view .rules-result-count{flex-direction:column;align-items:flex-end;gap:3px;margin-top:3px;font-size:9px}
#rules-view .rules-result-count b{font-size:18px;font-weight:600;color:var(--section-accent)}
#rules-view .rules-item{position:relative;margin:0 0 15px;padding:20px 22px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);scroll-margin-top:calc(var(--top) + 20px);box-shadow:inset 0 1px 0 #ffffff03;transition:border-color .2s,box-shadow .2s}
#rules-view .rules-item:hover{border-color:color-mix(in srgb,var(--section-accent) 17%,var(--line))}
#rules-view .rules-item.is-linked{border-color:var(--reader-edge);background:linear-gradient(140deg,color-mix(in srgb,var(--section-accent) 6%,var(--surface)),var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--section-accent) 5%,transparent)}
#rules-view .rules-item.is-saved{border-color:color-mix(in srgb,var(--section-accent) 22%,var(--line))}
#rules-view .rules-item-heading{align-items:center;margin-bottom:15px;gap:10px}
#rules-view .rules-item-heading>div:first-child{padding:0;align-items:center;gap:10px}
#rules-view .rules-item-heading h3{font-size:12px;font-weight:500;color:var(--secondary);line-height:1.6}
#rules-view .rules-number{min-height:29px;min-width:34px;border-radius:7px;font-size:11px;color:var(--section-accent);background:color-mix(in srgb,var(--section-accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--section-accent) 18%,var(--line))}
#rules-view .rules-item-heading>.rules-item-actions{display:flex;align-items:center;flex:none;min-width:0;min-height:0;gap:3px;padding:0}
#rules-view .rules-item-actions button{display:grid;place-items:center;width:32px;height:32px;min-height:32px;min-width:32px;border:1px solid transparent;border-radius:8px;padding:0;color:var(--muted);background:none;transition:background .18s,color .18s,border-color .18s}
#rules-view .rules-item-actions svg{width:15px;height:15px}
#rules-view .rules-item-actions button:hover{color:var(--section-accent);border-color:var(--reader-edge);background:color-mix(in srgb,var(--section-accent) 6%,var(--surface))}
#rules-view .rules-item-actions .rules-save[aria-pressed=true]{color:#d6bd81;background:color-mix(in srgb,#d6bd81 7%,var(--surface));border-color:color-mix(in srgb,#d6bd81 18%,var(--line))}
#rules-view .rules-save[aria-pressed=true] svg{fill:color-mix(in srgb,#d6bd81 14%,transparent)}
#rules-view .rules-item-actions .is-copied{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}
#rules-view .rules-item-body>.rules-rich-text,#rules-view .rules-item-body>p{font:14px/1.95 Community,Arial,sans-serif;max-width:76ch;color:var(--secondary)}
#rules-view .rules-rich-text>p{margin-bottom:14px}
#rules-view .rules-rich-text blockquote{font-size:13px;line-height:1.9;padding:14px 16px;margin:12px 0;border-radius:0 10px 10px 0;overflow-wrap:anywhere}
#rules-view .rules-rich-text blockquote:last-child{margin-bottom:0}
#rules-view .rules-rich-text .rules-topic-penalty{background:linear-gradient(105deg,#21161e,#19131a)!important;border-left-color:#d68ba5!important}
#rules-view .rules-rich-text .rules-topic-exception{background:linear-gradient(105deg,#211d15,#191710)!important;border-left-color:#cdb67f!important}
#rules-view .rules-rich-text .rules-topic-example{background:linear-gradient(105deg,#151e29,#121820)!important;border-left-color:#8fb7dd!important}
#rules-view .rules-rich-text .rules-topic-condition{background:linear-gradient(105deg,#1d192b,#17151f)!important;border-left-color:#aaa1d6!important}
#rules-view .rules-chain-arrow{margin-inline:5px!important;font-size:16px!important;color:#b8afe7!important}
#rules-view .rules-penalty{padding:13px 15px;margin-top:15px;align-items:flex-start;background:color-mix(in srgb,#ec93ae 5%,var(--surface));border-color:color-mix(in srgb,#ec93ae 38%,transparent);border-radius:0 10px 10px 0}
#rules-view .rules-penalty>span{color:#ec93ae;line-height:1.9}
#rules-view .rules-penalty>.rules-rich-text{font-size:13px;line-height:1.9}
#rules-view .rules-result-section{display:flex;align-items:center;gap:10px;padding:13px 2px 16px;margin:0;font-size:14px;color:var(--text);font-weight:500;line-height:1.6}
#rules-view .rules-result-section>span{font-size:10px;color:var(--muted)}
#rules-view .rules-empty{min-height:320px;padding:35px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
#rules-view .rules-empty>svg{color:var(--accent);width:30px;height:30px}
#rules-view .rules-section-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
#rules-view .rules-section-pager button{display:flex;align-items:center;gap:12px;min-height:80px;padding:16px 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--secondary);text-align:left;transition:border-color .2s,background .2s}
#rules-view .rules-section-pager button:hover{border-color:var(--reader-edge);background:color-mix(in srgb,var(--section-accent) 4%,var(--surface))}
#rules-view .rules-section-pager svg{width:17px;height:17px;flex:none;color:var(--section-accent)}
#rules-view .rules-section-pager button:first-child svg{rotate:180deg}
#rules-view .rules-section-pager button:last-child{justify-content:flex-end;text-align:right}
#rules-view .rules-section-pager small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}
#rules-view .rules-section-pager b{display:block;font-size:11px;font-weight:500;line-height:1.7}
#rules-view .rules-section-pager button>span{min-width:0}
#rules-view .rules-text-fallback{min-height:120px;resize:vertical;font:12px/1.7 Community,Arial,sans-serif}
#rules-view.is-large-text .rules-item-body>.rules-rich-text,#rules-view.is-large-text .rules-item-body>p{font-size:16px;line-height:2;max-width:68ch}
#rules-view.is-large-text .rules-rich-text blockquote,#rules-view.is-large-text .rules-penalty>.rules-rich-text{font-size:15px;line-height:2}
#rules-view button:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}
#rules-view [hidden]{display:none!important}
@media(max-width:1450px){
 #rules-view .rules-layout-v20{grid-template-columns:248px minmax(0,1fr);gap:19px}
 #rules-view .rules-content-head,#rules-view .rules-item{padding:19px 20px}
 #rules-view .rules-section-item{padding:11px 8px;gap:9px}
}
@media(max-width:1100px) and (min-width:961px){
 #rules-view .rules-layout-v20{grid-template-columns:218px minmax(0,1fr);gap:15px}
 #rules-view .rules-section-copy b{font-size:10px}
 #rules-view .rules-section-icon{width:25px;height:28px}
 #rules-view .rules-section-count{min-width:18px;font-size:8px}
}
@media(max-width:960px){
 #rules-view .rules-layout-v20{grid-template-columns:minmax(0,1fr);gap:14px}
 #rules-view .rules-navigation{padding:8px;max-height:none;top:calc(var(--top) + 8px);z-index:10;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 6px 20px #00000025}
 #rules-view .rules-navigation-head,#rules-view .rules-section-list{display:none}
 #rules-view .rules-mobile-section{display:block}
 #rules-view .rules-mobile-section .rules-choice-trigger{min-height:44px;padding:6px;border-color:transparent;background:none}
 #rules-view .rules-mobile-section .rules-choice-value{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
 #rules-view .rules-mobile-section .rules-choice-value b{font-size:12px}
 #rules-view .rules-mobile-section .rules-choice-value small{font-size:9px}
 #rules-view .rules-content-head,#rules-view .rules-item{scroll-margin-top:calc(var(--top) + 102px)}
}
@media(max-width:760px){
 #rules-view .rules-page-heading{margin-bottom:22px}
 #rules-view .rules-summary{font-size:10px;gap:14px;margin-top:10px}
 #rules-view .rules-summary>span+span:before{margin-right:14px}
 #rules-view .rules-tools{padding:16px 15px 0;gap:16px}
 #rules-view .rules-tools-footer{gap:5px}
 #rules-view .rules-scope{font-size:10px;gap:7px}
 #rules-view .rules-large-toggle{font-size:9px;padding:6px;gap:5px}
 #rules-view .rules-filter-bar{flex-wrap:wrap;gap:5px;margin-bottom:17px}
 #rules-view .rules-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 #rules-view .rules-filters button{padding:10px 8px;gap:6px;min-height:41px;font-size:10px}
 #rules-view .rules-filters button>svg{width:13px;height:13px}
 #rules-view .rules-filters small{font-size:9px}
 #rules-view .rules-reset-filters{margin-left:auto;min-height:30px;font-size:9px}
 #rules-view .rules-content-head{padding:17px 16px;gap:10px}
 #rules-view .rules-content-head h2{font-size:16px}
 #rules-view .rules-content-icon{width:29px;height:31px;border-radius:8px}
 #rules-view .rules-content-description{font-size:10px;line-height:1.9}
 #rules-view .rules-result-count b{font-size:16px}
 #rules-view .rules-item{padding:16px 15px 18px;margin-bottom:12px;border-radius:12px}
 #rules-view .rules-item-heading{gap:5px;margin-bottom:13px}
 #rules-view .rules-item-heading h3{font-size:11px}
 #rules-view .rules-item-heading>div:first-child{gap:7px}
 #rules-view .rules-item-actions button{width:31px;min-width:31px;height:34px;min-height:34px}
 #rules-view .rules-item-actions{gap:1px!important}
 #rules-view .rules-number{min-width:31px;min-height:27px;padding:2px 6px;font-size:10px}
 #rules-view .rules-item-body>.rules-rich-text,#rules-view .rules-item-body>p{font-size:13px;line-height:1.95}
 #rules-view .rules-rich-text blockquote,#rules-view .rules-penalty>.rules-rich-text{font-size:12px;line-height:1.9}
 #rules-view .rules-rich-text blockquote{padding:12px 13px;margin:11px 0}
 #rules-view.is-large-text .rules-item-body>.rules-rich-text,#rules-view.is-large-text .rules-item-body>p{font-size:15px}
 #rules-view.is-large-text .rules-rich-text blockquote,#rules-view.is-large-text .rules-penalty>.rules-rich-text{font-size:14px}
 #rules-view .rules-section-pager{gap:9px;margin-top:18px}
 #rules-view .rules-section-pager button{padding:13px 10px;gap:7px;min-height:85px}
 #rules-view .rules-section-pager b{font-size:10px}
 #rules-view .rules-section-pager small{font-size:8px}
 #rules-view .rules-section-pager svg{width:13px;height:13px}
}
@media(max-width:360px){
 #rules-view .rules-item{padding:15px 12px 17px}
 #rules-view .rules-item-actions button{width:29px;min-width:29px}
 #rules-view .rules-item-heading h3{font-size:10px}
 #rules-view .rules-item-body>.rules-rich-text,#rules-view .rules-item-body>p{font-size:12px}
 #rules-view .rules-rich-text blockquote{padding:11px 12px}
 #rules-view .rules-tools-footer{flex-wrap:wrap;padding:5px 0}
 #rules-view .rules-large-toggle{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){#rules-view *{transition:none!important;scroll-behavior:auto!important}}