.newsletter-panel{margin:12px 0;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary)}
.newsletter-panel h2{margin:0 0 12px;font-size:1.15rem;color:var(--text-strong)}
.newsletter-panel p{line-height:1.6;margin:10px 0}
.newsletter-controls{display:flex;justify-content:flex-end;margin:12px 0}
.newsletter-edition-title{margin:24px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle);font-size:1.05rem;font-weight:700;color:var(--text-strong)}
.newsletter-form{display:grid;gap:16px;margin:20px 0 12px}
.newsletter-field{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--text-primary)}
.newsletter-field input,.newsletter-field textarea,.newsletter-field select{box-sizing:border-box;width:100%;min-width:0;padding:12px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit}
.newsletter-field textarea{resize:vertical}
.newsletter-field :focus-visible,.newsletter-button:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}
.newsletter-check{flex-direction:row-reverse;align-items:flex-start;justify-content:flex-end;line-height:1.5}
.newsletter-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--text-strong)}
.newsletter-button{padding:11px 16px;min-height:44px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font:inherit;cursor:pointer}
.newsletter-primary{background:var(--text-strong);color:var(--bg-app);font-weight:700}
.newsletter-button:disabled{opacity:.6;cursor:wait}
.newsletter-status[data-state=success]{color:var(--fg-success)}
.newsletter-status[data-error=true]{color:var(--fg-error)}
.newsletter-note{font-size:.8rem;color:var(--text-secondary)}
.newsletter-note a{color:inherit;text-decoration:underline}
.newsletter-detail{box-sizing:border-box;margin:auto;width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}
.newsletter-detail::backdrop{background:rgba(0,0,0,.65)}
.newsletter-detail h2{font-size:1.2rem;color:var(--text-strong)}
.newsletter-detail-copy{white-space:pre-line;line-height:1.7}
.newsletter-detail-links{padding-left:20px;line-height:1.6}
.newsletter-detail-links li{margin:8px 0}
.newsletter-detail-links a{color:var(--text-primary);text-decoration:underline;overflow-wrap:anywhere}
.newsletter-detail-links a:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}
.newsletter-editorial-summary{white-space:pre-line;line-height:1.6}
@media(max-width:600px){.newsletter-panel{padding:16px}.newsletter-primary{width:100%}}

/* Onglet Suivis (follows-feed.js) : mêmes panneaux que la newsletter. */
.suivis{padding:20px 16px 32px}
.suivis .newsletter-panel{margin:12px 0}
.suivis-bento{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:stretch}
.suivis .suivis-bento>.newsletter-panel{margin:0;padding:24px;border-radius:var(--radius-lg);min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.suivis .suivis-bento h2{font-size:1.25rem;line-height:1.3;margin:0 0 10px;letter-spacing:-.025em}
.suivis .suivis-bento .suivis-eyebrow{font-size:.72rem;line-height:1.4;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:16px 0 8px}
.suivis .suivis-bento .suivis-description{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0 0 20px}
.suivis .suivis-bento>.newsletter-panel>.suivis-icon{width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-strong);margin:0}
.suivis .suivis-bento .suivis-invite-links{width:100%;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:8px;margin:0 0 18px}
.suivis-explore{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px;text-align:left;font:inherit;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}
.suivis-explore:hover{background:var(--bg-hover);border-color:var(--border-default)}
.suivis-explore:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}
.suivis-explore-copy{display:grid;gap:4px;flex:1;min-width:0}
.suivis-explore-title{font-size:.88rem;font-weight:600;color:var(--text-strong)}
.suivis-explore-description{font-size:.75rem;line-height:1.5;color:var(--text-secondary)}
.suivis .suivis-bento .suivis-hint{margin:auto 0 0;font-size:.78rem;line-height:1.6;color:var(--text-secondary)}
.suivis-access .newsletter-form{align-self:stretch;width:100%;gap:12px;margin:0 0 18px}
.suivis-access .newsletter-primary{width:100%}
.suivis-access .newsletter-status{font-size:.82rem;line-height:1.5;margin:0;overflow-wrap:anywhere}
.suivis-access .newsletter-status:empty{display:none}
@media(max-width:760px){.suivis-bento{grid-template-columns:minmax(0,1fr)}.suivis .suivis-bento>.newsletter-panel{padding:20px}}
@media(max-width:400px){.suivis{padding:16px 12px 24px}.suivis .suivis-bento>.newsletter-panel{padding:18px}}
.suivis-icon{display:inline-flex;flex:none;color:var(--text-secondary)}
.suivis-invite{text-align:center;padding:16px}
.suivis-invite h2{font-size:1rem;margin:0 0 6px}
.suivis-invite p{font-size:.88rem;line-height:1.5;margin:6px 0}
.suivis-invite>.suivis-icon{justify-content:center;width:100%;margin-bottom:4px;color:var(--text-strong)}
.suivis-invite-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 4px}
.suivis-invite-links .newsletter-button{min-height:38px;padding:7px 14px;font-size:.85rem}
.suivis-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin:16px 0 8px}
.suivis-count{margin:0;font-weight:700;color:var(--text-strong)}
.suivis-email{grid-column:1;grid-row:2;min-width:0;margin:0;color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsletter-controls .newsletter-button,.suivis-signout{min-height:36px;padding:6px 12px;font-size:.85rem}
.suivis-signout{grid-column:2;grid-row:1 / span 2}
.suivis-list{margin:12px -16px 0}
.suivis-card .article-title{overflow-wrap:anywhere}
.suivis-card:focus-visible,.suivis-stop:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px}
.suivis-row-meta{margin:2px 0 0;color:var(--text-secondary);font-size:.8rem;line-height:1.45}
.suivis-card.is-pending .suivis-row-meta{color:var(--text-primary);font-style:italic}
.suivis-card .suivis-stop,.suivis-card .suivis-stop:hover{color:#fff;min-height:36px}
.suivis-stop .suivis-icon{color:inherit}
.suivis-stop:disabled{cursor:default}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .suivis-stop{background:var(--ink-900);padding-inline:8px;border-radius:var(--radius-sm)}}
:root[data-theme="light"] .suivis-stop{background:var(--ink-900);padding-inline:8px;border-radius:var(--radius-sm)}
@media(max-width:400px){.suivis-list{margin-inline:-12px}}
@media(max-width:600px){.suivis-invite-links .newsletter-button{flex:1 1 28%}}