/* Harbor Guide on Connect. Loaded by /connect and the intro page, so the
   panel reads the same on both. Quiet card, same tokens as the rest of
   Connect; the disclaimer takes the wash-and-hairline treatment Training
   Ground's does, never the gold. */
.guide{background:var(--paper); border:1px solid var(--rule); border-radius:10px; padding:22px 22px 18px; margin:18px 0 0; color:var(--navy);}
.guide-head{margin-bottom:12px;}
.guide-sub{font-size:13.5px; color:var(--meta); margin-top:4px; line-height:1.5;}
.guide-thread{display:flex; flex-direction:column; gap:10px; max-height:360px; overflow:auto; padding:2px 0;}
.guide-turn{font-size:14px; line-height:1.65; padding:10px 14px; border-radius:10px; max-width:92%;}
.guide-turn p{margin:0;}
.guide-turn p + p{margin-top:8px;}
.guide-turn--guide{background:var(--cream); border:1px solid var(--rule); align-self:flex-start; color:var(--navy);}
.guide-turn--me{background:var(--navy); color:var(--on-navy); align-self:flex-end;}
/* A refusal is the guardrail working, and it should look like Harbor
   speaking rather than a failure: the gold hairline, nothing louder. */
.guide-turn--redirect_evaluation,.guide-turn--redirect_advice,.guide-turn--redirect_scope{border-left:3px solid var(--gold);}
.guide-status{font-size:12.5px; color:var(--meta); min-height:18px; margin:8px 0 0;}
.guide-status--err{color:var(--err, #B3453A);}
.guide-actions{margin:10px 0 0; display:flex; flex-wrap:wrap; gap:8px;}
.guide-quick{background:none; border:1px solid var(--rule); border-radius:999px; padding:7px 14px; font:inherit; font-size:13px; color:var(--navy-soft); cursor:pointer;}
.guide-quick:hover{border-color:var(--gold);}
.guide-quick:disabled{opacity:.5; cursor:default;}
.guide-form{display:flex; gap:8px; align-items:flex-end; margin-top:10px;}
.guide-form textarea{flex:1; resize:vertical; min-height:44px; font:inherit; font-size:14px; line-height:1.5; padding:10px 12px; border:1px solid var(--rule); border-radius:8px; background:var(--cream); color:var(--navy);}
.guide-form textarea:focus{outline:none; border-color:var(--gold);}
.guide-send{background:var(--gold); border:none; border-radius:8px; padding:11px 16px; font:inherit; font-size:13.5px; font-weight:600; color:var(--navy); cursor:pointer;}
.guide-send:disabled{opacity:.5; cursor:default;}
.guide-slot{max-width:460px; margin:18px auto 0; text-align:left;}
.guide-locked{font-size:14px; line-height:1.6; color:var(--navy-soft); margin:0 0 12px;}
.guide-locked a{color:var(--gold-ink);}
.guide-note{margin-top:14px; padding:10px 14px; border-radius:8px; background:var(--cream); border:1px solid var(--rule); font-size:12.5px; line-height:1.5; color:var(--navy-soft);}
@media (max-width:640px){
  .guide{padding:18px 16px 14px;}
  .guide-turn{max-width:100%;}
}