/* KFFART V7.3 · source-photo exact object masking remains in V7.2.
   Changes: open annotations only by activating their own white stars;
   wider About hero leading, and lighter translucent commentary. */
#detail-view.about-view .about-hero h1{
  line-height:1.18!important;
  margin-top:24px!important;
  margin-bottom:10px!important;
}
#detail-view.about-view .about-hero h1 span{
  line-height:1.36!important;
  margin-top:5px;
}
#detail-view.about-view .about-hero .about-lead{
  line-height:1.76!important;
  margin:19px 0 17px!important;
}
#detail-view.about-view .about-hero .about-intro{
  line-height:2.05!important;
  margin:0!important;
}
#detail-view.about-view .about-hero .about-hero-actions{
  margin-top:24px!important;
  gap:14px;
}
/* The annotation plane is transparent to pointer interactions except its
   actual star buttons. Object images keep their exact source coordinates. */
#detail-view.about-view .about-object-ui-world .about-object-marker{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:44px;height:44px;
  padding:0!important;margin:0!important;
  color:rgba(255,255,255,.78)!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;line-height:1;
  z-index:20;
  -webkit-appearance:none;
  appearance:none;
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
#detail-view.about-view .about-object-ui-world .about-object-marker:focus-visible{
  outline:2px solid rgba(255,255,255,.95)!important;
  outline-offset:1px!important;
  border-radius:8px!important;
}
#detail-view.about-view .about-object-marker .about-star-glyph{
  display:inline-block;
  opacity:.64;
  font-size:23px;
  font-weight:400;
  color:rgba(255,255,255,.87);
  text-shadow:0 0 7px rgba(243,252,255,.68),0 0 17px rgba(182,225,255,.48);
  transform-origin:50% 50%;
  animation:about-white-star 2.6s ease-in-out infinite;
  pointer-events:none;
}
#detail-view.about-view .about-object-marker--laptop .about-star-glyph{animation-delay:-.85s;}
#detail-view.about-view .about-object-marker--telescope .about-star-glyph{animation-delay:-1.7s;}
#detail-view.about-view .about-object-marker:hover .about-star-glyph,
#detail-view.about-view .about-object-marker[aria-expanded="true"] .about-star-glyph{
  opacity:1;
  color:white;
  text-shadow:0 0 11px rgba(255,255,255,.95),0 0 24px rgba(211,236,255,.9);
}
@keyframes about-white-star{
  0%,100%{opacity:.34;transform:scale(.86) rotate(-5deg);filter:blur(.15px)}
  50%{opacity:.94;transform:scale(1.17) rotate(6deg);filter:blur(0)}
}
#detail-view.about-view .about-object-caption[hidden]{display:none!important;}
#detail-view.about-view .about-object-caption:not([hidden]){
  display:block;
  animation:about-caption-arrival 210ms ease-out both;
}
#detail-view.about-view .about-object-caption{
  background:linear-gradient(140deg,rgba(12,33,44,.60),rgba(23,46,59,.40))!important;
  border:1px solid rgba(235,243,250,.35)!important;
  color:rgba(255,255,255,.96);
  backdrop-filter:blur(14px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  box-shadow:0 9px 26px rgba(0,15,25,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#detail-view.about-view .about-object-caption .caption-heading{
  color:#fcfdff!important;
}
#detail-view.about-view .about-object-caption .caption-heading::before{
  background:rgba(238,250,255,.88);
  box-shadow:0 0 8px rgba(231,244,255,.54);
}
#detail-view.about-view .about-object-caption .caption-subtitle{color:rgba(235,247,251,.94)!important;}
#detail-view.about-view .about-object-caption--map::before,
#detail-view.about-view .about-object-caption--laptop::before,
#detail-view.about-view .about-object-caption--telescope::before{
  background:rgba(241,249,255,.55);
  box-shadow:0 0 7px rgba(235,244,255,.3);
}
@keyframes about-caption-arrival{
  from{opacity:0;translate:0 6px}
  to{opacity:1;translate:0 0}
}
/* The old permanent bottom-right explanatory box is redundant once
   the three contextual notes are opened on demand. Retain mobile controls. */
@media(min-width:731px){
  #detail-view.about-view .about-explore{display:none!important;}
}
@media(max-width:730px){
 #detail-view.about-view .about-hero h1{
   line-height:1.13!important;
   margin:12px 0 4px!important;
 }
 #detail-view.about-view .about-hero h1 span{
   line-height:1.24!important;
   margin:5px 0 0!important;
 }
 #detail-view.about-view .about-hero .about-lead{
   line-height:1.66!important;
   margin:11px 0 12px!important;
 }
 #detail-view.about-view .about-hero .about-intro{
   line-height:1.77!important;
 }
 #detail-view.about-view .about-hero .about-hero-actions{
   margin-top:18px!important;
   gap:9px;
 }
 /* On narrow screen, most of the study world is intentionally cropped,
    so the established bottom tab+info remains available for all three. */
 #detail-view.about-view .about-object-caption:not([hidden]){display:none!important;}
}
@media(prefers-reduced-motion:reduce){
 #detail-view.about-view .about-object-marker .about-star-glyph,
 #detail-view.about-view .about-object-caption:not([hidden]){
   animation:none!important;
   transition:none!important;
 }
}
body.journey-motion-paused #detail-view.about-view .about-object-marker .about-star-glyph{
  animation-play-state:paused!important;
}

/* Final readability adjustment on warmly illuminated desk and window areas. */
#detail-view.about-view .about-object-caption{
  width:218px!important;
  background:linear-gradient(142deg,rgba(10,29,41,.74),rgba(18,41,56,.62))!important;
  border-color:rgba(238,247,255,.39)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
}
#detail-view.about-view .about-object-caption .caption-heading{
  font-size:13px!important;
}
#detail-view.about-view .about-object-caption .caption-subtitle{
  font-size:12px!important;line-height:1.65!important;
}
#detail-view.about-view .about-object-marker .about-star-glyph{
  font-size:28px!important;
}