/* Reading accordions only. The marker excludes chapter menus and product UI.
   One padding owner: summary owns its gutters; body owns its own gutters. */
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]{
  --reading-gutter:22px;
  box-sizing:border-box!important;
  margin-block:28px;
  padding:0!important;
  border:1px solid #d5deed!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 #fff,0 14px 30px -22px #20355a55!important;
  color:#20355a;
  overflow:visible;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:64px!important;
  margin:0!important;
  padding:18px var(--reading-gutter)!important;
  border:0!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#20355a!important;
  font:600 14px/1.5 Inter,Arial,sans-serif!important;
  text-align:left;
  list-style:none!important;
  cursor:pointer;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary::-webkit-details-marker{display:none!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary::marker{content:""!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary::after{content:none!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary>.case-reading-label{
  min-width:0;max-width:100%;flex:1;overflow-wrap:anywhere;white-space:normal;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary>.case-reading-icon{
  display:grid!important;place-items:center!important;align-self:center!important;
  flex:0 0 32px!important;width:32px!important;height:32px!important;
  margin:0!important;padding:0!important;
  border:1px solid #dce3ec!important;border-radius:8px!important;
  background:#f7f9fb!important;color:#536177!important;
  transform:none!important;rotate:none!important;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary>.case-reading-icon>svg{
  display:block!important;width:17px!important;height:17px!important;margin:0!important;padding:0!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round;stroke-linejoin:round;transform:none!important;
  transition:transform 180ms ease;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading][open]>summary{
  margin:0!important;
  border-bottom:1px solid #e1e7ee!important;
  border-radius:13px 13px 0 0!important;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading][open]>summary>.case-reading-icon{background:#f2f5f8!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading][open]>summary>.case-reading-icon>svg{transform:rotate(180deg)!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>[data-case-reading-body]{
  box-sizing:border-box!important;
  width:100%;min-width:0;max-width:100%;
  margin:0!important;padding:22px var(--reading-gutter)!important;
}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>[data-case-reading-body]>:first-child{margin-top:0!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>[data-case-reading-body]>:last-child{margin-bottom:0!important}
body .uxav2 #guide-content .guide-chapter .uxaw-ds__library details[data-case-reading]{--reading-gutter:16px}
body .uxav2 #guide-content .guide-chapter .uxaw-ds__library details[data-case-reading]>summary{min-height:52px!important;padding-block:12px!important;font-size:12px!important}
body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary:focus-visible{outline:2px solid #087f7b!important;outline-offset:4px}
@media(max-width:600px){
  body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]{--reading-gutter:16px;margin-block:24px}
  body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary{min-height:60px!important;padding-block:16px!important;gap:14px!important;font-size:13px!important}
  body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>[data-case-reading-body]{padding-block:20px 16px!important}
}
@media(hover:hover) and (pointer:fine){
  body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary:hover{background:#fcfdfe!important}
}
@media(prefers-reduced-motion:reduce){
  body :is(.uxav2 #guide-content .guide-chapter,#game-case .gc-content) details[data-case-reading]>summary>.case-reading-icon>svg{transition:none!important}
}
