/* breadcrumbs / shipping_bar / changelog / roadmap_board / status_board / glossary.
 * Tokens only, no !important. Rendered by trait-apb-component-render-content2.php. */

.apb-rx-c2-head{text-align:center;max-width:600px;margin:0 auto clamp(24px,3.5vw,40px)}
.apb-rx-c2-head h2{font-family:var(--apb-rx-font-display,inherit);font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;margin:0;color:var(--apb-rx-ink)}

/* breadcrumbs */
.apb-rx-bcrumb-sec{padding-top:16px;padding-bottom:16px}
.apb-rx-bcrumb{max-width:var(--apb-pg-maxw,1120px);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.apb-rx-bcrumb a{color:var(--apb-rx-muted,var(--apb-rx-dim));text-decoration:none;transition:color var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-bcrumb a:hover{color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
.apb-rx-bcrumb-sep{color:var(--apb-rx-line-accent,var(--apb-rx-muted,#c4c8ce))}
.apb-rx-bcrumb-cur{color:var(--apb-rx-ink);font-weight:600}

/* shipping_bar */
.apb-rx-shipbar-row{max-width:var(--apb-pg-maxw,1120px);margin-inline:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(14px,2vw,24px)}
.apb-rx-shipbar-cell{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--apb-rx-line);border-radius:var(--apb-rx-radius);background:var(--apb-rx-surface)}
.apb-rx-shipbar-ic{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--apb-rx-soft);color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
.apb-rx-shipbar-ic svg{width:22px;height:22px}
.apb-rx-shipbar-cell b{display:block;font-size:15px;font-weight:700;color:var(--apb-rx-ink)}
.apb-rx-shipbar-cell span{font-size:13px;color:var(--apb-rx-muted,var(--apb-rx-dim))}

/* changelog */
.apb-rx-chlog-list{list-style:none;margin:0 auto;padding:0;max-width:760px}
.apb-rx-chlog-row{display:grid;grid-template-columns:160px 1fr;gap:clamp(16px,3vw,36px);padding:clamp(20px,3vw,30px) 0;border-top:1px solid var(--apb-rx-line)}
.apb-rx-chlog-row:first-child{border-top:0}
.apb-rx-chlog-meta b{display:block;font-family:var(--apb-rx-font-display,inherit);font-size:18px;font-weight:800;color:var(--apb-rx-ink)}
.apb-rx-chlog-meta span{font-size:13px;color:var(--apb-rx-muted,var(--apb-rx-dim))}
.apb-rx-chlog-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:var(--apb-rx-radius-pill,999px);margin-bottom:8px;background:var(--apb-rx-soft);color:var(--apb-rx-muted,var(--apb-rx-dim))}
.apb-rx-chlog-tag--new{background:color-mix(in srgb,var(--apb-rx-brand) 16%,transparent);color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
.apb-rx-chlog-tag--fixed{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}
.apb-rx-chlog-tag--improved{background:color-mix(in srgb,#d97706 18%,transparent);color:#b45309}
.apb-rx-chlog-body h3{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--apb-rx-ink)}
.apb-rx-chlog-body ul{margin:0;padding-left:18px;color:var(--apb-rx-muted,var(--apb-rx-dim));font-size:14px;line-height:1.7}

/* roadmap_board */
.apb-rx-rmap-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,2vw,18px);max-width:var(--apb-pg-maxw,1120px);margin-inline:auto}
.apb-rx-rmap-col{background:var(--apb-rx-soft);border-radius:calc(var(--apb-rx-radius) * 1.1);padding:16px}
.apb-rx-rmap-colhead{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--apb-rx-ink);margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}
.apb-rx-rmap-dot{width:9px;height:9px;border-radius:50%;background:var(--apb-rx-muted,#9aa1ad)}
.apb-rx-rmap-col--planned .apb-rx-rmap-dot{background:#9aa1ad}
.apb-rx-rmap-col--progress .apb-rx-rmap-dot{background:#d97706}
.apb-rx-rmap-col--shipped .apb-rx-rmap-dot{background:#16a34a}
.apb-rx-rmap-cards{display:flex;flex-direction:column;gap:10px}
.apb-rx-rmap-card{background:var(--apb-rx-surface);border:1px solid var(--apb-rx-line);border-radius:var(--apb-rx-radius);padding:12px 14px;font-size:14px;color:var(--apb-rx-ink);line-height:1.45}

/* status_board */
.apb-rx-status-banner{max-width:760px;margin:0 auto 18px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--apb-rx-radius);font-weight:700;font-size:15px}
.apb-rx-status-dot{width:10px;height:10px;border-radius:50%;background:currentColor}
.apb-rx-status-banner--operational{background:color-mix(in srgb,#16a34a 14%,transparent);color:#15803d}
.apb-rx-status-banner--degraded{background:color-mix(in srgb,#d97706 16%,transparent);color:#b45309}
.apb-rx-status-banner--down{background:color-mix(in srgb,#dc2626 14%,transparent);color:#b91c1c}
.apb-rx-status-banner--maintenance{background:var(--apb-rx-soft);color:var(--apb-rx-muted,var(--apb-rx-dim))}
.apb-rx-status-list{list-style:none;margin:0 auto;padding:0;max-width:760px;border:1px solid var(--apb-rx-line);border-radius:var(--apb-rx-radius);overflow:hidden}
.apb-rx-status-row{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--apb-rx-surface)}
.apb-rx-status-row+.apb-rx-status-row{border-top:1px solid var(--apb-rx-line)}
.apb-rx-status-name{font-weight:600;color:var(--apb-rx-ink)}
.apb-rx-status-note{font-size:13px;color:var(--apb-rx-muted,var(--apb-rx-dim))}
.apb-rx-status-pill{margin-left:auto;font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--apb-rx-radius-pill,999px)}
.apb-rx-status-pill--operational{background:color-mix(in srgb,#16a34a 14%,transparent);color:#15803d}
.apb-rx-status-pill--degraded{background:color-mix(in srgb,#d97706 16%,transparent);color:#b45309}
.apb-rx-status-pill--down{background:color-mix(in srgb,#dc2626 14%,transparent);color:#b91c1c}
.apb-rx-status-pill--maintenance{background:var(--apb-rx-soft);color:var(--apb-rx-muted,var(--apb-rx-dim))}

/* glossary */
.apb-rx-gloss-body{max-width:760px;margin-inline:auto}
.apb-rx-gloss-group{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:clamp(16px,2.5vw,24px) 0;border-top:1px solid var(--apb-rx-line)}
.apb-rx-gloss-group:first-child{border-top:0}
.apb-rx-gloss-letter{font-family:var(--apb-rx-font-display,inherit);font-size:28px;font-weight:800;color:var(--apb-rx-line-accent,var(--apb-rx-brand));line-height:1}
.apb-rx-gloss-group dl{margin:0}
.apb-rx-gloss-group dt{font-size:16px;font-weight:700;color:var(--apb-rx-ink);margin-top:12px}
.apb-rx-gloss-group dt:first-child{margin-top:0}
.apb-rx-gloss-group dd{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--apb-rx-muted,var(--apb-rx-dim))}

@media(max-width:600px){
  .apb-rx-chlog-row{grid-template-columns:1fr;gap:8px}
  .apb-rx-gloss-group{grid-template-columns:40px 1fr;gap:10px}
  .apb-rx-status-row{flex-wrap:wrap}
}