.research-explorer{--ink:#f3efff;--muted:#beb4d2;--purple:#c7a7ff;--line:#504364;--surface:#191323;color:var(--ink);background:#100c18;border:1px solid #31263f;border-radius:8px;padding:clamp(1rem,3vw,2.5rem);font-family:DM Sans Variable,sans-serif;line-height:1.6}.research-explorer *{box-sizing:border-box}.research-explorer [hidden]{display:none!important}.research-explorer h1,.research-explorer h2,.research-explorer h3,.research-explorer h4{color:var(--ink);letter-spacing:-.025em;line-height:1.2}.research-explorer h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500}.research-explorer h1 em{color:var(--purple);font-style:normal}.research-explorer h2{margin:0;font-size:1.45rem}.research-explorer h3{margin:.5rem 0;font-size:1.15rem}.research-explorer h4{margin:1.5rem 0 .4rem;font-size:1rem}.research-explorer p{margin:.65rem 0 1rem}.research-explorer a{color:var(--purple);text-underline-offset:.2em}.research-explorer button,.research-explorer input,.research-explorer select,.research-explorer textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;max-width:100%;padding:.6rem .8rem}.research-explorer button{cursor:pointer;min-height:44px}.research-explorer button:hover{border-color:var(--purple);background:#30213f}.research-explorer button[aria-pressed=true]{border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple);background:#37214e}.research-explorer :focus-visible{outline-offset:4px;outline:3px solid #f1b5dd}.research-explorer .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:.68rem DM Mono,monospace}.research-explorer .muted{color:var(--muted);font-size:.85rem}.explorer-intro{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.sample-note{border-left:1px solid var(--line);max-width:250px;color:var(--muted);padding-left:2rem;font-size:.8rem}.sample-note strong{color:var(--purple);font-size:3rem;font-weight:400;line-height:1.1}.sample-note span{margin-top:.7rem;display:block}.entry-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.entry-grid button{text-align:left;background:linear-gradient(135deg,#2a1c3d,#191323);flex-direction:column;gap:.65rem;padding:1rem 1rem 1.5rem;display:flex;position:relative}.entry-grid strong{padding-right:1rem;font-size:1.05rem;line-height:1.3}.entry-grid button>span:not(.eyebrow):not(.entry-arrow){color:var(--muted);font-size:.8rem}.entry-arrow{color:#e4a0ce;position:absolute;top:.8rem;right:.8rem}.explorer-filters{align-items:end;gap:1rem;margin:1.5rem 0;display:flex}.explorer-filters label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.explorer-filters label:first-child{flex:1}.explorer-filters input{width:100%}.explorer-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 0;display:flex}.explorer-toolbar p{color:var(--muted);max-width:60%;margin:0;font-size:.8rem}.view-switch{gap:.4rem;font-size:.8rem;display:flex}.explorer-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem;display:grid}.section-label{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-label button{font-size:.8rem}.pattern-grid{background-image:linear-gradient(#b78bec0b 1px,#0000 1px),linear-gradient(90deg,#b78bec0b 1px,#0000 1px);background-size:22px 22px;border:1px solid #352644;border-radius:7px;grid-template-columns:1fr 1fr;gap:.9rem;padding:1rem;display:grid}.pattern-node{text-align:left;flex-direction:column;gap:.6rem;transition:background .15s,border-color .15s;display:flex;position:relative}.pattern-node:nth-child(3n){grid-column:1/-1;margin-inline:12%}.pattern-node strong{font-size:.95rem;font-weight:500;line-height:1.3}.pattern-node>span:last-child{color:var(--muted);font-size:.75rem;line-height:1.45}.pattern-node i{background:var(--purple);border-radius:50%;width:7px;height:7px;margin-right:.6rem;display:inline-block}.pattern-node.outside-lens{border-style:dashed}.connections{border-left:2px solid #ad7dde;margin-top:1.5rem;padding:1rem 1rem 0;font-size:.85rem}.connections ul{padding-left:1rem}.connections button{text-align:left;color:var(--purple);font-size:.85rem}.case-results{min-width:0}#case-list{scrollbar-color:#795d99 #191323;max-height:1100px;padding:4px 8px 4px 4px;overflow-y:auto}.case-card{background:#1b1425;border:1px solid #453353;border-radius:6px;margin-bottom:.8rem;padding:1.2rem}.case-card h3 a{color:var(--ink);text-decoration:none}.case-card h3 a:hover{color:var(--purple);text-decoration:underline}.case-card>p:not(.eyebrow){color:var(--muted);font-size:.85rem}.case-patterns{align-items:center;gap:.4rem;display:flex}.case-patterns button{border-color:#725290;min-height:32px;padding:.3rem .5rem;font:.7rem DM Mono,monospace}.case-card footer{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.8rem;display:flex}.case-card footer span{color:var(--muted);font-size:.7rem}.case-card footer button{font-size:.75rem}.comparison{background:#21162f;border:1px solid #765293;border-radius:6px;margin-top:2rem;padding:1.3rem}.comparison>p{color:var(--muted);font-size:.85rem}.case-columns{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.comparison article{background:#17101f;border-radius:5px;min-width:0;padding:1rem;font-size:.85rem}.social-discovery{margin-top:2rem}.research-explorer summary{cursor:pointer;min-height:44px;color:var(--purple);padding:.65rem 0}.social-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.social-grid article{border:1px solid var(--line);border-radius:5px;padding:1rem;font-size:.85rem}.evidence{color:#dac7de;border-left:2px solid #dea1cb;padding-left:.8rem;font-size:.85rem}.explorer-data{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-top:2rem;padding-top:2rem;font-size:.85rem;display:grid}.explorer-data ul{padding-left:1rem}.explorer-data li{margin-bottom:.7rem}.case-detail{max-width:900px;margin:auto}.case-detail h2{margin-top:1rem;font-size:2rem}.case-detail h3{margin-top:2rem}.case-detail li{margin-bottom:.5rem}.case-detail textarea{width:100%;margin:.5rem 0 1rem;font:.85rem/1.6 DM Mono,monospace;display:block}.source-date{border:1px solid var(--line);margin-top:.8rem;padding:1rem;font-size:.85rem}.source-date dl{flex-wrap:wrap;gap:1.5rem;display:flex}.source-date dd{color:var(--ink);margin:0}.source-date dt{color:var(--muted);font-size:.75rem}.source-date a{overflow-wrap:anywhere}.research-explorer[data-view=list] .pattern-grid{background:0 0;flex-wrap:wrap;display:flex}.research-explorer[data-view=list] .pattern-node{flex:210px;margin:0}.research-explorer[data-view=list] .pattern-node>span:last-child{display:none}.research-explorer[data-view=list] .connections{margin-bottom:2rem}.research-explorer[data-view=list] .case-results{margin-top:2rem}.research-explorer[data-view=list] .explorer-workspace{display:block}.research-explorer[data-view=list] #case-list{grid-template-columns:repeat(3,1fr);gap:.8rem;max-height:none;display:grid;overflow:visible}.research-explorer[data-view=list] .case-card{margin:0}@media (width>=72rem){html[data-has-hero] .sl-container{max-width:90rem}}@media (width<=60rem){.entry-grid{grid-template-columns:1fr 1fr}.explorer-workspace{grid-template-columns:1fr 1fr;gap:1rem}.explorer-data{grid-template-columns:1fr 1fr}.explorer-data>div:first-child{grid-column:1/-1}.pattern-grid{gap:.6rem;padding:.6rem}.pattern-node:nth-child(3n){margin-inline:0}.pattern-grid{grid-template-columns:1fr}.pattern-node:nth-child(3n){grid-column:auto}.research-explorer[data-view=list] #case-list{grid-template-columns:1fr 1fr}}@media (width<=42rem){.explorer-intro{display:block}.sample-note{display:none}.explorer-workspace{display:block}.pattern-grid{grid-template-columns:1fr 1fr}.pattern-node:nth-child(3n){grid-column:1/-1}.case-results{margin-top:1.5rem}#case-list{max-height:none;padding:4px;overflow:visible}.explorer-filters{flex-wrap:wrap}.explorer-filters label:first-child{flex-basis:100%}.explorer-filters label:nth-child(2){flex:1}.explorer-toolbar{flex-direction:column;align-items:start}.explorer-toolbar p{max-width:100%}.case-columns,.social-grid,.explorer-data,.research-explorer[data-view=list] #case-list{grid-template-columns:1fr}.entry-grid{gap:.5rem}.entry-grid button{padding:.8rem}.entry-grid strong{font-size:.95rem}.entry-grid .eyebrow{font-size:.6rem}.section-label{flex-wrap:wrap}.wide-only{display:none}}@media (prefers-reduced-motion:reduce){.research-explorer *{scroll-behavior:auto!important;transition:none!important}}