.areas{gap:var(--s4);margin-bottom:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.area{text-align:left;align-items:flex-start;gap:var(--s2);white-space:normal;min-height:0;padding:var(--s5);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);font-weight:400;line-height:var(--lh);flex-direction:column;display:flex;position:relative}.area:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-2)}.area[aria-pressed=true]{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange), var(--shadow-2)}.area-icon{background:var(--surface-2);width:40px;height:40px;color:var(--charcoal);border-radius:12px;place-items:center;display:grid}.area[aria-pressed=true] .area-icon{background:var(--orange);color:var(--charcoal)}.area-title{font-size:var(--fs-lg);color:var(--text);font-weight:700}.area-text{font-size:var(--fs-sm);color:var(--muted)}.area-stat{font-size:var(--fs-sm);color:var(--text-2);padding-top:var(--s2);margin-top:auto;font-weight:600}.area-level{top:var(--s4);right:var(--s4);position:absolute}.sub-links{gap:var(--s2);margin:calc(-1 * var(--s3)) 0 var(--s6);flex-wrap:wrap;display:flex}.section-head{align-items:flex-end;gap:var(--s4);margin:var(--s6) 0 var(--s3);flex-wrap:wrap;display:flex}.section-head h2{margin:0}.section-head p{color:var(--muted);font-size:var(--fs-sm);max-width:640px;margin:4px 0 0}.group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:var(--s5) 0 var(--s2);font-size:11px;font-weight:700}.rule{gap:var(--s4);padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s3);box-shadow:var(--shadow-1);grid-template-columns:44px minmax(0,1fr) auto;display:grid}.rule-muted{background:#fdfcfa}.rule-muted .rule-title{color:var(--text-2)}.rule-icon{background:var(--orange-tint);width:44px;height:44px;color:var(--orange-ink);border-radius:12px;place-items:center;display:grid}.rule-muted .rule-icon{background:var(--surface-2);color:var(--muted)}.rule-top{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.rule-title{font-size:var(--fs-md);margin:0}.rule-effect{margin:6px 0 var(--s2);color:var(--text-2)}.rule-meta{gap:var(--s4);font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;display:flex}.rule-meta span{align-items:center;gap:6px;display:inline-flex}.rule-why{font-size:var(--fs-sm);color:var(--muted);margin:var(--s2) 0 0}.rule-note{gap:var(--s2);font-size:var(--fs-sm);padding:var(--s2) var(--s3);border-radius:var(--r-md);margin-top:var(--s3);align-items:flex-start;display:flex}.rule-note.warn{background:var(--warn-tint);color:#5c3a00}.rule-note.bad{background:var(--bad-tint);color:#7a1810}.rule-note svg{flex:none;margin-top:2px}.rule-actions{gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;display:flex}.rule-details{gap:var(--s3);margin:var(--s3) 0;font-size:var(--fs-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.rule-details dt{color:var(--muted);font-size:var(--fs-xs)}.rule-details dd{overflow-wrap:anywhere;margin:0;font-weight:500}.timeline{margin:var(--s2) 0 0;font-size:var(--fs-sm);padding:0;list-style:none}.timeline li{gap:var(--s3);padding:var(--s2) 0;border-left:2px solid var(--line);padding-left:var(--s4);align-items:flex-start;margin-left:5px;display:flex;position:relative}.timeline li>div{flex:1}.t-dot{background:var(--surface);border:2px solid var(--orange);border-radius:50%;width:12px;height:12px;position:absolute;top:13px;left:-7px}.type-grid{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.type-card{text-align:left;white-space:normal;min-height:84px;padding:var(--s4);justify-content:flex-start;align-items:flex-start;gap:var(--s3);border-radius:var(--r-lg);line-height:1.4}.type-card:hover{border-color:var(--orange);background:var(--orange-tint)}.type-icon{background:var(--orange-tint);width:36px;height:36px;color:var(--orange-ink);border-radius:10px;flex:none;place-items:center;display:grid}.choice-list{gap:var(--s2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.choice-list legend{margin-bottom:6px}.choice{gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;align-items:flex-start;display:flex}.choice.on{border-color:var(--orange);background:var(--orange-tint)}.insight{gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin-bottom:var(--s3);grid-template-columns:40px minmax(0,1fr);display:grid}.insight .rule-icon{background:var(--info-tint);width:40px;height:40px;color:var(--info)}.precedence{counter-reset:p;margin:var(--s3) 0 0;gap:6px;padding:0;list-style:none;display:grid}.precedence li{counter-increment:p;gap:var(--s3);font-size:var(--fs-sm);align-items:center;display:flex}.precedence li:before{content:counter(p);background:var(--surface-3);width:24px;height:24px;font-weight:700;font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;display:grid}.precedence li.hl:before{background:var(--orange);color:var(--charcoal)}@media (max-width:900px){.areas{gap:var(--s2);grid-template-columns:1fr}.area{padding:var(--s4);flex-direction:row;align-items:center}.area-text{display:none}.area-stat{margin:0 0 0 auto;padding:0}.area-level{display:none}.rule{padding:var(--s4);gap:var(--s3);grid-template-columns:36px minmax(0,1fr)}.rule-icon{width:36px;height:36px}.rule-actions{grid-column:1/-1;justify-content:flex-start}.type-grid{grid-template-columns:1fr}}.search-box{align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:0 var(--s3);color:var(--muted);display:flex}.search-box input{box-shadow:none;border:none;min-width:200px;padding-left:0}.search-box:focus-within{border-color:var(--orange);box-shadow:var(--focus)}.how{position:relative}.how>summary{list-style:none}.how>summary::-webkit-details-marker{display:none}.how-pop{z-index:30;width:min(420px,100vw - 32px);box-shadow:var(--shadow-3);position:absolute;top:calc(100% + 6px);right:0}.obs{margin:0 0 var(--s3);gap:var(--s2);padding:0;list-style:none;display:grid}.obs li{gap:var(--s3);padding:var(--s3);background:var(--surface-2);border-radius:var(--r-md);font-size:var(--fs-sm);align-items:flex-start;display:flex}.obs li svg{color:var(--muted);flex:none;margin-top:2px}@media (max-width:900px){.search-box input{width:100%;min-width:0}.page-head .actions,.search-box{width:100%}.how-pop{left:0;right:auto}}