/* YOTTABYTE-ADDITIVE-V1 — additions only; original design tokens are reused. */
.yb-add-section{position:relative}.yb-add-intro{max-width:860px}.yb-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.yb-add-card{display:block;text-decoration:none;color:inherit}.yb-add-card .yb-tag{display:inline-block;margin-bottom:10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.yb-source-strip{margin:24px auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper2);border:1px solid var(--line);max-width:1200px}.yb-source-strip p{margin:0;color:var(--soft)}.yb-source-strip a{white-space:nowrap}
.yb-catalog-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:18px 0}.yb-catalog-count{font-size:.8rem;color:var(--soft);margin:8px 0 16px}.yb-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yb-record{padding:18px}.yb-record h3{margin:0 0 5px}.yb-record .yb-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.yb-chip{font-size:.68rem;padding:4px 7px;background:var(--paper2);border:1px solid var(--line)}.yb-rel-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.yb-rel{font-size:.72rem;color:var(--accent);text-decoration:none}.yb-empty{padding:28px;text-align:center;border:1px dashed var(--line);color:var(--soft)}
.yb-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.yb-step{padding:14px;text-align:center;background:var(--paper2);border:1px solid var(--line);position:relative}.yb-step:not(:last-child)::after{content:'→';position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:var(--accent)}
.yb-table{width:100%;border-collapse:collapse}.yb-table th,.yb-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.yb-table th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.yb-explorer{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.yb-path{margin-top:18px;padding:18px;background:var(--paper2);border:1px solid var(--line)}.yb-path-nodes{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.yb-node{padding:8px 10px;border:1px solid var(--line);background:var(--paper)}.yb-arrow{color:var(--accent)}
@media(max-width:900px){.yb-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yb-pipeline{grid-template-columns:1fr}.yb-step:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-15px}.yb-catalog-controls,.yb-explorer{grid-template-columns:1fr}.yb-record-grid{grid-template-columns:1fr}}
@media(max-width:600px){.yb-add-grid{grid-template-columns:1fr}.yb-source-strip{align-items:flex-start;flex-direction:column}}


/* YOTTABYTE-NAV-V2 — additive header coverage and related-page network. */
.yb-knowledge-menu{min-width:430px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.yb-menu-crosslink{color:var(--accent)!important;border-top:1px solid var(--thin)!important}
.yb-context-nav{position:relative;z-index:24;background:var(--paper);border-bottom:1px solid var(--faint)}
.yb-context-row{min-height:46px;display:flex;align-items:center;gap:14px;overflow:hidden}
.yb-context-label{flex:0 0 auto;font-size:var(--text-sm);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);padding-inline-end:14px;border-inline-end:1px solid var(--thin)}
.yb-context-links{min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:5px 0}
.yb-context-link{position:relative;flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;padding:7px 10px;text-decoration:none;color:var(--soft);font-size:var(--text-sm);font-weight:500;white-space:nowrap;border:1px solid transparent;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}
.yb-context-link:hover,.yb-context-link.active{color:var(--ink);background:var(--paper2);border-color:var(--thin)}
.yb-context-link.active::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--accent)}
.yb-context-cross{color:var(--accent);border-inline-start:1px solid var(--thin);margin-inline-start:4px}
@media(max-width:900px){.yb-context-row{padding-inline:12px}.yb-context-label{display:none}.yb-context-links{width:100%}}
@media(max-width:640px){.yb-knowledge-menu{min-width:0;grid-template-columns:1fr}.yb-context-row{min-height:44px}.yb-context-link{min-height:32px;padding:6px 9px}}