/* R12: keep complete pictograms readable and group the mobile history record. */
svg.icon{flex-shrink:0;vertical-align:middle}
.relation-map #map-path-camille{stroke:#8652B5}
.relation-map #map-path-julien{stroke:#AE527D}
@media(max-width:620px){
 svg.icon{stroke-width:1.8}
 .story-kicker{gap:8px}
 .story-kicker .icon{width:18px;height:18px}
 .story-history{grid-template-columns:max-content minmax(0,1fr);column-gap:14px;row-gap:14px;align-items:center}
 .story-history-day{grid-column:1/-1}
 .story-history>strong{font-size:30px;line-height:1.15;align-self:center}
 .story-history-status{justify-self:start;align-self:center;gap:7px;padding:8px 10px;min-height:34px;box-sizing:border-box;font-size:11px;line-height:1.3}
 .story-history-status .icon{width:16px;height:16px}
 .story-history p{max-width:none;font-size:13px;margin-top:4px}
 .r06-scenes button{min-height:46px;gap:7px;font-size:11px;line-height:1.3;padding:10px 6px}
 .r06-scenes button .icon{width:18px;height:18px}
 .story-sharing strong{font-size:12px}
 .story-sharing small{font-size:10px;line-height:1.4}
 .map-rights{gap:7px;max-width:100%;align-items:center}
 .map-rights .icon{width:18px;height:18px}
 .relation-map .map-person .map-rights small{font-size:11px;line-height:1.4}
 .access-tabs button{gap:6px;min-height:44px}
 .access-tabs button .icon{width:18px;height:18px}
 .capability-line .icon{width:17px;height:17px}
 #stats-dots{gap:3px}
 #stats-dots button{position:relative;flex-shrink:0;width:36px;height:36px;min-width:36px;padding:0;background:transparent;border-radius:99px}
 #stats-dots button::before{content:"";position:absolute;top:13px;left:13px;width:10px;height:10px;border-radius:99px;background:#B69ACD;transition:width .2s,left .2s,background .2s}
 #stats-dots button[aria-current=true]::before{left:5px;width:26px;background:#D9B8F5}
 .trust-items article{grid-template-columns:32px minmax(0,1fr);gap:16px}
 .trust-items svg.icon{width:30px;height:30px;margin-top:0;stroke-width:1.8}
}