.subpage-header{background:var(--color-black);border-bottom:1px solid var(--color-border);padding:var(--space-xl) 0;text-align:center}.subpage-header h1{font-family:var(--font-display);color:var(--color-gold);margin:0 0 var(--space-md) 0;font-size:2.5rem;font-weight:700}.subpage-header p{color:var(--color-text-muted);margin:0 0 var(--space-lg) 0;font-size:1.125rem}.write-btn-container{margin-top:var(--space-lg)}.write-btn-container .btn-primary{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--gradient-gold);color:var(--color-black);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-card);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.write-btn-container .btn-primary:hover{box-shadow:var(--shadow-btn-hover-gold);transform:translateY(-2px)}.content-section{background:var(--color-black);padding:var(--space-xl) 0}.post-list{margin-bottom:var(--space-xl)}.loading-indicator,.empty-state,.error-state{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.loading-indicator p{margin:0;font-size:1.125rem}.empty-state p{margin:0;font-size:1.25rem}.error-state p{color:var(--color-error);margin:0 0 var(--space-md) 0;font-size:1.125rem}.error-state button{padding:var(--space-sm) var(--space-md);background:var(--color-gold);color:var(--color-black);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;font-weight:600}.error-state button:hover{background:var(--color-gold-light)}.post-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);transition:var(--easing-card);cursor:pointer}.post-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-card-hover-gold);transform:translateY(-2px)}.post-card:last-child{margin-bottom:0}.post-card-header{margin-bottom:var(--space-md)}.post-title{margin:0 0 var(--space-sm) 0;font-size:1.5rem;font-weight:700;line-height:1.4}.post-link{color:var(--color-white);transition:var(--transition);text-decoration:none}.post-link:hover{color:var(--color-gold)}.post-meta{align-items:center;gap:var(--space-md);color:var(--color-gray-light);font-size:.875rem;display:flex}.post-author{font-weight:600}.post-date{font-weight:400}.post-excerpt{margin-bottom:var(--space-md)}.post-excerpt p{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.6}.post-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tag{color:var(--color-gold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#d4af3726;border:1px solid #d4af374d;font-size:.75rem;font-weight:600}.pagination-controls{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0;display:flex}.btn-pagination{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--easing-card);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-pagination:hover:not(:disabled){background:var(--color-gold);color:var(--color-black);border-color:var(--color-gold);box-shadow:var(--shadow-card-hover-gold);transform:translateY(-1px)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed;background:var(--color-gray-dark);color:var(--color-gray);border-color:var(--color-gray-dark)}.btn-pagination:disabled:hover{box-shadow:none;transform:none}.pagination-info{padding:var(--space-md);color:var(--color-gold);font-size:1rem;font-weight:600}@media (width<=768px){.subpage-header{padding:var(--space-lg) 0}.subpage-header h1{font-size:2rem}.subpage-header p{font-size:1rem}.content-section{padding:var(--space-lg) 0}.post-card{padding:var(--space-md)}.post-title{font-size:1.25rem}.post-meta{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.pagination-controls{gap:var(--space-md);flex-direction:column}.btn-pagination{width:100%;padding:var(--space-md);justify-content:center}}@media (width<=480px){.subpage-header{padding:var(--space-md) 0}.subpage-header h1{margin-bottom:var(--space-sm);font-size:1.75rem}.subpage-header p{margin-bottom:var(--space-md);font-size:.875rem}.content-section{padding:var(--space-md) 0}.post-card{padding:var(--space-md);margin-bottom:var(--space-md)}.post-title{font-size:1.125rem}.post-excerpt p{font-size:.875rem}.write-btn-container .btn-primary{padding:var(--space-sm) var(--space-md);font-size:.875rem}}body:not(.admin-mode) .admin-only{display:none!important}body.admin-mode .admin-only{display:block}