/* WordPress integration is separate from shared presentation styles. */
.admin-bar .sidebar { top: 32px; }
.site-demo-note { font-size: 11px; color: var(--muted); margin: 0 0 16px; line-height: 1.7; }
.breadcrumb { display: none; }
.topbar { justify-content: flex-end; }
[hidden] { display: none !important; }
.document-shell { max-width: 1000px; padding: 40px 24px 80px; margin: auto; }
.document-back { color: var(--accent); display: inline-block; margin-bottom: 30px; }
.document-content article { margin-bottom: 40px; }
.document-content h1 { margin: 20px 0; font-size: clamp(26px,4vw,40px); }
.entry-content { line-height: 1.85; overflow-wrap: anywhere; }
.entry-content p, .entry-content h2, .entry-content h3 { margin: 1em 0; }
.entry-content ul, .entry-content ol { padding-left: 1.5em; }
.entry-content iframe, .entry-content video { max-width: 100%; }
.comments-area { margin-top: 32px; }
.comments-area input, .comments-area textarea { max-width: 100%; padding: 8px; }
@media(max-width:782px) { .admin-bar .sidebar { top:46px; } }
@media(max-width:800px) { .topbar { justify-content:space-between; } .site-demo-note { margin-top:16px; font-size:10px; } }