/* Additions use the source landing's palette, typography and terminal controls. */
#platform .section-head h2 { display:block; text-align:left; line-height:1.13; }
.vibe-share-line { display:flex; align-items:center; gap:.25em; margin-top:.12em; }
.vibe-word-window { --word-height:1.3em; position:relative; display:block; width:7.4em; height:var(--word-height); overflow:hidden; flex-shrink:0; color:var(--d-acc); text-align:left; border-bottom:1px dashed var(--d-acc-soft); background:var(--d-acc-bg); }
.vibe-word-track { display:block; transform:translateY(calc(var(--at,0) * -1 * var(--word-height))); transition:transform .65s cubic-bezier(.22,.9,.26,1); }
.vibe-word-track > span { display:block; padding-inline:.18em .6em; height:var(--word-height); line-height:var(--word-height); white-space:nowrap; }
.vibe-word-corner { position:absolute; right:8px; bottom:9px; font:12px/1 var(--font-mono); opacity:.7; }
.vibe-word-period { color:var(--text-primary); }
.vibe-word-track.is-jumping { transition:none; }
.vibe-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.vibe-skip { position:fixed; top:-80px; left:20px; z-index:200; padding:12px 18px; color:#fff; background:var(--d-acc); font:13px var(--font-mono); }
.vibe-skip:focus { top:15px; }

.vibe-sharing { max-width:860px; margin:0 auto 32px; }
.vibe-share-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:13px; }
.vibe-share-tabs { display:flex; flex-wrap:wrap; gap:5px; }
.vibe-share-tab { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:43px; padding:10px 12px; overflow:hidden; border:1px solid var(--cmd-border); background:var(--cmd-bg); color:var(--text-secondary); font:11px/1.4 var(--font-mono); cursor:pointer; transition:background .2s,border-color .2s,color .2s; }
.vibe-share-tab svg { width:16px; height:16px; fill:currentColor; flex-shrink:0; }
.vibe-share-tab:hover { border-color:var(--d-acc); }
.vibe-share-tab[aria-selected="true"] { color:var(--d-acc); border-color:var(--d-acc); background:var(--d-acc-bg); }
.vibe-share-tab[aria-selected="true"]::before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--d-acc); }
.vibe-tab-progress { position:absolute; bottom:0; left:0; width:100%; height:2px; transform:scaleX(0); transform-origin:left; background:var(--d-acc); }
.vibe-share-transport { display:flex; align-items:center; gap:5px; flex-shrink:0; }
.vibe-share-transport button { width:30px; height:36px; padding:0; color:var(--text-secondary); border:1px solid transparent; background:transparent; font:15px/1 var(--font-mono); cursor:pointer; }
.vibe-share-transport button:hover { background:var(--d-acc-bg); color:var(--d-acc); border-color:var(--cmd-border); }
.vibe-share-transport .vibe-pause { font-size:12px; border-color:var(--cmd-border); margin-left:6px; }
.vibe-share-counter { font:10px/1 var(--font-mono); color:var(--d-acc); white-space:nowrap; }
.vibe-share-counter > span { color:var(--text-tertiary); }
.vibe-share-panel { display:grid; grid-template-columns:1fr 1fr; gap:0; min-height:258px; border:1px solid var(--cmd-border); background:var(--d-card); }
.vibe-share-summary { min-width:0; padding:24px 26px; }
.vibe-share-summary h3 { font:600 21px/1.3 var(--font-display); letter-spacing:-.025em; color:var(--text-primary); }
.vibe-share-summary p { margin-top:11px; font:14px/1.6 var(--font-body); color:var(--text-secondary); }
.vibe-share-result { display:block; margin-top:17px; font:10px/1.7 var(--font-mono); color:var(--d-acc); }
.vibe-share-result::before { content:'↳ '; }
.vibe-share-example { min-width:0; padding:24px; border-left:1px solid var(--cmd-border); background:var(--bg-code); color:#ededf2; }
.vibe-example-caption { display:flex; justify-content:space-between; align-items:center; gap:10px; font:8px/1.5 var(--font-mono); letter-spacing:.05em; color:#b8afce; margin-bottom:22px; }
.vibe-example-caption > span { font-size:9px; color:#b8afce; border:1px solid #ffffff33; padding:2px 5px; letter-spacing:0; }
.vibe-handoff { display:flex; align-items:center; gap:12px; font:11px/1.6 var(--font-mono); }
.vibe-person { display:inline-flex; align-items:center; gap:6px; color:#c2a6ff; min-width:108px; flex-shrink:0; font-size:9px; }
.vibe-person svg { width:16px; height:16px; fill:currentColor; }
.vibe-person-friend { color:#b5d883; }
.vibe-handoff-arrow { font:16px/1.5 var(--font-mono); color:#8879a1; padding:7px 0 7px 3px; }
.vibe-handoff-arrow > span { font-size:8px; padding-left:10px; color:#a9a0b9; }
.vibe-shared-space { max-width:1210px; margin:32px auto 0; border:1px solid var(--cmd-border); position:relative; }
.vibe-shared-space::before { content:'+'; position:absolute; left:-4px; top:-6px; background:var(--bg-primary); color:var(--d-acc); font:12px/1 var(--font-mono); }
.vibe-space-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:17px 28px; border-bottom:1px solid var(--d-bd); background:var(--cmd-bg); }
.vibe-space-header > div { display:flex; align-items:center; flex-wrap:wrap; gap:13px; }
.vibe-space-project { color:var(--text-primary); font:11px/1.6 var(--font-mono); }
.vibe-space-concept { color:var(--text-tertiary); font:8px/1.5 var(--font-mono); }
.vibe-space-team { display:inline-flex; gap:8px; align-items:center; color:var(--d-acc); font:10px/1.6 var(--font-mono); }
.vibe-space-team svg { width:18px; height:18px; fill:currentColor; }
.vibe-shared-space .infra-map { margin-top:0; padding-top:42px; padding-bottom:26px; }
.vibe-shared-space .infra-level { display:none; }
.vibe-shared-space .infra-cards { margin-top:86px; }
.vibe-shared-space .infra-caption { margin-top:28px; padding-top:20px; }
.vibe-shared-space .infra-caption p { font-size:13px; }
.vibe-shared-space .infra-card { transition:border-color .25s,background .25s,box-shadow .25s; }
.infra-map:is([data-share-resources~="models"]) .infra-card[data-capability="models"],
.infra-map:is([data-share-resources~="tools"]) .infra-card[data-capability="tools"],
.infra-map:is([data-share-resources~="agents"]) .infra-card[data-capability="agents"],
.infra-map:is([data-share-resources~="memory"]) .infra-card[data-capability="memory"],
.infra-map:is([data-share-resources~="gpu"]) .infra-card[data-capability="gpu"] { border-color:var(--d-acc); background:var(--d-acc-bg); box-shadow:0 3px 18px var(--d-acc-bg); }
.infra-map[data-share-resources~="models"] .infra-highlight[data-capability="models"],
.infra-map[data-share-resources~="tools"] .infra-highlight[data-capability="tools"],
.infra-map[data-share-resources~="agents"] .infra-highlight[data-capability="agents"],
.infra-map[data-share-resources~="memory"] .infra-highlight[data-capability="memory"],
.infra-map[data-share-resources~="gpu"] .infra-highlight[data-capability="gpu"] { opacity:.8; }
:is(.vibe-share-tab,.vibe-share-transport button,.vibe-share-panel):focus-visible { outline:2px solid var(--d-acc); outline-offset:4px; }
@media (max-width:1099px) { .vibe-shared-space .infra-cards { margin-top:64px; } .vibe-shared-space .infra-map { max-width:660px; } }
@media (max-width:900px) { .vibe-share-toolbar { align-items:flex-start; flex-wrap:wrap; gap:8px; } .vibe-share-transport { margin-left:auto; } .vibe-share-tabs { flex:1 1 100%; } .vibe-share-tab { flex:1; } .vibe-share-summary { padding:22px; } .vibe-share-example { padding:22px; } .vibe-handoff { flex-wrap:wrap; gap:5px; } .vibe-person { flex-basis:100%; } }
@media (max-width:600px) { #platform .section-head h2 { font-size:clamp(26px,7vw,40px); } #platform .section-head p { font-size:14px; } .vibe-share-line { gap:.2em; } .vibe-word-window { width:7.2em; } .vibe-word-corner { right:5px; bottom:6px; font-size:9px; } .vibe-share-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:6px; } .vibe-share-tab { font-size:10px; padding:10px 6px; min-height:42px; } .vibe-share-tab svg { display:none; } .vibe-share-toolbar { margin-bottom:8px; } .vibe-share-panel { grid-template-columns:1fr; min-height:0; } .vibe-share-summary { min-height:200px; padding:22px 20px; } .vibe-share-summary h3 { font-size:21px; } .vibe-share-summary p { font-size:13px; } .vibe-share-result { font-size:9px; } .vibe-share-example { padding:21px 20px; border-left:0; border-top:1px solid var(--cmd-border); min-height:202px; } .vibe-handoff { flex-wrap:nowrap; gap:10px; font-size:10px; } .vibe-person { flex-basis:auto; min-width:96px; font-size:8px; } .vibe-example-caption { font-size:7px; } .vibe-space-header { padding:14px 18px; gap:10px; } .vibe-space-header > div { gap:4px 12px; } .vibe-space-project { font-size:10px; } .vibe-space-team { font-size:9px; } .vibe-shared-space .infra-map { padding-inline:13px; } .vibe-shared-space .infra-card { padding-right:13px; } .vibe-shared-space .infra-card h3 { font-size:16px; } .vibe-shared-space .infra-card p { font-size:12px; } .vibe-shared-space .infra-caption p { font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .vibe-word-track,.vibe-shared-space .infra-card { transition:none; } }
/* Reserve room for the longest story so rotating content does not move the map. */
@media (max-width:600px) { .vibe-share-summary { min-height:248px; } }

/* Match the source section’s light palette. */
  .vibe-share-example { color: #121211; }
  .vibe-example-caption, .vibe-example-caption > span { color: #8a8a83; }
  .vibe-example-caption > span { border-color: #d0d0c8; }
  .vibe-person { color: #6d28d9; }
  .vibe-person-friend { color: #4d7c0f; }
  .vibe-handoff-arrow, .vibe-handoff-arrow > span { color: #8a8a83; }

.vibe-shared-space .infra-hub-sub { font-size:12px; line-height:1.5; text-align:center; padding-inline:12px; }
.vibe-shared-space .infra-card p { font-size:14px; line-height:1.65; }
.vibe-shared-space .infra-caption p { font-size:14px; }
.vibe-shared-space .infra-hub-label,.vibe-shared-space .infra-status,.vibe-shared-space .infra-run-path { font-size:12px; line-height:1.6; }
.vibe-shared-space .infra-status { white-space:normal; text-align:right; }
.vibe-share-tab { font-size:12px; }.vibe-share-counter { font-size:12px; }
@media(max-width:600px){.vibe-share-tab{font-size:12px;min-height:44px}.vibe-share-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.vibe-shared-space .infra-hub{min-height:114px}.vibe-shared-space .infra-clients .any{font-size:12px}}