.byline-wrap{max-width:1180px;margin:0 auto;padding:40px 20px;font-family:var(--byline-body-font);color:#1a1a1a}
.byline-archive-header{margin-bottom:32px}
.byline-archive-title{font-family:var(--byline-heading-font);font-size:38px;line-height:1.15;margin:0;color:#111}
.byline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width: 900px){.byline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.byline-grid{grid-template-columns:1fr}}
.byline-card{background:#fff;border:1px solid #ececec;border-radius:10px;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}
.byline-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.byline-card-link{display:block;color:inherit;text-decoration:none}
.byline-card-thumb{aspect-ratio:16/9;overflow:hidden;background:#f4f4f4}
.byline-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.byline-card-thumb-placeholder{background:linear-gradient(135deg,#f4f4f4,#e8e8e8)}
.byline-card-body{padding:18px 18px 22px}
.byline-card-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 8px}
.byline-card-title{font-family:var(--byline-heading-font);font-size:20px;line-height:1.3;margin:0 0 10px;color:#111;font-weight:700}
.byline-card-excerpt{font-size:15px;line-height:1.5;color:#444;margin:0}
.byline-card-author{font-size:13px;color:#666;margin:10px 0 0}
.byline-empty{color:#666}
.byline-pagination{margin-top:36px}

.byline-single-wrap{max-width:1180px}
.byline-single-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px}
@media (max-width: 900px){.byline-single-grid{grid-template-columns:1fr}}
.byline-single-title{font-family:var(--byline-heading-font);font-size:40px;line-height:1.15;margin:0 0 20px;color:#111}
.byline-single-meta{font-size:14px;color:#666;margin:0 0 32px}
.byline-single-hero{margin:0 0 24px;border-radius:10px;overflow:hidden}
.byline-single-hero img{width:100%;height:auto;display:block}
.byline-single-body{font-size:18px;line-height:1.7;color:#222}
.byline-single-body h2{font-family:var(--byline-heading-font);font-size:28px;margin:32px 0 12px;color:#111}
.byline-single-body h3{font-family:var(--byline-heading-font);font-size:22px;margin:24px 0 10px;color:#111}
.byline-single-body p{margin:0 0 18px}
.byline-single-body a{color:var(--byline-primary);text-decoration:underline}
.byline-single-body img{max-width:100%;height:auto;border-radius:8px}
.byline-single-body blockquote{border-left:4px solid var(--byline-primary);padding:6px 16px;margin:18px 0;color:#333;background:#fafafa}

.byline-rail{position:sticky;top:24px;align-self:start;border-left:1px solid #ececec;padding-left:24px}
@media (max-width: 900px){.byline-rail{position:static;border-left:none;padding-left:0;border-top:1px solid #ececec;padding-top:24px;margin-top:24px}}
.byline-rail-title{font-family:var(--byline-heading-font);font-size:16px;text-transform:uppercase;letter-spacing:.06em;color:#666;margin:0 0 16px}
.byline-rail-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f1f1f1;text-decoration:none;color:inherit}
.byline-rail-item:last-child{border-bottom:none}
.byline-rail-thumb{flex:0 0 72px;width:72px;height:54px;border-radius:6px;overflow:hidden;background:#f4f4f4}
.byline-rail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.byline-rail-text{font-family:var(--byline-heading-font);font-size:14px;line-height:1.3;color:#111}