/* Home explorations — stage chrome (forked from platform/pl.css) + home-screen forks. */
.eh-stage{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}
.eh-bar{height:52px;flex:none;background:#050301;color:#fff;display:flex;align-items:center;gap:20px;padding:0 20px;font-size:13px}
.eh-bar__t{font-weight:700;font-size:14px;letter-spacing:-.01em}
.eh-bar__sp{flex:1}
.eh-bar label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:12px}
.eh-bar input[type=range]{width:110px;accent-color:#82bc62}
.eh-scroll{flex:1;min-height:0;overflow:auto;padding:28px}
.eh-row{display:flex;gap:28px;align-items:flex-start;width:max-content}
.eh-art{display:flex;flex-direction:column;gap:10px}
.eh-art__head{display:flex;align-items:baseline;gap:10px;padding:0 2px}
.eh-art__n{font-size:11px;font-weight:700;letter-spacing:.1em;color:#636c79}
.eh-art__t{font-size:16px;font-weight:700;letter-spacing:-.01em}
.eh-art__d{font-size:12px;color:#636c79;line-height:1.5;text-wrap:pretty;padding:0 2px;max-width:640px}
.eh-art__f{margin-left:auto;background:#fff;border:1px solid #ced6de;border-radius:900px;font:inherit;font-size:11px;font-weight:600;padding:4px 12px;cursor:pointer;color:#050301}
.eh-art__f:hover{background:#eef2f6}
.eh-art__vp{overflow:hidden;border-radius:14px;box-shadow:0 12px 34px rgba(5,3,1,.13),0 0 0 1px rgba(5,3,1,.07)}
.eh-art__inner{transform-origin:top left}
.eh-focus{position:fixed;inset:0;background:#e5ebf1;z-index:60;display:flex;flex-direction:column}
.eh-focus__bar{height:48px;flex:none;background:#050301;color:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:13px;overflow:hidden}
.eh-focus__bar button{background:rgba(255,255,255,.12);border:none;color:#fff;font:inherit;font-size:12px;font-weight:600;padding:6px 14px;border-radius:900px;cursor:pointer;white-space:nowrap;flex:none}
.eh-focus__cap{color:rgba(255,255,255,.55);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eh-focus__body{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px}
.eh-fit{transform-origin:top center}

/* ---------- frame: the platform shell ---------- */
.eh-frame{width:1360px;height:860px;background:#f6fafd;display:flex;flex-direction:column;font-family:'PP Telegraf',sans-serif;color:#050301}
.eh-top{height:52px;flex:none;background:#fff;border-bottom:1px solid #e5ebf1;display:flex;align-items:center;gap:12px;padding:0 18px}
.eh-top__logo{font-weight:700;font-size:14px;letter-spacing:.02em}
.eh-top__logo b{color:#3a8518}
.eh-top__brand{font-size:11px;font-weight:600;color:#636c79;border:1px solid #e5ebf1;border-radius:900px;padding:3px 10px}
.eh-top__sp{flex:1}
.eh-top__user{width:30px;height:30px;border-radius:900px;background:#e8f1e2;color:#3a8518;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.eh-body{flex:1;min-height:0;display:flex}
.eh-nav{width:56px;flex:none;background:#fff;border-right:1px solid #e5ebf1;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px}
.eh-nav__b{width:38px;height:38px;border-radius:10px;border:none;background:transparent;color:#636c79;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}
.eh-nav__b:hover{background:#eef2f6}
.eh-nav__b.on{background:#050301;color:#fff}
.eh-main{position:relative;flex:1;min-width:0;overflow:auto;display:flex;justify-content:center}
.eh-lab-row{display:flex;align-items:center;gap:12px;align-self:flex-start;margin:18px 0 10px}
.eh-lab-row .eh-lab{margin:0}
.eh-col{width:820px;max-width:calc(100% - 80px);padding:34px 0 14px;display:flex;flex-direction:column;align-items:center;gap:0}

/* hero + composer */
.eh-hi{font-size:13px;color:#636c79;margin-bottom:10px}
.eh-h{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:20px;text-align:center}
.eh-comp{width:100%;background:#fff;border:1px solid #dfe6ec;border-radius:16px;box-shadow:0 6px 22px rgba(5,3,1,.06);display:flex;flex-direction:column}
.eh-comp:focus-within{border-color:#3a8518;box-shadow:0 6px 22px rgba(58,133,24,.12)}
.eh-comp{position:relative}
.eh-comp.is-drag{border-color:#3a8518;box-shadow:0 6px 22px rgba(58,133,24,.14)}
.eh-comp__dragmsg{position:absolute;inset:1px;border-radius:15px;background:rgba(243,249,239,.94);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#2b6418;pointer-events:none}
.eh-comp__dragmsg i{font-size:16px}
.eh-comp__files{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 8px}
.eh-comp__file{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #e5ebf1}
.eh-comp__file img{width:100%;height:100%;object-fit:cover;display:block}
.eh-comp__file button{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:900px;border:none;background:rgba(5,3,1,.55);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.eh-comp textarea{border:none;background:transparent;resize:none;font:inherit;font-size:14.5px;line-height:1.55;color:#050301;padding:13px 18px 6px;min-height:54px;outline:none}
.eh-comp textarea::placeholder{color:#9aa4af}
.eh-comp__ft{display:flex;align-items:center;gap:8px;padding:10px 12px 12px}
.eh-iconb{position:relative;width:32px;height:32px;border-radius:9px;border:1px solid #e5ebf1;background:#fff;color:#636c79;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.eh-iconb:hover{background:#eef2f6}
/* Submit Intake / Build manually keep the green accent that marked them as
   study on-ramps before the move — the + and other composer icons stay grey. */
.eh-iconb[data-tip] i{color:#3a8518}
/* hover label for icon-only composer actions — the repo's `data-tip` ::after
   pattern (see finding-curation.css), centred above the button. */
.eh-comp__ft [data-tip]:hover::after,.eh-comp__ft [data-tip]:focus-visible::after{
  content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:#17110c;color:#fff;font:inherit;font-size:11px;font-weight:400;letter-spacing:0;white-space:nowrap;
  padding:5px 9px;border-radius:6px;z-index:40;pointer-events:none;box-shadow:0 8px 24px -6px rgba(5,3,1,.28)}
.eh-send{margin-left:auto;width:36px;height:36px;border-radius:900px;border:none;background:#3a8518;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.eh-send:hover{background:#2b6418}
.eh-send:disabled{background:#ced6de;cursor:default}
/* the timeline + decision-context dropdown */
.eh-tier{position:relative}
.eh-tier__b{display:flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:900px;border:1px solid #e5ebf1;background:#f6fafd;font:inherit;font-size:12px;font-weight:600;color:#050301;cursor:pointer;white-space:nowrap}
.eh-tier__b:hover{background:#eef2f6}
.eh-tier__b i{font-size:14px;color:#3a8518}
.eh-tier__b .chv{color:#9aa4af;font-size:13px}
.eh-tier__s{color:#636c79;font-weight:400}
.eh-tier__menu{position:absolute;bottom:40px;left:0;width:300px;background:#fff;border:1px solid #e5ebf1;border-radius:12px;box-shadow:0 14px 38px rgba(5,3,1,.16);padding:6px;z-index:30}
.eh-tier__h{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#636c79;padding:8px 10px 4px}
.eh-tier__o{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;font:inherit;text-align:left}
.eh-tier__o:hover{background:#eef2f6}
.eh-tier__o b{font-size:12.5px;font-weight:600;display:block}
.eh-tier__o span{font-size:11px;color:#636c79;display:block}
.eh-tier__o i{margin-left:auto;color:#3a8518;font-size:15px;visibility:hidden}
.eh-tier__o.on i{visibility:visible}

/* shared bits under the composer */
.eh-lab{font-size:10px;font-weight:700;letter-spacing:.13em;color:#636c79;margin:18px 0 10px;align-self:flex-start}
.eh-lab--c{align-self:center}

/* ---------- calendar milestone timeline ---------- */
.eh-scroll{display:flex;align-items:flex-start}
.eh-timeline{position:relative;display:flex;width:100%;padding:20px 4px 0}
.eh-timeline__track{position:absolute;left:26px;right:26px;top:42px;height:2px;background:#e5ebf1}
.eh-tl-item{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;font:inherit;padding:0 3px}
.eh-tl-node{width:44px;height:44px;border-radius:900px;background:#fff;border:1px solid #e5ebf1;display:flex;align-items:center;justify-content:center;font-size:18px;color:#636c79;flex:none}
.eh-tl-item:hover .eh-tl-node{border-color:#3a8518;color:#3a8518;background:#f3f9ef}
.eh-tl-item.on .eh-tl-node{border-color:#3a8518;background:#3a8518;color:#fff}
.eh-tl-label{font-size:11.5px;font-weight:600;line-height:1.25;text-align:center;color:#050301}
.eh-tl-item.on .eh-tl-label{color:#3a8518}

/* ---------- output-example panel (below the timeline, only when active) ---------- */
.eh-p{width:100%;margin-top:16px;background:#fff;border:1px solid #e5ebf1;border-radius:13px;padding:16px 18px 17px;display:flex;flex-direction:column;gap:12px}
.eh-p__hd{display:flex;flex-direction:column;gap:4px}
.eh-p__t{font-size:16.5px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.eh-p__def{font-size:12.5px;line-height:1.5;color:#636c79;text-wrap:pretty}
.eh-p__size{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.45;color:#3a8518;margin-top:2px;text-wrap:pretty}
.eh-p__size i{font-size:13px;flex:none;transform:translateY(1px)}
.eh-p__k{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#3a8518}
.eh-p__hr{height:1px;background:#e5ebf1;margin:1px 0}
.eh-sub{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#9aa4af}

/* three output pages */
.eh-pages{display:flex;gap:10px;margin-top:-4px}
.eh-pg{flex:1;min-width:0;background:#f6fafd;border:1px solid #e5ebf1;border-radius:10px;padding:11px 12px 12px;display:flex;flex-direction:column;gap:5px;height:158px}
.eh-pg__k{font-size:8.5px;font-weight:700;letter-spacing:.11em;color:#3a8518}
.eh-pg__t{font-size:11.5px;font-weight:600;line-height:1.35;letter-spacing:-.005em;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.eh-pg__g{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding-top:8px}

/* decision examples */
.eh-q{display:flex;flex-direction:column;gap:7px}
.eh-q__r{display:flex;gap:9px;align-items:baseline}
.eh-q__i{font-size:13px;color:#3a8518;flex:none;transform:translateY(1px)}
.eh-q__t{font-size:12.5px;line-height:1.4;color:#373534;text-wrap:pretty}

/* ---------- output-shape charts ---------- */
.v-rank{display:flex;flex-direction:column;gap:6px}
.v-rank__r{display:flex;align-items:center;gap:6px}
.v-rank__l{width:26px;height:4px;border-radius:900px;background:#dfe6ec;flex:none}
.v-rank__tr{flex:1;height:7px;border-radius:900px;background:#e9eff4;overflow:hidden}
.v-rank__tr i{display:block;height:100%;border-radius:900px;background:#3a8518}
.v-rank__r:nth-child(n+3) .v-rank__tr i{background:#a5cf8e}
.v-heat{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.v-heat span{height:15px;border-radius:3px;background:#3a8518;display:block}
.v-donut{display:flex;align-items:center;gap:10px}
.v-donut__r{width:56px;height:56px;border-radius:900px;flex:none;background:conic-gradient(#3a8518 0 46%,#a5cf8e 46% 68%,#dfe6ec 68% 100%);mask:radial-gradient(circle,transparent 52%,#000 53%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%)}
.v-donut__k{display:flex;flex-direction:column;gap:5px;flex:1}
.v-donut__k i{height:5px;border-radius:900px;background:#dfe6ec;display:block;width:76%}
.v-donut__k i:first-child{background:#a5cf8e;width:96%}
.v-db{display:flex;flex-direction:column;gap:11px;padding:4px 2px}
.v-db__r{position:relative;height:8px}
.v-db__ln{position:absolute;top:3px;height:2px;background:#dfe6ec;border-radius:900px}
.v-db__d{position:absolute;top:0;width:8px;height:8px;border-radius:900px;margin-left:-4px}
.v-db__d--a{background:#a5cf8e}
.v-db__d--b{background:var(--chart-purple)}
.v-range{display:flex;flex-direction:column;gap:8px;padding:2px}
.v-range__r{position:relative;height:8px}
.v-range__ln{position:absolute;top:3px;height:2px;background:#dfe6ec;border-radius:900px}
.v-range__b{position:absolute;top:0;height:8px;border-radius:3px;background:#3a8518}
.v-segbar{display:flex;flex-direction:column;gap:10px;padding:2px}
.v-segbar__r{position:relative;height:11px}
.v-segbar__b{position:absolute;left:0;top:0;height:11px;border-radius:3px}
.v-segbar__b--a{background:var(--chart-gray)}
.v-segbar__b--b{background:var(--chart-green)}
.v-segbar__b--c{background:var(--chart-yellow)}
.v-segbar__ln{position:absolute;top:5px;height:1.5px;border-radius:900px}
.v-segbar__ln--a{background:color-mix(in srgb,var(--chart-gray) 45%,transparent)}
.v-segbar__ln--b{background:color-mix(in srgb,var(--chart-green) 45%,transparent)}
.v-segbar__ln--c{background:color-mix(in srgb,var(--chart-yellow) 45%,transparent)}
.v-choice{display:flex;flex-direction:column;gap:6px}
.v-choice__row{display:flex;align-items:center;gap:6px;border:1px solid #e5ebf1;border-radius:6px;padding:5px}
.v-choice__img{width:16px;height:16px;border-radius:4px;background:#e9eff4;flex:none}
.v-choice__lines{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.v-choice__l1{width:70%;height:5px;border-radius:900px;background:#dfe6ec}
.v-choice__l2{width:45%;height:4px;border-radius:900px;background:#e9eff4}
.v-choice__cta{width:30px;height:10px;border-radius:3px;background:#3a8518;flex:none}
.v-reach{position:relative}
.v-reach__plot{display:flex;gap:5px;align-items:flex-end;height:46px;position:relative}
.v-reach__col{flex:1;position:relative;height:100%}
.v-reach__gray{position:absolute;left:0;width:48%;bottom:0;background:var(--chart-gray);border-radius:2px 2px 0 0}
.v-reach__purple{position:absolute;left:52%;width:48%;background:var(--chart-purple);border-radius:2px}
.v-markets{display:flex;flex-direction:column;gap:10px;padding:1px;align-items:center;justify-content:center;height:100%}
.v-markets__r{display:flex;align-items:center;gap:6px;justify-content:center;width:100%}
.v-markets__tag{display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:600;color:#636c79;border:1px solid #e5ebf1;border-radius:900px;padding:1px 4px;white-space:nowrap;flex:none}
.v-markets__flag{font-style:normal;font-size:10px;line-height:1}
.v-markets__chips{display:flex;gap:4px;align-items:center;flex:1;min-width:0}
.v-markets__c{flex:1;min-width:0;max-width:18px;height:11px;border-radius:3px}
.v-markets__c--g{background:#3a8518}
.v-markets__c--n{background:var(--chart-gray)}
.v-markets__c--y{background:var(--chart-yellow)}
.v-verdicts{display:flex;gap:5px}
.v-verdicts__card{flex:1;border:1px solid #e5ebf1;border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:4px}
.v-verdicts__dot{width:5px;height:5px;border-radius:900px}
.v-verdicts__dot--g{background:#3a8518}
.v-verdicts__dot--y{background:var(--chart-yellow)}
.v-verdicts__ln{height:4px;border-radius:900px;background:#dfe6ec;width:80%}
.v-verdicts__imgs{display:flex;gap:3px}
.v-verdicts__imgs i{flex:1;height:20px;border-radius:3px;background:#e9eff4;display:block}
.v-ibars{display:flex;gap:6px;align-items:stretch}
.v-ibars__box{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;border:1px solid #e5ebf1;border-radius:5px;padding:6px;background:#fbfdfe}
.v-ibars__dot{width:5px;height:5px;border-radius:900px;background:#3a8518;display:block}
.v-ibars__ln{display:block;height:4px;border-radius:900px;background:#dfe6ec}
.v-ibars__bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center;border:1px solid #e5ebf1;border-radius:5px;padding:6px}
.v-ibars__bars i{display:block;height:6px;border-radius:900px;background:#e9eff4;overflow:hidden}
.v-ibars__bars em{display:block;height:100%;border-radius:900px;background:#3a8518}
.v-deepdive{display:flex;flex-direction:column;gap:5px}
.v-deepdive__top{display:flex;gap:6px;align-items:flex-start}
.v-deepdive__img{position:relative;width:30px;height:34px;border-radius:4px;background:#e9eff4;flex:none}
.v-deepdive__badge{position:absolute;top:-3px;left:-3px;width:10px;height:10px;border-radius:900px;background:#3a8518;display:block}
.v-deepdive__ins{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.v-deepdive__ins i{display:flex;align-items:center;gap:4px}
.v-deepdive__ins em{width:3px;height:3px;border-radius:900px;background:#3a8518;flex:none}
.v-deepdive__ins b{height:4px;border-radius:900px;background:#dfe6ec}
.v-deepdive__cols{display:flex;gap:6px}
.v-deepdive__bars{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;border:1px solid #e5ebf1;border-radius:4px;padding:4px}
.v-deepdive__bars i{display:block;height:5px;border-radius:900px;background:#e9eff4;overflow:hidden}
.v-deepdive__bars em{display:block;height:100%;border-radius:900px;background:#3a8518}
.v-stack{display:flex;flex-direction:column;gap:7px}
.v-stack__r{display:flex;gap:2px;height:11px}
.v-stack__s{border-radius:2px;display:block}
.v-stack__s.s0{background:#3a8518}
.v-stack__s.s1{background:#a5cf8e}
.v-stack__s.s2{background:#e5ebf1}
.v-dots{position:relative;height:92px;width:100%}
.v-dots__ax{position:absolute;left:0;right:0;bottom:6px;height:1px;background:#e5ebf1}
.v-dots__ay{position:absolute;left:6px;top:0;bottom:6px;width:1px;background:#e5ebf1}
.v-dots__d{position:absolute;border-radius:900px;background:#a5cf8e}
.v-dots__d.on{background:#3a8518}
.v-line{width:100%;height:56px}
.v-venn{position:relative;height:88px}
.v-venn__c{position:absolute;top:8px;width:70px;height:70px;border-radius:900px}
.v-venn__c.a{left:50%;margin-left:-58px;background:rgba(58,133,24,.28)}
.v-venn__c.b{left:50%;margin-left:-12px;background:color-mix(in srgb,var(--chart-purple) 28%,transparent)}
.v-turf{display:flex;flex-direction:column;gap:8px}
.v-turf__lg{display:flex;gap:9px;font-size:7.5px;color:#636c79}
.v-turf__lg span{display:flex;align-items:center;gap:4px}
.v-turf__lg i{width:6px;height:6px;border-radius:2px;flex:none}
.v-turf__lg i.i{background:var(--chart-purple)}
.v-turf__lg i.c{background:var(--chart-gray)}
.v-turf__plot{display:flex;gap:4px;align-items:flex-end;height:46px}
.v-turf__col{flex:1;position:relative;height:100%}
.v-turf__cum{position:absolute;left:0;right:0;bottom:0;background:var(--chart-gray);border-radius:2px 2px 0 0}
.v-turf__inc{position:absolute;left:26%;right:-30%;background:var(--chart-purple);border-radius:2px}