/* Round 4 complete: search, article navigation, diagrams, print, and hero art */
.guide-controls{display:grid;grid-template-columns:minmax(250px,420px) 1fr;gap:24px;align-items:end;margin:30px 0 18px}
.guide-search{display:block}.guide-search>span{display:block;margin-bottom:8px;color:#c8d0d6;font-size:.78rem;font-weight:800}
.guide-search input{width:100%;padding:13px 15px;border:1px solid rgba(141,148,158,.3);border-radius:11px;background:#0b0f14;color:#fff;font:inherit}
.guide-filter-list{display:flex;flex-wrap:wrap;gap:8px}.guide-filter-list button{padding:9px 12px;border:1px solid rgba(141,148,158,.25);border-radius:999px;background:#151b22;color:#c8d0d6;cursor:pointer}
.guide-filter-list button:hover,.guide-filter-list button.is-active{border-color:rgba(16,185,129,.55);background:rgba(16,185,129,.1);color:#d1fae5}
.guide-filter-status{min-height:1.4em;color:var(--muted);font-size:.85rem}
.guide-index-card[hidden]{display:none!important}.guide-empty-state{padding:48px;border:1px dashed rgba(141,148,158,.35);border-radius:18px;text-align:center}
.article-hero-art{display:grid;place-items:center;min-height:330px;padding:28px;border:1px solid rgba(16,185,129,.28);border-radius:22px;background:radial-gradient(circle at 70% 25%,rgba(16,185,129,.15),transparent 42%),#0a0e13}
.hero-art-shell{width:100%;max-width:430px}
.db-stack,.workflow-art,.notes-art,.intake-art{display:flex;flex-direction:column;align-items:center;gap:10px}
.db-table{width:75%;padding:17px;border:1px solid rgba(16,185,129,.45);border-radius:12px;background:#151c23;color:#fff;text-align:center;font-weight:850}
.db-table--two{width:88%}.db-table--three{width:100%}.db-link{color:#6ee7b7;font-size:.75rem}
.model-map{display:grid;grid-template-columns:1fr 1fr;gap:13px}.model-map span,.notes-art span,.intake-art span,.workflow-art span{padding:18px;border:1px solid rgba(56,189,248,.32);border-radius:12px;background:#151c23;color:#fff;text-align:center}
.hash-art,.validation-art{display:flex;flex-direction:column;gap:14px;align-items:center}.hash-art span,.validation-art span{color:#34d399;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hash-art strong{font-family:ui-monospace,monospace;font-size:2rem;color:#fff}.hash-art i,.validation-art i{font-style:normal;color:#bbf7d0}
.flow-art{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.flow-art span{padding:16px;border:1px solid rgba(16,185,129,.4);border-radius:12px;background:#151c23;color:#fff}.flow-art b{color:#34d399}
.article-revision{margin-top:18px;padding:11px 14px;border-left:3px solid #34d399;background:rgba(16,185,129,.06);color:#b8c2c9;font-size:.85rem}
.article-source-notes{margin-top:65px;padding-top:20px;border-top:1px solid rgba(141,148,158,.2)}.article-source-notes li{margin:12px 0}
.guide-article-footer{padding:50px 0 80px;border-top:1px solid rgba(141,148,158,.16);background:#0b0f14}.guide-category-return{display:inline-block;margin-bottom:22px;color:#a7f3d0;font-weight:850}
.guide-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-nav-card{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px solid rgba(141,148,158,.2);border-radius:16px;background:linear-gradient(145deg,var(--panel),#141a20)}.guide-nav-card span{color:#34d399;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.guide-nav-card strong{color:#fff}.guide-nav-card--next{text-align:right}
.guide-diagram{margin:34px 0;padding:24px;border:1px solid rgba(141,148,158,.2);border-radius:18px;background:#0b0f14}.guide-diagram figcaption{margin-bottom:20px;color:#c8d0d6;font-weight:800}
.relational-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.diagram-table{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid rgba(16,185,129,.35);border-radius:12px;background:#151c23}.diagram-table strong{color:#fff}.diagram-table span{color:#aeb8c0;font-family:ui-monospace,monospace;font-size:.78rem}.diagram-connector{color:#34d399;text-align:center}.diagram-connector span{display:block;font-size:.68rem}
.database-model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.database-model-grid article{padding:17px;border:1px solid rgba(56,189,248,.25);border-radius:12px;background:#151c23}.database-model-grid article>span{color:#7dd3fc;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.database-model-grid h3{font-size:1.05rem}.database-model-grid p{font-size:.8rem}
@media(max-width:1000px){.guide-controls{grid-template-columns:1fr}.database-model-grid{grid-template-columns:repeat(2,1fr)}.relational-diagram{grid-template-columns:1fr}.diagram-connector{transform:rotate(90deg)}}
@media(max-width:700px){.guide-prev-next{grid-template-columns:1fr}.guide-nav-card--next{text-align:left}.database-model-grid{grid-template-columns:1fr}.article-hero-art{min-height:240px}}
@media print{
  @page{margin:0.7in}
  body{background:#fff!important;color:#000!important}
  .site-header,.site-footer,.breadcrumbs,.article-utility-card,.resource-sidebar,.guide-article-footer,.skip-link{display:none!important}
  .resource-article-hero,.resource-reading-grid{display:block!important;padding:0!important;background:#fff!important;border:0!important}
  .resource-article-hero-grid{display:block!important}
  .article-hero-art{display:none!important}
  .resource-prose{max-width:none!important}
  .resource-prose h1,.resource-prose h2,.resource-prose h3,h1,h2,h3{color:#000!important;break-after:avoid}
  .resource-prose p,.resource-prose li,.lede,.article-meta{color:#000!important}
  a{color:#000!important;text-decoration:underline}
  .resource-prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;font-weight:normal}
  pre,table,figure{break-inside:avoid}
  .guide-diagram,.resource-prose pre,.resource-prose td,.resource-prose th{background:#fff!important;color:#000!important;border-color:#777!important}
}