/* Selected C masthead, refined without changing approved article-card styles. */
.article-site .masthead { display:grid;grid-template-columns:minmax(0,1fr) 116px;grid-template-areas:"heading heading" "summary qr";gap:22px 28px;margin:0 0 24px;padding:12px 0 24px;border-bottom:2px solid #b8cede; }
.article-site .hero-heading { grid-area:heading;min-width:0; }
.article-site .title-row { display:flex;align-items:center;justify-content:space-between;gap:24px; }
.article-site .hero-heading h1 { position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0;padding:0;font-size:36px;line-height:1.4;letter-spacing:.035em; }
.article-site .admin-link { display:inline-flex;align-items:center;justify-content:center;flex:none;padding:8px 23px;border:1px solid #4b8fc8;border-radius:9px;background:#4b8fc8;color:#fff;font-size:13px;font-weight:600;line-height:1.7;box-shadow:0 4px 12px #4b8fc817; }
.article-site .admin-link:hover { background:#387bb3;border-color:#387bb3; }
.article-site .hero-heading #site-description { margin:8px 0 0;max-width:none;color:#6c7885;font-size:12px;line-height:1.9; }
.article-site .masthead .account-summary { grid-area:summary;align-self:center;min-width:0; }
.article-site .masthead .author-identity { display:flex;align-items:center;gap:10px;margin:0; }
.article-site .masthead #account-avatar { width:38px;height:38px;border-radius:50%; }
.article-site .masthead .author-identity h2 { margin:3px 0 0;font-size:14px;line-height:1.5; }
.article-site .masthead .section-kicker { font-size:10px;letter-spacing:.06em; }
.article-site .masthead .account-panel { grid-area:qr;align-self:center;display:flex;align-items:center;border:0;margin:0;padding:0; }
.article-site .masthead .account-panel p,.article-site .qr-glyph { display:none; }
.article-site .masthead #qr-button { margin:0;gap:5px;background:none;color:#376d95;font-size:10px; }
.article-site .masthead #account-qr { width:86px;height:86px;object-fit:contain;border-radius:4px;background:white; }
.article-site .catalog-toolbar { margin-bottom:18px; }
@media(max-width:640px) {
  .article-site .page-shell { padding-top:26px; }
  .article-site .masthead { grid-template-columns:minmax(0,1fr) 82px;gap:21px 16px;margin-bottom:20px;padding:0 0 22px; }
  .article-site .title-row { gap:14px; }
  .article-site .hero-heading h1 { font-size:24px;letter-spacing:0;white-space:nowrap; }
  .article-site .admin-link { padding:6px 14px;font-size:11px;border-radius:8px; }
  .article-site .hero-heading #site-description { font-size:10px;margin-top:9px; }
  .article-site .masthead .section-kicker { display:none; }
  .article-site .masthead #account-avatar { width:34px;height:34px; }
  .article-site .masthead .author-identity h2 { font-size:12px;margin:0; }
  .article-site .masthead #account-qr { width:74px;height:74px; }
}
@media(max-width:359px) {
  .article-site .hero-heading h1 { font-size:21px; }
  .article-site .title-row { gap:10px; }
  .article-site .admin-link { padding:6px 12px; }
}