.selector-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
      .selector-comparison > section { min-width: 0; }
      .slide .selector-comparison h3 { margin: 0 0 8px; font-size: 23px; }
      .slide .selector-comparison pre.code-reference {
        font: 22px/1.45 Consolas, SimSun, monospace;
        white-space: pre-wrap; overflow-wrap: anywhere;
        max-height: none; overflow: visible; padding: 12px;
      }
      .selector-comparison pre code { font: inherit; }
      .selector-explanation { border-left: 4px solid #177f73; padding: 8px 12px; background: #edf6f3; margin-bottom: 12px; }
      .selector-explanation:nth-child(2) { border-color: #b56220; background: #fff5e9; }
      .slide .selector-explanation p { font-size: 22px; line-height: 1.4; margin: 4px 0; }
      .selector-comparison .structure-note { font-size: 21px; margin: 10px 0; }
      .selector-full { margin: 12px 0; }
      .selector-full > summary { cursor: pointer; font-size: 20px; }
      @media (max-width: 850px) { .selector-comparison { grid-template-columns: 1fr; } }
    
.slide .selector-comparison pre.code-reference { margin: 8px 0; }
.slide .selector-comparison .selector-explanation h3 { font-size: 22px; }
.slide .specificity-layout pre.code-reference { font-size: 21px; line-height: 1.35; }
.slide .specificity-layout .selector-explanation p { font-size: 21px; }