.art-section-header { position: sticky; top: 0; z-index: 10; min-height: 75px; background: #234A73 url(/assets/gallery-header-brushes.png) center/cover no-repeat; box-shadow: 0 2px 0 #1E66D0; isolation: isolate; }
.art-section-header::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, transparent 0 10%, rgba(35,74,115,.12) 30%, rgba(35,74,115,.36) 46% 67%, rgba(35,74,115,.10) 86%, transparent 100%); }
.art-section-header-inner { display: flex; align-items: center; gap: 16px; width: min(920px, calc(100% - 40px)); min-height: 75px; margin: 0 auto; }
.art-section-home { display: inline-flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 38px; padding: 0; border: 1px solid #3A2F28; border-radius: 2px; background: rgba(255,250,240,.70); color: #3A2F28; text-decoration: none; }
.art-section-home:hover, .art-section-home:focus-visible { border-color: #2F2721; background: rgba(255,250,240,.85); color: #2F2721; }
.art-section-home:focus-visible { outline: 3px solid rgba(255,255,255,.28); outline-offset: 2px; }
.art-section-home svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.art-section-nav { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 1 auto; height: 38px; min-width: 0; margin: 0 auto 0 0; padding: 5px 20px; overflow: hidden; border: 1px solid #3A2F28; border-radius: 3px; background: #DBD6A8; color: #3A2F28; font: 700 1rem/1.2 Georgia, "Times New Roman", serif; text-overflow: ellipsis; white-space: nowrap; }
.art-section-nav::before, .art-section-nav::after { content: ""; position: absolute; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #3A2F28; transform: translateY(-50%); }
.art-section-nav::before { left: 6px; }
.art-section-nav::after { right: 6px; }
.art-section-nav [aria-current="page"], .art-section-nav a:hover, .art-section-nav a:focus-visible { color: #3A2F28; }
.art-section-nav a { color: inherit; text-underline-offset: 3px; }
.art-section-add { min-height:38px; padding:0 14px; border:1px solid #3A2F28; border-radius:6px; background:rgba(255,250,240,.70); color:#3A2F28; font:700 .95rem/1 Georgia,"Times New Roman",serif; cursor:pointer; }
.art-section-add:hover, .art-section-add:focus-visible { border-color:#2F2721; background:rgba(255,250,240,.85); color:#2F2721; }
.art-add-dialog { width:min(360px,calc(100% - 32px)); padding:22px; border:1px solid #D8CDBB; border-radius:10px; background:#FFFAF0; color:#243B4A; box-shadow:0 16px 40px rgba(21,45,61,.28); }
.art-add-dialog::backdrop { background:rgba(35,74,115,.42); }
.art-add-dialog h2 { margin:0 0 16px; font:700 1.25rem/1.2 Georgia,"Times New Roman",serif; }
.art-add-dialog-actions { display:grid; gap:10px; }
.art-add-dialog-actions button { min-height:42px; padding:9px 14px; border:1px solid #3A2F28; border-radius:8px; background:rgba(255,250,240,.70); color:#3A2F28; font:700 .95rem/1 Arial,Helvetica,sans-serif; cursor:pointer; }
.art-add-dialog-actions button:hover, .art-add-dialog-actions button:focus-visible { border-color:#2F2721; background:rgba(255,250,240,.85); color:#2F2721; }
@media (max-width: 700px) {
  .art-section-header-inner { width:calc(100% - 20px); gap:10px; }
  .art-section-add { padding-inline:12px; }
}