/* Desktop keeps the existing section geometry; mobile reveals secondary detail on demand. */
.riko-mobile-disclosure { display:contents }
.riko-mobile-disclosure > summary, .riko-mobile-essential-facts, .riko-mobile-card-toggle, .riko-addon__intro--mobile { display:none }
@media screen and (max-width:760px) {
  .riko-addon[data-mobile-compact] .riko-addon__layout { grid-template-areas:"heading" "install" "gallery" "content"; gap:14px }
  .riko-mobile-disclosure { display:block; min-width:0; margin:0 0 10px; border:1px solid var(--riko-line); border-radius:8px; background:var(--riko-surface) }
  .riko-mobile-disclosure > summary { display:flex; position:relative; align-items:center; min-height:48px; padding:12px 38px 12px 14px; color:var(--riko-text); font:inherit; font-size:15px; font-weight:650; line-height:1.5; list-style:none; cursor:pointer }
  .riko-mobile-disclosure > summary::-webkit-details-marker { display:none }
  .riko-mobile-disclosure > summary::after { content:""; position:absolute; right:17px; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) }
  .riko-mobile-disclosure[open] > summary::after { transform:rotate(225deg) }
  .riko-mobile-disclosure > summary:focus-visible, .riko-mobile-card-toggle:focus-visible { outline:3px solid var(--riko-focus); outline-offset:3px }
  .riko-mobile-disclosure[open] > summary { border-bottom:1px solid var(--riko-line) }
  .riko-mobile-disclosure > :not(summary) { margin:0!important; padding:14px; border:0; border-radius:0; background:transparent }
  .riko-mobile-disclosure .riko-mobile-section-heading { display:none!important }
  .riko-mobile-disclosure .riko-addon__section { display:block; padding:14px }
  .riko-mobile-disclosure .riko-addon__gallery-heading { margin-bottom:8px }
  .riko-mobile-disclosure .riko-addon__thumbnails > a { min-height:44px }
  .riko-addon[data-mobile-compact] [data-catalog-contents] { display:none }
  .riko-mobile-essential-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin:14px 0; color:var(--riko-text) }
  .riko-mobile-essential-facts > div { min-width:0 }
  .riko-mobile-essential-facts dt { font-size:12px; font-weight:400; color:var(--riko-muted) }
  .riko-mobile-essential-facts dd { margin:3px 0 0; font-size:14px; font-weight:650; overflow-wrap:anywhere }
  .riko-mobile-disclosure[data-mobile-kind="file"] { margin-top:12px }
  .riko-mobile-disclosure[data-mobile-kind="actions"] { background:transparent; border-color:var(--riko-line) }
  .riko-mobile-disclosure[data-mobile-kind="actions"] > summary { font-size:13px }
  .riko-addon__heading--photo .riko-mobile-disclosure[data-mobile-kind="actions"] > summary { color:var(--riko-inverse) }
  .riko-mobile-disclosure[data-mobile-kind="actions"] .riko-library-actions { padding:10px; margin:0 }
  .riko-addon__intro--mobile { display:block }
  .riko-catalog__card[data-mobile-card] { display:flex; flex-direction:column }
  .riko-catalog__card[data-mobile-card] .riko-catalog__card-link { height:auto; flex:1 }
  .riko-catalog__card[data-mobile-card]:not(.riko-mobile-card-expanded) :is(.riko-catalog__card-category,.riko-catalog__card-author,.riko-catalog__card-description,.riko-catalog__card-date,.riko-catalog__card-version) { display:none }
  .riko-catalog__card[data-mobile-card]:not(.riko-mobile-card-expanded) .riko-catalog__card-footer { padding-top:8px }
  .riko-mobile-card-toggle { display:flex; width:100%; min-height:44px; align-items:center; justify-content:center; gap:8px; margin:0; padding:10px 14px; border:0; border-top:1px solid var(--riko-line); border-radius:0; background:var(--riko-surface-soft); color:var(--riko-link); font:inherit; font-size:13px; font-weight:650; cursor:pointer }
  .riko-mobile-card-toggle:hover { background:var(--riko-action-soft-hover); color:var(--riko-action-hover) }
  .riko-mobile-card-toggle::after { content:"+"; font-size:18px; line-height:1 }
  .riko-mobile-card-toggle[aria-expanded="true"]::after { content:"−" }
  .riko-mobile-card-expanded .riko-catalog__card-description { display:block; overflow:visible; -webkit-line-clamp:unset }
  .riko-mobile-card-expanded .riko-catalog__card-version { overflow:visible; white-space:normal; overflow-wrap:anywhere }
  .riko-catalog[data-mobile-compact] .riko-catalog__heading { grid-template-areas:"title title" "simulators simulators" "other other"; gap:8px }
  .riko-catalog[data-mobile-compact] .riko-catalog__heading .riko-catalog__universe-link { justify-self:start; min-height:32px }
  #tm-content .riko-catalog[data-mobile-compact] .riko-catalog__heading h1 { font-size:24px!important; hyphens:none }
}
@media screen and (forced-colors:none) and (max-width:760px) {
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading--photo { min-height:0; padding:0 14px 14px; justify-content:flex-start }
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading-photo { position:static; z-index:auto; inset:auto; align-self:center; flex:none; width:calc(100% + 28px); height:auto; margin:0 0 14px; object-fit:contain; object-position:center }
  .riko-addon[data-mobile-compact] .riko-addon__heading-shade { display:none }
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading-enlarge { position:static; align-self:flex-end; margin-top:12px; min-height:44px }
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading-enlarge--photo { display:block; align-self:center; width:calc(100% + 28px); min-height:0; margin:0 0 14px; padding:0; border:0; border-radius:0; background:transparent; cursor:zoom-in }
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading-enlarge--photo > .riko-addon__heading-photo { display:block; width:100%; margin:0 }
  .riko-addon__heading-enlarge--photo > :not(.riko-addon__heading-photo) { display:none }
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading-enlarge--photo:focus-visible { outline:3px solid var(--riko-focus-on-brand); outline-offset:-3px!important }
  body #tm-content .riko-addon[data-mobile-compact] .riko-addon__heading--photo h1 { font-size:24px!important }
}
@media (forced-colors:active) {
  .riko-mobile-disclosure, .riko-mobile-card-toggle { color:CanvasText; background:Canvas; border-color:CanvasText }
  .riko-mobile-disclosure[data-mobile-kind="actions"] > summary, .riko-addon__heading--photo .riko-mobile-disclosure[data-mobile-kind="actions"] > summary { color:CanvasText }
  .riko-mobile-disclosure > summary:focus-visible, .riko-mobile-card-toggle:focus-visible { outline-color:Highlight }
}