/* Selected relationship progressive reveal: glyph -> name -> referent. */
.sky-selected-progressive{display:grid;gap:0;padding-top:.8rem;border-top:1px solid rgba(30,27,23,.12)}
.sky-progressive-reading{margin:0;padding:.7rem;border:1px solid rgba(48,43,39,.12);border-radius:14px;background:#fffdfa;color:#302b27}
.sky-progressive-symbol-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(74px,.7fr) minmax(0,1fr);grid-template-areas:"a aspect b";align-items:start;gap:.65rem}
.sky-progressive-symbol-side{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;min-width:0}
.sky-progressive-symbol-side.sky-a{grid-area:a}
.sky-progressive-symbol-side.sky-b{grid-area:b}
.sky-progressive-symbol-aspect{grid-area:aspect;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.12rem;min-width:0;padding-top:.05rem}
.sky-progressive-symbolic .sky-progressive-token[data-progressive-reveal-contract="cumulative"],
.sky-progressive-symbolic .sky-progressive-token{display:inline-flex;flex:0 1 108px;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:.25rem;min-width:0;text-align:center;vertical-align:top}
.sky-progressive-level{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:center;border-radius:6px}
.sky-progressive-level[hidden]{display:none!important}
.sky-progressive-glyph{display:grid;place-items:center;width:56px;height:56px;color:#191714}
.sky-progressive-canonical-slot{display:block;width:48px;height:48px;overflow:visible}
.sky-progressive-canonical-slot>svg{display:block;width:100%;height:100%;overflow:visible}
[data-progressive-field="A-placement"] .sky-progressive-glyph,[data-progressive-field="A-sign"] .sky-progressive-glyph{color:#c9211e}
[data-progressive-field="B-placement"] .sky-progressive-glyph,[data-progressive-field="B-sign"] .sky-progressive-glyph{color:#2462d0}
.sky-progressive-name{max-width:100%;padding:.16rem .34rem;border-bottom:1px solid currentColor;font:850 .72rem/1.15 system-ui,sans-serif}
.sky-progressive-meaning{max-width:150px;padding:.38rem .45rem;border:1px solid rgba(48,43,39,.12);border-radius:8px;background:#f4efe8;color:#554d48;font:650 .65rem/1.35 system-ui,sans-serif}
.sky-progressive-orb{color:#625b55;font:850 .66rem/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.sky-progressive-level:hover{filter:brightness(.85)}
.sky-progressive-level:focus-visible{outline:2px solid rgba(36,95,196,.45);outline-offset:2px}
@media(max-width:560px){
  .sky-progressive-symbol-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "aspect aspect";gap:.75rem .5rem}
  .sky-progressive-symbol-side{display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;gap:.65rem;min-width:0}
  .sky-progressive-symbol-side.sky-a{grid-area:a}
  .sky-progressive-symbol-side.sky-b{grid-area:b}
  .sky-progressive-symbol-aspect{grid-area:aspect;justify-self:center;padding-top:.1rem}
  .sky-progressive-symbolic .sky-progressive-token[data-progressive-reveal-contract="cumulative"],
  .sky-progressive-symbolic .sky-progressive-token{width:100%;max-width:100%;min-width:0}
  .sky-progressive-meaning{max-width:100%;box-sizing:border-box}
}