/* v8: reduce annotation noise, increase mobile legibility, and make archive actors recognisable */
html,body,.viewport{-webkit-text-size-adjust:100%;text-size-adjust:100%}
ruby{ruby-position:over}
rt{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.42em;font-weight:650;letter-spacing:0;color:#70685e;line-height:1}
.sentence{line-height:2.12;min-width:0;max-width:100%}
.token{min-width:0;max-width:100%}
.beat-whisper{line-height:1.78;max-width:78%;top:-62px}
.edge-whisper{display:none!important}

.xray-head small{line-height:1.68}
.xray-setting{display:none!important}
.xray-culture{gap:12px}
.culture-card{padding:13px 14px 15px}
.culture-card b{line-height:1.4}
.culture-card p{line-height:1.82}

/* Archive actor sources are cropped to the visible role, not to incidental objects. */
.actor-art.lady{right:-8vw;background-size:205% auto!important;background-position:18% 66%!important}
.xray-node .avatar{background-repeat:no-repeat!important}

@media (max-width:600px){
  /* Phrase-level notes duplicated the beat hint and overlapped the large text. */
  .token.has-note:after{display:none!important}
  .sentence{font-size:clamp(1.2rem,5.55vw,1.58rem);line-height:2.28;gap:.30em .14em}
  .beat-whisper{top:-72px;font-size:.65rem;line-height:1.82;max-width:86%}

  /* No unexplained setting-chip row: heading -> relationship -> cultural explanation. */
  .xray-inner{padding:max(18px,env(safe-area-inset-top)) 15px max(58px,env(safe-area-inset-bottom));grid-template-rows:auto 190px auto;gap:14px}
  .xray-head strong{font-size:1.36rem;line-height:1.32}
  .xray-head small{font-size:.62rem;line-height:1.7;margin-top:4px}
  .xray-graph{min-height:190px}
  .xray-node{width:116px}
  .xray-node .avatar{width:92px;height:104px}
  .xray-node b{margin-top:4px}
  .xray-node small{font-size:.54rem;line-height:1.48}
  .xray-rel-label{font-size:.52rem;line-height:1.4;max-width:150px}

  .xray-culture{grid-template-columns:1fr!important;gap:12px}
  .culture-card{padding:13px 14px 15px}
  .culture-card b{font-size:.8rem;margin-bottom:6px}
  .culture-card p{font-size:.64rem;line-height:1.82}
}

@media (max-width:380px){
  .sentence{font-size:1.18rem;line-height:2.3}
  .xray-inner{grid-template-rows:auto 178px auto}
  .xray-graph{min-height:178px}
  .culture-card p{font-size:.63rem;line-height:1.82}
}