/* All six examples remain readable without JavaScript and in print. */
.reading .rights-explorer{margin:32px 0;padding:26px;border:1px solid var(--line);background:var(--v-panel,#151512);scroll-margin-top:24px}
.reading .rights-explorer [hidden]{display:none!important}
.reading .rights-explorer .rx-kicker{margin:0 0 9px;font:13px/1.5 var(--mono);color:var(--muted)}
.reading .rights-explorer h3{margin:0 0 20px;font-size:26px;line-height:1.25}
.rights-explorer .rx-modes,.rights-explorer .rx-parts{display:grid;gap:8px}
.rights-explorer .rx-modes{grid-template-columns:1fr 1fr;margin-bottom:10px}
.rights-explorer .rx-parts{grid-template-columns:1.2fr 1fr 1fr}
.rights-explorer .rx-controls button{min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);font:400 15px/1.4 var(--sans, sans-serif);cursor:pointer;text-wrap:balance}
.rights-explorer .rx-controls button:hover{color:var(--ink);border-color:#8a877c}
.rights-explorer .rx-modes button[aria-pressed="true"]{background:#b8dbba15;border-color:#b8dbba80;color:var(--v-sage,#b8dbba)}
.rights-explorer .rx-parts button[aria-pressed="true"]{background:#bdb7ff15;border-color:#bdb7ff80;color:var(--v-violet,#bdb7ff)}
.rights-explorer button:focus-visible,.rights-explorer summary:focus-visible{outline:2px solid var(--v-sage,#b8dbba);outline-offset:4px}
.reading .rights-explorer .rx-route{margin:15px 0;font:13px/1.6 var(--mono);color:var(--muted)}
.reading .rights-explorer .rx-answer{margin:20px 0 0;padding:20px;border:1px solid var(--line);border-left:2px solid var(--v-violet,#bdb7ff);background:#bdb7ff06}
.reading .rights-explorer.is-enhanced .rx-answer{margin:0}
.reading .rights-explorer .rx-context{margin:0 0 10px;font:13px/1.6 var(--mono);color:var(--v-violet,#bdb7ff)}
.rights-explorer.is-enhanced .rx-context{display:none}
.reading .rights-explorer .rx-title{margin:0 0 12px;font-size:22px;line-height:1.3;font-weight:500;scroll-margin-block:24px}
.reading .rights-explorer .rx-body{margin:0;font-size:17px;line-height:1.6}
.reading .rights-explorer .rx-detail{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.rights-explorer .rx-wording{margin-top:18px;border-top:1px solid var(--line)}
.rights-explorer .rx-wording summary{padding:14px 0 6px;min-height:44px;font:13px/1.6 var(--mono);color:var(--v-sage,#b8dbba);cursor:pointer}
.reading .rights-explorer .rx-reply{margin:12px 0 10px;padding:0 0 0 16px;border-left:2px solid #b8dbba66;background:none;color:var(--ink)}
.reading .rights-explorer .rx-reply p{margin:0;font-size:16px;line-height:1.65}
.rights-explorer .rx-copy{min-height:44px;padding:9px 13px;border:1px solid #b8dbba66;background:none;color:var(--v-sage,#b8dbba);font:13px/1.5 var(--mono);cursor:pointer}
.rights-explorer .rx-copy:hover{background:#b8dbba0f}
.rights-explorer .rx-copy-field{display:block;width:100%;min-height:130px;margin:12px 0;padding:12px;border:1px solid var(--line);background:var(--bg,#10100e);color:var(--ink);font:16px/1.6 var(--sans,sans-serif)}
.reading .rights-explorer .rx-note{margin:15px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.rights-explorer .rx-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){
  .rights-explorer.is-enhanced .rx-answer.rx-enter{animation:rx-answer-in .2s ease-out}
  @keyframes rx-answer-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
}
@media(max-width:600px){
  .reading .rights-explorer{padding:17px 14px;margin:26px 0}
  .reading .rights-explorer h3{font-size:23px;margin-bottom:16px}
  .rights-explorer .rx-modes,.rights-explorer .rx-parts{gap:6px}
  .rights-explorer .rx-controls button{padding:9px 6px;font-size:13px;line-height:1.4}
  .reading .rights-explorer .rx-route{font-size:13px;margin:12px 0}
  .reading .rights-explorer .rx-answer{padding:16px 13px}
  .reading .rights-explorer .rx-title{font-size:20px}
  .reading .rights-explorer .rx-body{font-size:16px;line-height:1.55}
  .reading .rights-explorer .rx-detail{font-size:15px}
  .reading .rights-explorer .rx-reply{padding-left:12px}
}
@media print{
  .reading .rights-explorer{padding:0;border:0;background:none}
  .rights-explorer .rx-controls,.rights-explorer .rx-route,.rights-explorer .rx-copy,.rights-explorer .rx-status,.rights-explorer .rx-copy-field{display:none!important}
  .reading .rights-explorer .rx-answer[hidden],.rights-explorer.is-enhanced .rx-context{display:block!important}
  .reading .rights-explorer .rx-answer{margin:18px 0!important;padding:16px;background:none;border-color:#aaa;break-inside:avoid}
  .reading .rights-explorer .rx-context,.reading .rights-explorer .rx-detail,.reading .rights-explorer .rx-note,.reading .rights-explorer .rx-reply,.rights-explorer .rx-wording summary{color:#333}
  .rights-explorer .rx-wording{border-color:#aaa}
  .rights-explorer .rx-wording summary{list-style:none}
  .rights-explorer .rx-wording>*{display:block}
  .rights-explorer .rx-wording::details-content{content-visibility:visible!important;display:block}
}
/* Narrow screens: component choices stack, so long names never break mid-word. */
@media(max-width:600px){.rights-explorer .rx-parts{grid-template-columns:1fr}.rights-explorer .rx-parts button{padding:10px 12px;text-align:left;font-size:14px}}