.observatory-exercise{--exercise-accent:var(--observatory-accent,#a7c5dd);color:#d9e2e9;min-width:0;font-family:var(--b57-font-interface);border-top:1px solid #435362;grid-column:1/-1}.observatory-exercise>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;padding:20px 32px 20px 0;list-style:none;display:grid;position:relative}.observatory-exercise>summary::-webkit-details-marker{display:none}.observatory-exercise>summary:after{content:"+";color:var(--exercise-accent);font-size:20px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.observatory-exercise[open]>summary:after{content:"−"}.observatory-exercise>summary:focus-visible{outline:2px solid var(--exercise-accent);outline-offset:4px}.observatory-exercise>summary>span{color:var(--exercise-accent);font-size:14px;line-height:1.5}.observatory-exercise>summary>strong{color:#e5edf3;grid-column:1;font-size:18px;font-weight:500;line-height:1.4}.observatory-exercise>summary>small{color:#a6b6c4;grid-area:1/2/3;align-self:center;font-size:12px;line-height:1.5}.observatory-exercise .observatory-exercise-scope{color:#b9c7d2;max-width:76ch;margin:0 0 20px;font-size:16px;line-height:1.65}.observatory-exercise ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.observatory-exercise li{background:linear-gradient(140deg,#18232e,#10161d);border:1px solid #34424e;border-radius:10px;min-width:0;padding:20px;position:relative}.observatory-exercise li>span{color:var(--exercise-accent);font:12px/1.5 var(--b57-font-code);margin-bottom:18px;display:block}.observatory-exercise li>h5{color:#e5edf3;margin:0 0 12px;font-size:18px;font-weight:500;line-height:1.4}.observatory-exercise li>p{color:#c0cbd4;margin:0;font-size:16px;line-height:1.65}.observatory-exercise footer{color:#9eafbc;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:18px 0 4px;font-size:12px;line-height:1.65;display:flex}@media (max-width:760px){.observatory-exercise ol{grid-template-columns:1fr}.observatory-exercise li{padding:18px}.observatory-exercise li>span{margin-bottom:10px}}@media (max-width:440px){.observatory-exercise>summary{grid-template-columns:1fr;gap:5px}.observatory-exercise>summary>small{grid-area:auto/1}}
