/* Selected Work: intrinsic card height and a useful reading companion.
   Load after layout-review.css and mobile-audit.css. No new graphics or animation loop. */
#progress .observatory-grid{align-items:start}
#progress .city-feature{height:auto;align-self:start;align-items:stretch}
#progress .city-copy{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-self:stretch;width:100%;flex:initial;gap:22px}
#progress .city-reading{min-width:0}
#progress .city-reading .card-kicker{display:block}
#progress .city-reading .tease{margin-bottom:0;max-width:40ch}
#progress .city-copy .card-action{grid-column:1/-1;margin-top:0}
#progress .city-copy .scene-note{grid-column:1/-1;margin-top:0}
#progress .idea-path{min-width:0;width:100%;padding:18px;border:1px solid #9bbce638;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#af98da15,transparent 72%),linear-gradient(145deg,#13233c66,#070e1b80);box-shadow:inset 0 1px 0 #dce9ff1a}
#progress .idea-path h4{font:500 14px/1.5 Geist,system-ui,sans-serif;letter-spacing:0;color:#e0e9f7;margin:0 0 16px}
#progress .idea-path ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
#progress .idea-path li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;min-width:0}
#progress .idea-step{font:11px/1.7 GeistMono,monospace;color:#b3cff3;border-bottom:1px solid #94b8f56b;padding-top:1px;padding-bottom:4px}
#progress .idea-path li:nth-child(2) .idea-step{color:#d1b9ed;border-bottom-color:#af98da6b}
#progress .idea-path li:nth-child(3) .idea-step{color:#ecd2aa;border-bottom-color:#e5c28b6b}
#progress .idea-path strong{display:block;font:500 14px/1.5 Geist,system-ui,sans-serif;color:#dce6f5;overflow-wrap:anywhere}
#progress .idea-path p{font:400 13px/1.65 Plex,Geist,sans-serif;color:#b8c8de;margin:5px 0 0;overflow-wrap:anywhere}
@media(min-width:1180px){
 #progress .city-copy{grid-template-columns:minmax(0,1.45fr) minmax(180px,.9fr);gap:24px}
 #progress .idea-path ol{grid-template-columns:minmax(0,1fr);gap:18px}
 #progress .city-reading h3{font-size:clamp(31px,2.75vw,43px)}
}
@media(max-width:900px){
 #progress .city-copy{gap:20px}
 #progress .idea-path{padding:16px}
 #progress .idea-path h4{margin-bottom:14px}
}
@media(max-width:600px){
 #progress .city-copy{gap:18px}
 #progress .idea-path{padding:15px}
 #progress .idea-path ol{grid-template-columns:minmax(0,1fr);gap:13px}
 #progress .idea-path li>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}
 #progress .idea-path strong{min-width:70px}
 #progress .idea-path p{flex:1 1 115px;margin:0}
}