/* ---------- Buttons ---------- */

/* ---------- Section header ---------- */
.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24)}
.section-header__title{font:var(--text-headline-section);color:var(--text-primary)}
.section-header__actions{display:flex;gap:var(--space-12)}
.section-header--dark .section-header__title{color:var(--text-inverse)}

/* ---------- Divider ---------- */
/* Section divider (Figma 264:2284): two 1px border/default lines, 8px apart */
.divider{box-sizing:border-box;height:9px;margin:0;border:0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);background:transparent}
.divider--section{height:8px;border-bottom:0;background:linear-gradient(var(--border-default),var(--border-default)) bottom/100% 2px no-repeat}  /* Section Divider / 02 (Figma 723:20097): 1px line on top, 2px band at the bottom, 8px tall */

/* ---------- Event card ---------- */


/* ---------- Follow pill ---------- */

/* ---------- Avatar / author ---------- */
.avatar{width:64px;height:64px;border-radius:50%;background:var(--neutral-200)}
.author-profile{display:flex;align-items:center;gap:var(--space-16)}
.author-profile__freq{font:var(--text-metadata-sm);color:var(--text-secondary)}
.author-profile__name{font:var(--text-headline-card)}

/* ---------- Field ---------- */
.field{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-12);height:44px;padding:0 var(--space-4) 0 var(--space-16);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md)}
.field input{flex:1;min-width:0;border:0;background:transparent;font:var(--text-sm);color:var(--text-primary);outline:none}
.field .btn{height:36px;padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);font:var(--text-xs)}
.field input::placeholder{color:var(--text-placeholder)}
.field:hover{border-color:var(--border-strong)}
.field:focus-within{box-shadow:none}

/* ---------- Issue card ---------- */
.issue-card{width:240px;flex:none;background:var(--neutral-0);border:1px solid var(--border-default);border-radius:var(--radius-md-lg);padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}
.issue-card__masthead{display:flex;justify-content:space-between;font:var(--text-metadata-sm);letter-spacing:.06em;border-bottom:1px solid var(--text-primary);padding-bottom:var(--space-4)}
.issue-card__image{height:120px;background:var(--neutral-200);border-radius:var(--radius-sm)}
.issue-card__title{font:var(--text-headline-card)}
.issue-card__author{font:var(--text-metadata-sm);color:var(--text-secondary)}
.issue-card__excerpt{font:var(--text-metadata);color:var(--card-text-secondary)}

/* ---------- Modal ---------- */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(20,18,15,.5);z-index:100;padding:var(--space-24)}
.modal.is-open{display:flex}
.modal__panel{background:var(--surface-default);border-radius:var(--radius-lg);padding:var(--space-40);max-width:440px;text-align:center;display:flex;flex-direction:column;gap:var(--space-16);align-items:center;box-shadow:var(--shadow-large-hover)}
.modal__title{font:var(--text-headline-large)}
.modal__text{color:var(--text-secondary)}

/* ---- round 2 fixes ---- */
.section-header__eyebrow{font:var(--text-metadata-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}
.section-header--dark .section-header__eyebrow{color:var(--neutral-300)}
.issue-card__brand{font:var(--text-headline-large);letter-spacing:.02em}
.issue-card__masthead{border-bottom:2px solid var(--text-primary);justify-content:center}
.issue-card__vol{font:var(--text-metadata-sm);color:var(--text-secondary)}


/* Icon button (section-header prev/next, Figma 471:5701) */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--neutral-0);border:1px solid #E5E7EB;border-radius:var(--radius-md);box-shadow:var(--effect-button-default);cursor:pointer;color:var(--text-primary)}
.icon-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-btn:hover{box-shadow:var(--effect-button-hover)}
.section-header--plain{min-height:0}

/* Empty state (Figma 777:27451) */
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);width:100%;max-width:392px;margin:0 auto;padding:var(--space-80) 0}
.empty-state[hidden]{display:none}
.empty-state__icon{width:72px;height:72px;box-sizing:border-box;padding:10px;border-radius:var(--radius-full);background:var(--surface-selected);color:var(--neutral-400);display:flex;align-items:center;justify-content:center}
.empty-state__title{font:var(--text-3xl);text-transform:uppercase;color:var(--text-primary);margin:0}
.empty-state__body{font:var(--text-lg);color:var(--text-secondary);margin:0}
.empty-state .btn{height:44px;padding:12px 18px;font-size:14px;line-height:20px}