/* Detail-only geometry: shared theme colours and all authored media keep their owners. */
@media screen and (forced-colors:none) and (max-width:980px) {
  body #tm-content .riko-addon .riko-addon__heading--photo { min-height:420px; padding:28px 28px 70px }
  .riko-addon__heading--photo .riko-addon__intro { max-width:540px }
}
@media screen and (forced-colors:none) and (max-width:600px) {
  body #tm-content .riko-addon .riko-addon__heading--photo { min-height:510px; padding:180px 18px 68px; justify-content:flex-end }
  body #tm-content .riko-addon__heading--photo > .riko-addon__heading-photo { height:320px; object-position:left 65% }
  .riko-addon__heading-shade { background:linear-gradient(180deg,color-mix(in srgb,var(--riko-brand-deep) 4%,transparent),color-mix(in srgb,var(--riko-brand-deep) 12%,transparent) 135px,color-mix(in srgb,var(--riko-brand-deep) 94%,transparent) 285px,var(--riko-brand-deep) 320px) }
  body #tm-content .riko-addon__heading--photo h1 { font-size:27px!important }
  body #tm-content .riko-addon__heading--photo .riko-addon__intro { font-size:14px; line-height:1.55 }
  .riko-addon__heading--photo .riko-addon__heading-meta { font-size:11px; gap:6px 10px }
  body #tm-content .riko-addon__heading-enlarge { right:14px; bottom:14px; min-height:40px }
}
@media (max-width:600px) {
  .riko-addon__gallery { padding:14px 12px }
  .riko-addon__gallery-heading { display:block; margin-bottom:12px }
  .riko-addon__gallery-heading > p { margin-top:5px; font-size:11px }
  body.riko-native .riko-breadcrumbs--addon { margin-bottom:10px; font-size:12px }
  body.riko-native .riko-breadcrumbs--addon ol { gap:1px 10px }
  .riko-breadcrumbs--addon li { gap:10px }
  .riko-breadcrumbs--addon li:last-child { flex-basis:100% }
  .riko-breadcrumbs--addon li:last-child .riko-breadcrumbs__separator { display:none }
  .riko-breadcrumbs--addon [aria-current="page"] { max-width:100%; font-weight:500 }
}
@media (max-width: 1100px) {
  .riko-addon__layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "gallery" "install" "content"; grid-template-rows:auto; gap:16px }
  .riko-addon__aside { position:static; width:100% }
  .riko-addon__heading { padding:16px }
  .riko-addon__heading-meta { gap:0 10px; margin-bottom:4px }
  .riko-addon__identity { gap:0 12px; margin-top:4px }
  .riko-addon__heading .riko-addon__intro { margin-top:10px!important; font-size:15px; line-height:1.5 }
  .riko-addon .riko-library-actions { margin-top:12px }
  .riko-addon .riko-library-actions__controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px }
  .riko-addon .riko-library-actions__controls > form { min-width:0 }
  #tm-content .riko-addon .riko-library-action { width:100%; height:100%; min-height:44px; gap:5px; padding:8px 6px; font-size:12px; line-height:1.35 }
  .riko-addon .riko-library-action > span { min-width:0; overflow-wrap:anywhere }
  /* An empty live region keeps its semantics without reserving a blank row. */
  .riko-addon .riko-library-actions__status:empty { min-height:0; margin:0 }
  .riko-addon__install { padding:16px }
  .riko-addon__before-install { margin-top:12px; padding-top:10px }
  .riko-addon__facts { gap:8px; margin-top:14px!important; padding-top:12px }
  .riko-addon__install h2 { margin:0 0 12px; padding-bottom:10px; font-size:20px }
  .riko-addon__before-install:has(> a:nth-of-type(3)) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:12px }
  .riko-addon__before-install:has(> a:nth-of-type(3)) > h3 { grid-column:1/-1; margin-bottom:4px }
  .riko-addon__before-install > a { font-size:13px }
  .riko-addon__before-install > a:nth-of-type(3) { grid-column:1/-1 }
  .riko-addon__facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px }
  .riko-addon__facts > div { display:block; min-width:0 }
  .riko-addon__facts dt { font-size:12px; line-height:1.4 }
  .riko-addon__facts dd { margin:3px 0 0; text-align:start; line-height:1.45 }
  .riko-addon__version-details { margin-top:0 }
  .riko-addon__version-details summary { min-height:44px; padding-block:0; align-content:center }
  .riko-addon .riko-hub-onboarding { margin-top:12px; padding-top:8px }
  .riko-addon .riko-native-rating { margin-block:20px; padding:14px }
  .riko-addon .riko-native-rating__header { gap:10px }
  .riko-addon .riko-native-rating__header h2 { font-size:18px }
  .riko-addon .riko-native-rating__summary { margin:8px 0 12px; gap:8px }
  .riko-addon .riko-native-rating__status { margin-top:8px!important; font-size:13px }
  .riko-addon__comments { margin-top:20px }
  .riko-addon__comments .rhc-addon { padding-bottom:12px }
  .riko-addon__comments .rhc-addon__heading { padding:14px 0 10px }
  #tm-content .riko-addon__comments .rhc-addon__heading h2 { font-size:20px!important }
  .riko-addon__comments .rhc-addon__heading > p:last-child { font-size:14px }
  .riko-addon__comments .rhc-addon-empty { padding-block:12px }
  .riko-addon__related { margin-top:20px; padding-top:16px }
  .riko-addon__related-heading { margin-bottom:12px; gap:0 16px }
  .riko-addon__related h2 { font-size:20px }
  .riko-addon__related-browse { font-size:13px }
  .riko-addon__related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
  .riko-addon__related .riko-addon__related-author { grid-column:1/-1 }
}
@media (min-width: 600px) and (max-width: 1100px) {
  .riko-addon__facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px }
  .riko-addon__facts > div { min-width:0 }
  .riko-addon__before-install:has(> a:nth-of-type(3)) { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .riko-addon__before-install > a:nth-of-type(3) { grid-column:auto }
}
@media (max-width: 760px) {
  .riko-addon__heading { padding:12px }
  #tm-content .riko-addon__heading h1 { font-size:24px!important }
  .riko-addon__identity .riko-catalog-feedback-link { text-decoration:underline; text-underline-offset:3px }
  .riko-addon__rating-call-separator { display:none }
  .riko-addon__rating-action { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
  .riko-addon .riko-addon__thumbnails { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .riko-addon__classification { margin-top:12px }
  .riko-addon__classification .riko-addon__place-link { display:inline-grid; grid-template-columns:18px minmax(0,1fr); align-items:center; width:100% }
  .riko-addon__place-link > span { grid-column:2 }
  .riko-addon__place-action { margin-left:0 }
  .riko-addon__related-grid { grid-template-columns:minmax(0,1fr) }
  .riko-addon__related-link { grid-template-columns:88px minmax(0,1fr); gap:8px 12px; padding:12px }
  .riko-addon__related-link h3 { font-size:16px }
  .riko-addon__related .riko-addon__related-author { margin:0 }
  .riko-addon__related .riko-addon__related-description { font-size:13px; line-height:1.5 }
  .riko-addon__related-footer { padding-top:8px; gap:8px }
  .riko-addon__comments .rhc-addon-thread__stream { margin-left:0 }
}
@media (max-width: 480px) {
  .riko-addon .riko-library-action > i { display:none }
  .riko-addon__gallery-expand > span { display:none }
}
@media (max-width: 360px) {
  .riko-addon .riko-library-actions__controls { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .riko-addon .riko-library-actions__controls > :last-child { grid-column:1/-1 }
  .riko-addon .riko-native-rating { padding:8px }
  .riko-addon .riko-native-rating__choices { grid-template-columns:repeat(5,minmax(44px,1fr)); gap:4px }
  #tm-content .riko-addon .riko-native-rating__star { min-width:44px }
  .riko-addon__related-link { grid-template-columns:72px minmax(0,1fr); gap:8px; padding:10px }
  .riko-addon__facts { column-gap:12px }
}