/* Compact context bar reviewed with Claude Code; separate from paid signup. */
.line-follow { margin: 24px 0; padding: 16px 18px; border-top: 2px solid #bb983e; background: #f7f1e6; color: #263249; font-size: 14px; line-height: 1.7; }
.line-follow p { margin: 0; }
.line-follow .line-follow-lead { margin-bottom: 8px; }
.line-follow-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.line-follow a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 4px; }
.line-follow-login { color: #1f2a44; font-weight: 700; }
.line-follow-friend { color: #635226; }
.line-follow .line-follow-note { margin-top: 6px; color: #5d5b53; font-size: 12px; }
.line-follow a:focus-visible { outline: 2px solid #1f2a44; outline-offset: 4px; }
.gate-weather-access-note { color: #575750; font-size: 14px; line-height: 1.8; }
.gate-weather-locked { padding: 24px 0; line-height: 1.8; }
.gate-weather-unified .gate-weather-reading-layout[data-gate-reading-locked="true"] { grid-template-columns: 1fr; }
.gate-weather-selection .gate-weather-button-secondary { color: #1f2a44; background: #fffdf8; border-color: #1f2a44; }
@media (max-width: 600px) { .line-follow { padding: 14px; } .line-follow-actions { align-items: flex-start; flex-direction: column; gap: 4px; } }
@media print { .line-follow { display: none; } }