.category-filter{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.category-filter button{font:inherit;cursor:pointer;background:#101b22;color:#b9cbd1;border:1px solid #2d4650;border-radius:999px;padding:10px 16px;transition:background .2s,border-color .2s,color .2s}
.category-filter button[aria-pressed="true"]{background:#123239;color:#73e0e2;border-color:#2aa6ad}
.category-filter button:hover{border-color:#71ccd1}
.category-filter button span{font-size:12px;opacity:.75;margin-left:5px}
.launch-card[hidden]{display:none!important}
.launch-result[hidden]{display:none!important}
.launch-results{display:grid;gap:15px;margin:22px 0 30px}
.launch-result{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:28px 30px;background:#101920;border:1px solid #29424b;border-radius:14px}
.launch-result h3{font-size:23px;line-height:1.4;margin:9px 0 10px}
.launch-result h3 a{color:#edf7f8;text-decoration:none}
.launch-result h3 a:hover,.result-action:hover{color:#71dce0}
.launch-result p{font-size:14px;line-height:1.75;color:#a9bdc5;margin:0;max-width:690px}
.result-action{flex:none;font-size:13px;color:#74d9dc;text-decoration:underline;text-underline-offset:4px}
.launch-detail{padding-top:36px}
.launch-detail .library-hero{max-width:1000px}
.launch-detail .library-hero h1{font-size:clamp(34px,4.5vw,54px);line-height:1.2}
.launch-detail .launch-card-head h2{font-size:27px;line-height:1.35;margin:12px 0 10px}
.launch-detail .post-main h3,.launch-detail .post-side h3,.launch-detail .spread-section h3{font-size:20px;line-height:1.4;color:#f0f8fa;margin:0 0 15px}
.launch-detail .creator-posts h4{color:#e9f4f6;font-size:17px;margin:0 0 8px}
.case-neighbors{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:25px 0 55px}
.case-neighbors a{color:#70d7dc;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.case-research{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:30px 0;padding:28px 30px;border-top:1px solid #31525b;border-bottom:1px solid #31525b;background:linear-gradient(110deg,#10272d,#0c171d)}
.case-research h2{font-size:24px;line-height:1.4;margin:10px 0 12px;color:#e9f4f6}
.case-research-copy>p{font-size:14px;line-height:1.8;color:#adc3ca;margin:0;max-width:760px}
.case-install{display:inline-flex;margin-top:18px;max-width:100%;white-space:normal;line-height:1.6}
.case-research-actions>h3{font-size:16px;line-height:1.4;color:#e9f4f6;margin:0 0 5px}
.case-research-actions{padding-top:24px;border-top:1px solid #29464f}
.case-research-actions{min-width:0;display:grid;gap:10px}
.creator-research-link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:14px 16px;background:#122e35;border:1px solid #365e68;border-radius:9px;color:#e5f5f6;text-decoration:none;overflow-wrap:anywhere}
.creator-research-link:hover{background:#173a42;border-color:#70cbd0}
.creator-research-link strong{font-size:15px}
.creator-research-link span{font-size:12px;color:#80dce0}
.case-kol-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:5px}
.case-kol-heading h3{font-size:16px;line-height:1.4;color:#e9f4f6;margin:0}
.creator-save-button{font:inherit;font-size:13px;padding:12px 16px;color:#99e4e7;background:#14323a;border:1px solid #3b6872;border-radius:9px;cursor:pointer;line-height:1.5}
.creator-save-button:hover{border-color:#8cdee2}
.creator-save-button[aria-pressed="true"]{background:#173b34;color:#a5dfc8;border-color:#407c69}
.creator-save-button:disabled{cursor:default;opacity:.85}
.case-save-status{font-size:13px;color:#b6d6dc;line-height:1.7;margin:0}
.case-save-status:empty{display:none}
.case-research-actions>a:not(.creator-research-link){font-size:13px;color:#80dce0}
.case-research-actions>[hidden]{display:none!important}
@media(max-width:560px){.case-kol-heading{align-items:flex-start;flex-direction:column}.creator-save-button{min-height:44px}.case-kol-heading>.creator-save-button{width:100%}}
.case-research-help{font-size:12px;line-height:1.7;color:#a6bec7;margin:3px 0 0}
.case-research-help a{display:inline-block;color:#80dce0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.case-research{grid-template-columns:1fr;gap:22px;padding:25px 22px}.case-research h2{font-size:22px}}
.launch-card-head{padding-bottom:21px}
.launch-card-head p{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.product-tag{display:inline-flex;align-items:center;color:#7ee1e5;background:#102c33;border:1px solid #2b6770;padding:5px 9px;border-radius:6px;font-size:12px}
.post-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:30px;padding:28px 0 30px}
.post-layout-single{grid-template-columns:minmax(0,1fr)}
.post-layout-single .post-main p{max-width:850px}
.post-main h4,.post-side h4,.spread-section h4{margin:0 0 14px;color:#f0f8fa;font-size:18px}
.post-main p,.post-side,.spread-section p{font-size:14px;line-height:1.8;color:#adc3ca}
.post-main p{margin:0 0 18px}
.post-side{background:#0c171d;border:1px solid #243d46;border-radius:12px;padding:24px;align-self:start}
.post-side ol{padding-left:22px;margin:0 0 20px}
.post-side li{padding:5px 0}
.post-side a,.inline-source{color:#6edce0;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.tweet-shell{background:#0b141a;border:1px solid #27444d;border-radius:13px;padding:12px;max-width:610px;min-height:120px}
.tweet-shell blockquote{margin:0;color:#cce0e5}
.tweet-shell blockquote a{color:#70d7dc}
.tweet-shell iframe{max-width:100%!important}
.spread-section{border-top:1px solid var(--line);padding-top:28px}
.spread-note{margin:-5px 0 20px}
.spread-graph{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);align-items:stretch;gap:32px;margin:22px 0 27px}
.graph-origin,.graph-node{border:1px solid #346571;border-radius:12px;background:#0e2930;padding:17px 19px;display:flex;flex-direction:column;gap:6px;line-height:1.5}
.graph-origin{justify-content:center;position:relative;color:#83e8e7;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.graph-origin:after{content:"→";position:absolute;right:-24px;top:50%;transform:translateY(-50%);font-size:22px;color:#3ba6ae}
.graph-origin strong{font-size:19px;letter-spacing:0;color:#f1fafa;text-transform:none}
.graph-origin small,.graph-node small{font-size:12px;color:#a6bec7;letter-spacing:0;text-transform:none}
.graph-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.graph-node{background:#101b22;border-color:#2d4851}
.graph-node span{font-size:11px;letter-spacing:.07em;color:#6dcbd0}
.graph-node a{font-size:17px;color:#eef8fa;font-weight:700}
.graph-node a:hover{color:#74e0e2}
.diffusion-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0;margin:24px 0 28px}
.flow-step{position:relative;min-width:0;min-height:244px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #2d4851;border-radius:14px;background:#101b22;padding:20px 19px;color:#e9f4f6}
.flow-step:not(:last-child):after{content:"→";position:absolute;left:calc(100% + 2px);top:50%;transform:translateY(-50%);width:18px;text-align:center;color:#43bdc4;font-size:24px;line-height:1}
.flow-start{background:#0e2930;border-color:#346571}
.flow-end{background:#112329;border-color:#346571}
.flow-step-label{color:#79d9dd;font-size:11px;font-weight:700;letter-spacing:.08em}
.flow-step strong{font-size:17px;line-height:1.35}
.flow-step>a,.flow-branch a{color:#eef8fa;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.flow-step>a:hover,.flow-branch a:hover{color:#74e0e2}
.flow-step>small,.flow-branch small{display:block;color:#a6bec7;font-size:12px;line-height:1.55}
.flow-branch{width:100%;padding-top:10px;border-top:1px solid #29414a}
.flow-branch span{font-size:13px;font-weight:700}
.flow-branch small{margin-top:4px}
.flow-end p{margin:0;font-size:13px;line-height:1.6}
.flow-end>small{margin-top:auto}
.creator-posts{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr);gap:20px}
.creator-posts>div{background:#0d181e;border:1px solid #263d46;border-radius:12px;padding:20px;min-width:0}
.creator-posts h5{color:#e9f4f6;font-size:16px;margin:0 0 7px}
.creator-posts p{margin:0 0 16px}
.creator-posts .tweet-shell{padding:8px}
@media(max-width:900px){.diffusion-flow{grid-template-columns:1fr;gap:27px}.flow-step{min-height:0}.flow-step:not(:last-child):after{content:"↓";left:50%;top:calc(100% + 3px);transform:translateX(-50%)}}
@media(max-width:820px){.post-layout,.creator-posts{grid-template-columns:1fr}.spread-graph{grid-template-columns:1fr;gap:20px}.graph-origin:after{content:"↓";right:auto;left:50%;top:auto;bottom:-24px;transform:translateX(-50%)}}
@media(max-width:560px){.category-filter{gap:8px}.category-filter button{padding:9px 12px;font-size:13px}.post-layout{gap:20px;padding:22px 0}.post-side{padding:18px}.spread-graph{margin:18px 0}.graph-branches{grid-template-columns:1fr}.creator-posts>div{padding:14px}.tweet-shell{padding:6px;overflow:hidden}}
@media(max-width:650px){.launch-result{display:block;padding:22px 20px}.launch-result h3{font-size:19px}.result-action{display:inline-block;margin-top:15px}}
@media(max-width:560px){.launch-detail{padding-top:24px}}
