#constellation-learning-slot{
  position:absolute;left:32px;bottom:80px;z-index:8;width:300px;max-width:calc(100% - 64px);pointer-events:auto;
}
#constellation-learning-slot[hidden],.constellation-learning [hidden]{display:none!important}
#shell[data-study-level=constellation] #study-panel{display:none}
#shell .reading-exploration{flex-basis:100%;margin:0;color:#b9dfd4;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
#shell .reading-exploration[hidden]{display:none}
.constellation-learning{
  box-sizing:border-box;padding:14px 16px 12px;border:1px solid rgba(255,216,138,.3);border-radius:16px;
  color:var(--paper,#f4f8fb);background:linear-gradient(135deg,rgba(47,37,30,.97),rgba(9,16,27,.97) 65%);
  box-shadow:0 10px 30px rgba(0,0,0,.24);font-family:inherit;overflow-wrap:anywhere;
}
.constellation-learning__head{display:flex;align-items:center;gap:10px;min-width:0}
.constellation-learning__avatar{display:block;flex:none;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 5px #0004)}
.constellation-learning__identity{display:flex;flex-direction:column;gap:4px;min-width:0}
.constellation-learning__title{font-size:13px;line-height:1.4;font-weight:600;color:var(--gold,#ffd88a)}
.constellation-learning__scope{font-size:10px;line-height:1.5;color:#c3c8cf}
.constellation-learning p{margin:0}
.constellation-learning .constellation-learning__intro{margin-top:9px;color:#ccd5de;font-size:11px;line-height:1.6}
.constellation-learning .constellation-learning__reason{margin-top:7px;color:#f1eee8;font-size:13px;line-height:1.6}
.constellation-learning__destination{display:flex;flex-direction:column;gap:5px;margin-top:10px;min-width:0}
.constellation-learning__name{font-size:14px;font-weight:600;line-height:1.45;color:#fff4d8}
.constellation-learning__sources{font-size:11px;line-height:1.5;color:#c4d9de;font-variant-numeric:tabular-nums}
.constellation-learning .constellation-learning__definition{margin-top:5px;color:#adb9c8;font-size:10px;line-height:1.5}
.constellation-learning__actions{display:flex;align-items:stretch;gap:7px;margin-top:10px;min-width:0}
.constellation-learning__actions button{
  box-sizing:border-box;min-height:44px;min-width:44px;border:1px solid transparent;border-radius:12px;padding:8px 10px;
  font:inherit;font-size:12px;line-height:1.4;cursor:pointer;transition:background-color .15s,border-color .15s;
}
.constellation-learning__primary{flex:1;background:#efd9a8;color:#241b0e;font-weight:600!important}
.constellation-learning__guide{flex:0 1 auto;border-color:#a4bbc042!important;background:#14222b;color:#d9e9e9}
.constellation-learning__actions .constellation-learning__primary:hover:not(:disabled){background:#fff0ce}
.constellation-learning__actions .constellation-learning__guide:hover:not(:disabled){background:#263a44;border-color:#b7d3d2!important}
.constellation-learning__actions button:focus-visible{outline:2px solid var(--accent-bright,#e8fbff);outline-offset:3px}
.constellation-learning__actions button:disabled{opacity:.54;cursor:default}
.constellation-learning .constellation-learning__error{margin-top:8px;color:#ffd4bb;font-size:11px;line-height:1.5}
#constellation-learning-slot[data-placement=reading]{position:static;inset:auto;width:100%;max-width:none;margin:24px 0 8px;z-index:auto}
@media(max-width:820px),(orientation:portrait),(max-height:520px) and (orientation:landscape){
  #constellation-learning-slot{left:14px;bottom:calc(118px + env(safe-area-inset-bottom,0px));width:calc(100% - 28px);max-width:none}
  .constellation-learning{padding:9px 12px 10px;border-radius:13px}
  .constellation-learning__head{gap:7px}
  .constellation-learning__avatar{width:28px;height:28px}
  .constellation-learning__identity{flex:1;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}
  .constellation-learning__title{flex:none;font-size:12px}
  .constellation-learning__scope{font-size:10px;text-align:right;line-height:1.35}
  .constellation-learning .constellation-learning__intro{display:none}
  .constellation-learning .constellation-learning__reason{margin-top:5px;font-size:12px;line-height:1.5}
  .constellation-learning__destination{flex-direction:row;align-items:baseline;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;margin-top:5px}
  .constellation-learning__name{font-size:12px;line-height:1.4}
  .constellation-learning__sources{font-size:10px;line-height:1.4}
  /* The visible counts name their unit; assistive text retains the complete definition. */
  .constellation-learning .constellation-learning__definition{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .constellation-learning__actions{margin-top:7px;gap:7px}
  .constellation-learning__actions button{padding:7px 10px;font-size:12px;border-radius:10px}
  #constellation-learning-slot[data-placement=reading]{left:auto;bottom:auto;margin:20px 0 12px}
  #constellation-learning-slot[data-placement=reading] .constellation-learning{padding:12px 14px}
}
@media(max-height:520px) and (orientation:landscape){
  #constellation-learning-slot[data-placement=map]{left:18px;bottom:72px;width:min(300px,38vw);max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain;border-radius:13px}
  .constellation-learning__identity{flex-direction:column;gap:0;align-items:flex-start}
  .constellation-learning__scope{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .constellation-learning__actions button{transition:none}
}