/* goal.css: the standing goal on the guide rail (goal.js) and its line on HOME. Tokens from desk.css. */
#guide.goal .g-s{ color:var(--text); font-family:var(--sans); font-size:var(--fs-3); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#guide.goal .g-n{ color:var(--accent); font:var(--fs-2) var(--mono); white-space:nowrap; flex:none; }
#guide.goal .g-w{ color:var(--dim); font-family:var(--sans); font-size:var(--fs-2); white-space:nowrap; flex:none; }
#guide.goal .g-w::before{ content:'('; } #guide.goal .g-w::after{ content:')'; }
#guide.goal .g-sep{ color:var(--accent-dim); flex:none; }
#guide.g-flash{ animation:gc-goal-flash .6s ease-out; }
@keyframes gc-goal-flash{ 0%, 35%{ box-shadow:inset 0 0 0 999px var(--accent-glow-3); } 100%{ box-shadow:none; } }
@media (max-width:1180px){ #guide.goal .g-w{ display:none; } }
@media (max-width:900px){ #guide.goal .g-s{ display:block; white-space:normal; } #guide.goal .g-sep, #guide.goal .g-n{ display:none; } #guide.goal{ flex-wrap:wrap; } }
.gc-goal-home{ display:flex; align-items:center; gap:var(--sp-2h); margin:0 0 var(--sp-2h); padding:var(--sp-1h) var(--sp-2h); border:1px solid var(--accent-dim); border-left:3px solid var(--accent); background:var(--panel); font-size:var(--fs-3); }
.gc-goal-home .g-s{ flex:1; min-width:0; color:var(--text); }
.gc-goal-home .g-n{ color:var(--accent); font:var(--fs-2) var(--mono); white-space:nowrap; }
@media (max-width:900px){ .gc-goal-home{ flex-wrap:wrap; } .gc-goal-home .g-s{ flex-basis:100%; } }