
#jd-science-history{--ink:#152b4a;--muted:#647890;--line:#dae5f1;--accent:#126edd;--surface:#fff;--bg:#f7f9fc;--shadow:0 18px 50px rgba(18,51,91,.07)}
#jd-science-history *{box-sizing:border-box}#jd-science-history{scroll-behavior:smooth}#jd-science-history{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#f7f9fc 65%,#fff 100%)}#jd-science-history a{color:inherit;text-decoration:none}#jd-science-history button, #jd-science-history input{font:inherit}
#jd-science-history .header{height:68px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid #e5edf6}#jd-science-history .nav{width:min(1450px,calc(100% - 44px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}#jd-science-history .brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:850;letter-spacing:-.04em}#jd-science-history .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1549a0,#1794de);color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px;letter-spacing:-.04em}#jd-science-history .brand small{display:block;font-size:10px;letter-spacing:.09em;color:#7a90a6;font-weight:750;margin-top:2px}#jd-science-history .nav-links{display:flex;align-items:center;gap:23px;font-weight:700;font-size:13px;color:#536b86}#jd-science-history .nav-links a:hover{color:var(--accent)}#jd-science-history .nav-cta{padding:11px 15px;background:#175dc1;border-radius:999px;color:white!important}
#jd-science-history .wrap{width:min(1450px,calc(100% - 44px));margin:auto}#jd-science-history .eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:11px;color:#447ca9}#jd-science-history .hero{position:relative;overflow:hidden;margin:27px 0 22px;min-height:420px;border-radius:32px;border:1px solid #dce7f2;background:radial-gradient(ellipse at 78% 29%,rgba(91,177,241,.20),transparent 42%),radial-gradient(ellipse at 8% 100%,rgba(53,116,216,.11),transparent 45%),linear-gradient(120deg,#fff,#f5faff);box-shadow:var(--shadow);display:grid;grid-template-columns:1.04fr .96fr}#jd-science-history .hero-content{position:relative;padding:52px 48px;z-index:2}#jd-science-history .hero h1{font-size:clamp(40px,5vw,67px);letter-spacing:-.065em;line-height:1.02;margin:16px 0 17px;max-width:730px}#jd-science-history .hero p{font-size:17px;line-height:1.7;max-width:650px;color:#526e8d;margin:0}#jd-science-history .hero-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}#jd-science-history .action{border:1px solid #cfdff0;background:#fff;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800;cursor:pointer}#jd-science-history .action.primary{background:#175cc2;color:#fff;border-color:#175cc2}#jd-science-history .hero-art{position:relative;overflow:hidden;display:grid;place-items:center}#jd-science-history .hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#75bbf1 1px,transparent 1.5px) 0 0/24px 24px;opacity:.16}#jd-science-history .lattice{width:min(88%,510px);height:auto;overflow:visible;filter:drop-shadow(0 12px 22px rgba(45,105,177,.11))}#jd-science-history .orbit-path{stroke:#86b9e4;stroke-width:2;fill:none;stroke-dasharray:8 11;animation:dash 24s linear infinite}#jd-science-history .orb{fill:#fff;stroke-width:4;filter:drop-shadow(0 4px 6px rgba(20,64,139,.18))}#jd-science-history .hero-note{position:absolute;bottom:20px;right:22px;padding:12px 15px;background:#ffffffdd;backdrop-filter:blur(10px);border:1px solid #e1eaf5;border-radius:15px;color:#52718e;font-size:12px;font-weight:700}@keyframes dash{to{stroke-dashoffset:-300}}
#jd-science-history .metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:27px}#jd-science-history .metric{background:white;border:1px solid #e1eaf4;border-radius:17px;padding:20px 22px;box-shadow:0 9px 30px rgba(20,53,88,.035)}#jd-science-history .metric b{font-size:30px;letter-spacing:-.05em}#jd-science-history .metric span{display:block;margin-top:5px;font-size:12px;color:var(--muted);line-height:1.5}
#jd-science-history .section{background:rgba(255,255,255,.91);border-radius:29px;border:1px solid #e0e8f1;box-shadow:var(--shadow);padding:32px;margin:22px 0}#jd-science-history .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}#jd-science-history .section-head h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;line-height:1.12;margin:7px 0}#jd-science-history .section-head p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;max-width:800px}#jd-science-history .section-tag{color:#477ca8;font-weight:800;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
#jd-science-history .tech-view{background:linear-gradient(180deg,#fff,#f7faff);border:1px solid #e5eef6;border-radius:24px;padding:22px;position:relative;overflow:hidden}#jd-science-history .tech-world{min-height:490px;position:relative;overflow:hidden}#jd-science-history .map-backdrop{position:absolute;top:0;left:0;width:100%;height:235px;opacity:.44;pointer-events:none}#jd-science-history .map-backdrop path{fill:#e3effb;stroke:#cce1f4;stroke-width:1.1}#jd-science-history .tech-wave{position:absolute;left:5%;top:132px;width:90%;height:125px;z-index:1;pointer-events:none}#jd-science-history .tech-wave path{fill:none;stroke:#5699db;stroke-width:3.2;stroke-dasharray:10 11;animation:dash 17s linear infinite}#jd-science-history .tech-pulse{position:absolute;z-index:2;top:160px;width:15px;height:15px;border:4px solid #fff;border-radius:50%;background:#187bd5;box-shadow:0 0 0 7px rgba(31,130,218,.12),0 8px 15px rgba(20,84,150,.17);animation:beat 3s ease-in-out infinite}#jd-science-history .tech-pulse:nth-of-type(1){left:18%;top:188px}#jd-science-history .tech-pulse:nth-of-type(2){left:49%;top:150px;animation-delay:1s}#jd-science-history .tech-pulse:nth-of-type(3){left:79%;top:191px;animation-delay:2s}@keyframes beat{50%{box-shadow:0 0 0 15px rgba(31,130,218,.05),0 9px 19px rgba(20,84,150,.18)}}
#jd-science-history .domain-cards{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-top:232px}#jd-science-history .domain-card{--up:30px;position:relative;padding-top:var(--up)}#jd-science-history .domain-card:nth-child(2){--up:0px}#jd-science-history .domain-card:nth-child(3){--up:23px}#jd-science-history .domain-card:nth-child(4){--up:42px}#jd-science-history .domain-card:nth-child(5){--up:8px}#jd-science-history .domain-card:nth-child(6){--up:32px}#jd-science-history .domain-card:before{content:"";position:absolute;top:calc(var(--up) - 24px);left:50%;width:17px;height:17px;border-radius:50%;background:white;border:4px solid var(--color,#1470cc);box-shadow:0 0 0 6px rgba(33,110,190,.08);transform:translateX(-50%)}#jd-science-history .domain-card:after{content:"";position:absolute;top:calc(var(--up) - 8px);height:29px;width:2px;left:50%;background:#c6ddf2}#jd-science-history .domain-box{position:relative;min-height:265px;background:rgba(255,255,255,.92);border:1px solid #e0eaf5;border-radius:22px;padding:16px 14px;box-shadow:0 13px 34px rgba(18,53,91,.07);transition:transform .2s,box-shadow .2s}#jd-science-history .domain-box:hover{transform:translateY(-5px);box-shadow:0 16px 42px rgba(18,53,91,.13)}#jd-science-history .domain-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#fff,#edf5ff);border:1px solid #dbe8f6;display:grid;place-items:center;font-size:25px;color:var(--color,#165cbd);box-shadow:0 7px 16px rgba(23,100,188,.08)}#jd-science-history .domain-index{margin:14px 0 7px;color:var(--color,#165cbd);font-size:11px;font-weight:850;letter-spacing:.10em}#jd-science-history .domain-box h3{font-size:15px;line-height:1.18;letter-spacing:-.03em;margin:0 0 10px}#jd-science-history .domain-box p{font-size:12px;line-height:1.48;color:#6a7e95;margin:0 0 12px}#jd-science-history .topic-chips{display:flex;flex-wrap:wrap;gap:5px}#jd-science-history .topic-chips span{font-size:10px;background:#f1f6fc;border:1px solid #e1eaf5;padding:5px 7px;border-radius:999px;color:#44607d}#jd-science-history .domain-box button{border:0;background:none;padding:8px 0 0;color:#1662be;font-size:11px;font-weight:850;cursor:pointer}#jd-science-history .pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px}#jd-science-history .pager button{padding:10px 15px;background:#fff;border:1px solid #d9e5f2;border-radius:12px;cursor:pointer;font-size:12px;font-weight:800}#jd-science-history .pager button:disabled{opacity:.35;cursor:default}#jd-science-history .pager span{font-size:12px;color:#627b96}
#jd-science-history .explore{display:grid;grid-template-columns:1fr 1.15fr;gap:21px}#jd-science-history .search-area{background:#f7faff;border:1px solid #dfebf7;border-radius:22px;padding:24px}#jd-science-history .search-area h3{margin:0 0 10px;font-size:23px;letter-spacing:-.04em}#jd-science-history .search-area p{color:#687e96;font-size:13px;line-height:1.6}#jd-science-history .search-area input{width:100%;border:1px solid #d6e3f0;border-radius:13px;padding:14px 15px;margin:13px 0 8px;outline-color:#1b76d0;background:#fff}#jd-science-history .search-results{max-height:365px;overflow:auto;display:grid;gap:7px;padding-top:6px}#jd-science-history .search-result{width:100%;text-align:left;border:1px solid #e3edf7;background:white;border-radius:12px;padding:12px 13px;cursor:pointer;color:#264769;font-size:12px;font-weight:750}#jd-science-history .search-result:hover, #jd-science-history .search-result.active{background:#eaf4ff;border-color:#bad9f6}#jd-science-history .detail{border:1px solid #dfeaf5;border-radius:22px;padding:26px;background:linear-gradient(155deg,#fff,#f8fbff)}#jd-science-history .detail h3{margin:10px 0;font-size:27px;letter-spacing:-.04em}#jd-science-history .detail p{color:#637b97;font-size:13px;line-height:1.65}#jd-science-history .subtopics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:21px 0}#jd-science-history .subtopic{background:white;border:1px solid #e2ecf6;border-radius:12px;padding:12px;font-size:12px;font-weight:700;color:#365675;display:flex;gap:8px;align-items:center}#jd-science-history .subtopic:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#318fe1}#jd-science-history .detail-link{font-size:13px;color:#1269c4;font-weight:800}
#jd-science-history .timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative;margin-top:35px}#jd-science-history .timeline:before{content:"";position:absolute;left:3%;right:3%;top:21px;height:3px;background:linear-gradient(90deg,#17acc9,#2471d7,#845ced,#efab43);border-radius:99px}#jd-science-history .era{position:relative;padding-top:52px}#jd-science-history .era:before{content:"";position:absolute;top:12px;left:18px;width:19px;height:19px;background:#fff;border:5px solid var(--era);border-radius:50%;box-shadow:0 0 0 6px rgba(26,107,190,.09)}#jd-science-history .era-card{height:100%;border-radius:19px;background:linear-gradient(160deg,#fff,#f7faff);border:1px solid #e2ebf5;padding:17px;box-shadow:0 10px 26px rgba(30,70,111,.06)}#jd-science-history .era-card .year{font-weight:900;font-size:12px;color:var(--era);letter-spacing:.09em}#jd-science-history .era-card h3{font-size:17px;line-height:1.23;letter-spacing:-.025em}#jd-science-history .era-card p{font-size:12px;color:#71849b;line-height:1.58}#jd-science-history .era-card small{color:#71849b;font-size:10px}
#jd-science-history .pulse-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}#jd-science-history .pulse-side{border-radius:22px;padding:26px;background:linear-gradient(140deg,#103d75,#1478bb);color:white}#jd-science-history .pulse-side h3{font-size:27px;letter-spacing:-.05em;margin:10px 0}#jd-science-history .pulse-side p{font-size:13px;line-height:1.7;color:#d6e9ff}#jd-science-history .pulse-side strong{display:block;margin-top:18px;font-size:12px}#jd-science-history .seg{display:flex;gap:9px;margin-top:15px}#jd-science-history .seg button{background:#ffffff20;color:white;border:1px solid #ffffff55;border-radius:999px;padding:10px 16px;cursor:pointer;font-size:12px;font-weight:800}#jd-science-history .seg button.active{background:white;color:#15519a}#jd-science-history .pulse-feed{min-height:280px;border:1px solid #e3ebf4;border-radius:22px;position:relative;overflow:hidden;padding:15px;background:#f9fbfe}#jd-science-history .feed-entry{background:white;border:1px solid #e3ecf6;border-radius:15px;padding:15px;margin-bottom:10px}#jd-science-history .feed-entry .meta{font-size:10px;letter-spacing:.12em;font-weight:850;color:#678cb5;text-transform:uppercase}#jd-science-history .feed-entry h4{margin:6px 0 5px;letter-spacing:-.02em}#jd-science-history .feed-entry p{margin:0;font-size:12px;color:#617a95;line-height:1.55}#jd-science-history .loadmask{position:absolute;inset:0;background:#ffffffdf;backdrop-filter:blur(9px);z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s}#jd-science-history .loadmask.show{opacity:1;pointer-events:auto}#jd-science-history .four{display:grid;grid-template-columns:repeat(2,18px);gap:13px}#jd-science-history .four i{display:block;width:18px;height:18px;background:#efb952;border-radius:50%;animation:bump 1.1s infinite ease-in-out}#jd-science-history .four i:nth-child(2){animation-delay:.16s}#jd-science-history .four i:nth-child(3){animation-delay:.32s}#jd-science-history .four i:nth-child(4){animation-delay:.48s}@keyframes bump{0%,100%{transform:scale(.7);opacity:.4}50%{transform:scale(1);opacity:1}}#jd-science-history .loadmask span{margin-top:19px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.14em;color:#73839a}#jd-science-history .disclaimer{font-size:11px;line-height:1.6;color:#6c829a;margin-top:16px}#jd-science-history .footer{border-top:1px solid #e2eaf4;padding:30px 0 48px;color:#68819e;font-size:12px;display:flex;justify-content:space-between;gap:12px}
@media(max-width:1250px){#jd-science-history .domain-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:140px}#jd-science-history .tech-wave{top:80px}#jd-science-history .tech-world{min-height:600px}#jd-science-history .domain-card:nth-child(n){--up:0px}#jd-science-history .domain-card:before, #jd-science-history .domain-card:after{display:none}#jd-science-history .timeline{grid-template-columns:repeat(3,minmax(0,1fr))}#jd-science-history .timeline:before{display:none}}
@media(max-width:900px){#jd-science-history .hero{grid-template-columns:1fr}#jd-science-history .hero-art{height:220px}#jd-science-history .hero-content{padding:36px 28px}#jd-science-history .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#jd-science-history .explore, #jd-science-history .pulse-layout{grid-template-columns:1fr}#jd-science-history .nav-links a:not(.nav-cta){display:none}}
@media(max-width:640px){#jd-science-history .wrap, #jd-science-history .nav{width:calc(100% - 22px)}#jd-science-history .section{padding:18px;border-radius:23px}#jd-science-history .hero h1{font-size:39px}#jd-science-history .domain-cards{grid-template-columns:1fr 1fr;padding-top:105px}#jd-science-history .domain-box{min-height:260px}#jd-science-history .tech-wave{top:38px}#jd-science-history .tech-world{min-height:800px}#jd-science-history .timeline{grid-template-columns:1fr 1fr}#jd-science-history .subtopics{grid-template-columns:1fr}#jd-science-history .metric b{font-size:24px}#jd-science-history .section-head{display:block}#jd-science-history .nav{gap:8px}#jd-science-history .brand{font-size:14px}#jd-science-history .header{height:63px}#jd-science-history .nav-cta{padding:9px 11px}#jd-science-history .footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){#jd-science-history *, #jd-science-history *:before, #jd-science-history *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#jd-science-history .header{display:none!important}
#jd-science-history{background:transparent!important}
#jd-science-history .wrap{width:min(1410px,calc(100% - 26px))}
@media(prefers-reduced-motion:reduce){#jd-science-history *, #jd-science-history *::before, #jd-science-history *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

#jd-science-history{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#152b4a;background:transparent;overflow:clip} #jd-science-history .wrap{max-width:1450px} #jd-science-history .header,#jd-science-history .footer{display:none!important}

#jd-science-history .pulse-eyebrow-light{color:#b9d7fa}#jd-science-history .pulse-footnote{font-size:11px;margin-top:23px}

/* v61.12.271 — full-bleed journal History and image-backed configurable hero */

#jd-science-history.jd-history-shell{width:100%;max-width:none;display:block;padding:0 0 42px;overflow-x:clip}
#jd-science-history .wrap{width:100%!important;max-width:none!important;padding:0 clamp(14px,2vw,44px);margin:0 auto}
#jd-science-history .hero.jd-history-hero{position:relative;isolation:isolate;min-height:clamp(490px,45vw,690px);overflow:hidden;max-width:none;margin:0 0 26px;border-radius:0 0 28px 28px;background:#092b4e;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
#jd-science-history .jd-history-hero-photo,#jd-science-history .jd-history-hero-shade{position:absolute;inset:0;pointer-events:none}
#jd-science-history .jd-history-hero-photo{z-index:-2;background-position:center;background-size:cover;filter:saturate(.92)}
#jd-science-history .jd-history-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,26,48,var(--history-shade,.48)) 0%,rgba(8,35,63,var(--history-shade,.48)) 52%,rgba(13,51,84,.34) 100%)}
#jd-science-history .jd-history-hero .hero-content{background:none!important;padding:clamp(42px,5vw,88px) clamp(24px,5vw,100px);z-index:1;color:#fff}
#jd-science-history .jd-history-hero h1{font-size:clamp(38px,4.9vw,76px);color:#fff;letter-spacing:-.055em;max-width:880px}
#jd-science-history .jd-history-hero .hero-content p{color:#e1edfc;max-width:660px}
#jd-science-history .jd-history-hero .eyebrow{color:#b5dcff;letter-spacing:.14em}
#jd-science-history .jd-history-hero .hero-art{position:relative;background:none!important;opacity:.85}
#jd-science-history .jd-history-hero .hero-note{background:rgba(6,28,51,.56);color:white;border-color:rgba(255,255,255,.3)}
#jd-science-history .jd-outlook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#jd-science-history .jd-outlook-card{border:1px solid #dce9f5;border-radius:20px;padding:24px;background:linear-gradient(150deg,#fff,#f5faff);box-shadow:0 12px 30px rgba(15,54,95,.06);display:flex;flex-direction:column;gap:11px}
#jd-science-history .jd-outlook-card>span{font-size:11px;letter-spacing:.12em;font-weight:800;color:#1877b8}
#jd-science-history .jd-outlook-card h3{font-size:20px;line-height:1.22;letter-spacing:-.03em;margin:0;color:#173558}
#jd-science-history .jd-outlook-card p{font-size:13px;line-height:1.7;color:#5f748f;flex:1;margin:0}
#jd-science-history .jd-outlook-card a{display:inline-flex;font-size:12px;line-height:1.45;font-weight:800;color:#176abd;text-decoration:none;border-top:1px solid #e3edf7;padding-top:14px}
#jd-science-history .jd-outlook-card a:hover{text-decoration:underline}
@media(max-width:950px){#jd-science-history .jd-outlook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#jd-science-history .hero.jd-history-hero{grid-template-columns:1fr}#jd-science-history .jd-history-hero .hero-art{display:none}}
@media(max-width:620px){#jd-science-history .jd-outlook-grid{grid-template-columns:1fr}#jd-science-history .jd-history-hero h1{font-size:clamp(34px,9vw,48px)}#jd-science-history .jd-history-hero .hero-content{padding:38px 24px}#jd-science-history .hero.jd-history-hero{min-height:440px}}
#jd-science-history .jd-outlook{position:relative}

/* v61.12.272 premium neural hero and journal layout */
#jd-science-history .jd-history-hero{margin-top:0!important}
#jd-science-history .jd-history-hero .hero-content{padding-top:clamp(74px,7.2vw,112px)!important}
#jd-science-history .jd-history-hero .eyebrow{position:relative;line-height:1.65;z-index:4;color:#d8eeff;font-size:clamp(11px,.95vw,14px)}
#jd-science-history .jd-history-hero .action:not(.primary){color:#f7fbff!important;background:rgba(13,42,78,.48)!important;border:1px solid rgba(255,255,255,.47)!important;backdrop-filter:blur(18px)}
#jd-science-history .jd-history-hero .action:not(.primary):hover{background:rgba(31,99,169,.64)!important}
#jd-science-history .jd-history-hero .hero-art{opacity:1;display:grid!important;place-items:center;pointer-events:none;min-width:0;overflow:visible}
#jd-science-history .jd-history-hero .hero-art:before{display:none!important}
#jd-science-history .jd-neural-brain{width:min(100%,670px);height:auto;max-height:500px;overflow:visible;filter:drop-shadow(0 0 19px rgba(62,182,249,.27))}
#jd-science-history .jd-neural-brain .synapse{fill:none;stroke:#83d9ff;stroke-width:.85;opacity:.38;stroke-linecap:round;animation:jd-synapse-glow 7s ease-in-out infinite;animation-delay:var(--delay)}
#jd-science-history .jd-neural-brain .neuron{fill:url(#jdNeuronCore);opacity:.72;filter:drop-shadow(0 0 4px rgba(110,225,255,.83));animation:jd-neuron-glow 5s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes jd-synapse-glow{0%,70%,100%{stroke:#83d9ff;opacity:.21}33%{stroke:#e5fbff;opacity:.81;stroke-width:1.4}}
@keyframes jd-neuron-glow{0%,100%{opacity:.43}35%{opacity:1;filter:drop-shadow(0 0 9px rgba(147,240,255,.98))}}
#jd-science-history .section{background:linear-gradient(140deg,rgba(255,255,255,.84),rgba(240,247,255,.74));border:1px solid rgba(183,211,239,.67);box-shadow:0 17px 48px rgba(24,75,127,.095);backdrop-filter:blur(20px)}
#jd-science-history #discovery-pulse{background:linear-gradient(135deg,rgba(233,245,255,.92),rgba(252,254,255,.86));border:1px solid #a9d1f6;box-shadow:0 20px 60px rgba(24,95,165,.15)}
#jd-science-history #discovery-pulse .section-head h2{font-size:clamp(34px,3.5vw,48px)}
#jd-science-history .pager{min-height:32px}#jd-science-history .pager span{font-weight:750}
@media(max-width:950px){#jd-science-history .jd-history-hero .hero-art{position:absolute;inset:16% -10% 5% 41%;opacity:.48}#jd-science-history .jd-history-hero .hero-content{z-index:3}#jd-science-history .jd-neural-brain{max-height:420px}}
@media(max-width:620px){#jd-science-history .jd-history-hero .hero-art{inset:38% -21% 3% 27%;opacity:.3}#jd-science-history .jd-history-hero .hero-content{padding-top:65px!important}}
@media(prefers-reduced-motion:reduce){#jd-science-history .jd-neural-brain .synapse,#jd-science-history .jd-neural-brain .neuron{animation:none!important}}
#jd-science-history .jd-neural-brain .jd-synapses,#jd-science-history .jd-neural-brain .jd-neurons{pointer-events:none}

/* v61.12.276 — unified journal glass design; full gallery, detailed two-position neural art */
#jd-science-history .hero.jd-history-hero{border-radius:32px;margin:12px 0 30px;box-shadow:0 22px 55px rgba(11,47,83,.16);border:1px solid rgba(212,234,251,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#jd-science-history .section{border-radius:28px} 
#jd-science-history .jd-neural-brain{filter:drop-shadow(0 12px 24px rgba(41,168,230,.32));max-height:490px}
#jd-science-history .jd-neural-brain .synapse{stroke:url(#jdBrainGradient);stroke-width:1.25;opacity:.56}
#jd-science-history .jd-neural-brain .neuron{opacity:.87}
#jd-science-history .jd-evolution-neural{float:right;width:clamp(240px,31vw,430px);margin:-16px 0 16px 32px;background:linear-gradient(145deg,rgba(229,245,255,.78),rgba(245,250,255,.3));border:1px solid rgba(194,221,244,.7);border-radius:28px;backdrop-filter:blur(12px);box-shadow:0 16px 44px rgba(26,77,122,.10);padding:12px;pointer-events:none}
#jd-science-history .jd-evolution-neural .jd-neural-brain{width:100%;max-height:325px}
#jd-science-history #history::after{content:'';display:block;clear:both}

@media(max-width:760px){#jd-science-history .jd-evolution-neural{float:none;width:min(100%,420px);margin:4px auto 25px}#jd-science-history .hero.jd-history-hero{border-radius:24px}}
@media(prefers-reduced-motion:reduce){#jd-science-history .jd-evolution-neural *{animation:none!important}}

/* v275 supplied photographic neural illustration; never force SVG-specific styling on IMG. */
#jd-science-history .jd-neural-brain-image{display:block;width:min(100%,690px);height:auto;max-height:510px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(7,30,61,.22));animation:jd-brain-ambient 9s ease-in-out infinite;transform-origin:center}
#jd-science-history .hero-art[hidden]{display:none!important}
@keyframes jd-brain-ambient{0%,100%{transform:translateY(0);opacity:.92}50%{transform:translateY(-9px);opacity:1}}
@media(prefers-reduced-motion:reduce){#jd-science-history .jd-neural-brain-image{animation:none!important}}
/* History hero settings: checkbox aligned with its explanatory label. */


/* v61.12.276: intentional, user-driven horizontal domain explorer. */
#jd-science-history #domainCards{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8eb5dc transparent;padding:230px 4px 20px;min-height:0;touch-action:pan-x pan-y;cursor:grab}
#jd-science-history #domainCards.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
#jd-science-history #domainCards .domain-card{flex:0 0 clamp(210px,17.4vw,270px);min-width:0;scroll-snap-align:start}
#jd-science-history .tech-world{min-height:0;overflow:hidden}
#jd-science-history .jd-domain-navigation{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0 4px}
#jd-science-history .jd-domain-navigation button{border-radius:50%;width:46px;height:46px;font-size:22px;line-height:1;background:rgba(255,255,255,.86);box-shadow:0 5px 22px rgba(25,90,160,.1)}
#jd-science-history .jd-domain-navigation button:not(:disabled):hover{background:#e9f4ff;border-color:#6eacdf}
#jd-science-history .jd-domain-navigation span{font-weight:700;text-align:center}
#jd-science-history #history .timeline{width:100%;clear:both}
@media(max-width:1250px){#jd-science-history #domainCards{padding-top:150px}#jd-science-history #domainCards .domain-card{flex-basis:clamp(210px,31vw,280px)}}
@media(max-width:640px){#jd-science-history #domainCards{padding-top:85px}#jd-science-history #domainCards .domain-card{flex-basis:min(77vw,280px)}#jd-science-history .jd-domain-navigation{gap:8px}#jd-science-history .jd-domain-navigation span{font-size:11px}}
/* v61.12.278: neural activity feature. The lights sit on the bright cells painted into
   jd-scientific-neural-brain-v275.webp - their coordinates were read from the artwork's own
   pixels - so the brain fires on its own network rather than under a floating layer.
   Pure CSS over inline SVG: script-src is 'self', and this section's existing
   prefers-reduced-motion rule already stops every animation here. */
#jd-science-history .jd-brain-feature-section{padding-top:4px}
#jd-science-history .jd-brain-feature{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;
  align-items:center;padding:36px 38px;border-radius:26px;overflow:hidden;
  background:linear-gradient(135deg,rgba(9,28,54,.97),rgba(14,42,86,.95) 52%,rgba(26,30,86,.97));
  border:1px solid rgba(140,190,255,.22);
  box-shadow:0 26px 60px rgba(10,35,70,.26), inset 0 1px 0 rgba(255,255,255,.12)}
#jd-science-history .jd-brain-feature:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 78% 42%, rgba(70,160,255,.2), transparent 62%)}
#jd-science-history .jd-brain-feature-copy{position:relative;z-index:1}
#jd-science-history .jd-brain-feature-copy .section-tag{color:#8ec8ff}
#jd-science-history .jd-brain-feature-copy h2{color:#fff;margin:6px 0 12px}
#jd-science-history .jd-brain-feature-copy p{color:#bcd5ef;line-height:1.72;margin:0 0 18px;max-width:46ch}
#jd-science-history .jd-brain-chips{display:flex;flex-wrap:wrap;gap:9px}
#jd-science-history .jd-brain-chip{padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;
  color:#dcefff;background:rgba(120,180,255,.14);border:1px solid rgba(140,190,255,.26)}
#jd-science-history .jd-brain-art{position:relative;z-index:1;display:grid;place-items:center;min-width:0}

/* Sharpness: no filter on the image. A CSS filter forces the browser to rasterise the
   element, and a drop-shadow on a 1536px artwork shown at half that width visibly softens
   it. The glow lives on the panel instead, and the artwork is drawn untouched. */
#jd-science-history .jd-brain-stack{position:relative;display:block;width:100%;max-width:560px;
  aspect-ratio:1536/1024;margin-inline:auto}
#jd-science-history .jd-brain-stack .jd-neural-brain-image{display:block;width:100%;height:100%;max-height:none;
  object-fit:contain;filter:none;image-rendering:auto}
#jd-science-history .jd-brain-activity{position:absolute;inset:0;z-index:2;width:100%;height:100%;
  pointer-events:none;overflow:visible}

#jd-science-history .jd-cell-bloom{opacity:0;transform-box:fill-box;transform-origin:center;
  animation:jd-cell-bloom var(--cell-dur) ease-in-out infinite;animation-delay:var(--cell-delay)}
#jd-science-history .jd-cell-halo{opacity:.24;transform-box:fill-box;transform-origin:center;
  animation:jd-cell-halo var(--cell-dur) ease-in-out infinite;animation-delay:var(--cell-delay)}
#jd-science-history .jd-cell-core{opacity:.4;transform-box:fill-box;transform-origin:center;
  animation:jd-cell-core var(--cell-dur) ease-in-out infinite;animation-delay:var(--cell-delay)}

/* A firing cell brightens fast and decays slowly, the way a real trace does. */
@keyframes jd-cell-bloom{0%{opacity:0;transform:scale(.6)}
  18%{opacity:.9;transform:scale(1.1)}55%{opacity:.26;transform:scale(1.34)}100%{opacity:0;transform:scale(.6)}}
@keyframes jd-cell-halo{0%{opacity:.16;transform:scale(.92)}
  18%{opacity:1;transform:scale(1.26)}60%{opacity:.34;transform:scale(1.02)}100%{opacity:.16;transform:scale(.92)}}
@keyframes jd-cell-core{0%{opacity:.35;transform:scale(.9)}
  16%{opacity:1;transform:scale(1.35)}58%{opacity:.5;transform:scale(1)}100%{opacity:.35;transform:scale(.9)}}

/* A signal runs the length of a fibre and dies at the far cell. */
#jd-science-history .jd-signal{fill:none;stroke-width:4.2;stroke-linecap:round;opacity:0;
  stroke-dasharray:38 2000;
  animation:jd-signal-travel var(--sig-dur) cubic-bezier(.45,.05,.4,1) infinite;animation-delay:var(--sig-delay)}
@keyframes jd-signal-travel{0%{stroke-dashoffset:38;opacity:0}10%{opacity:.95}72%{opacity:.85}
  100%{stroke-dashoffset:calc(-1 * var(--sig-len) * 1px);opacity:0}}

#jd-science-history .jd-brain-cells,#jd-science-history .jd-brain-signals,#jd-science-history .jd-cell{pointer-events:none}

@media(max-width:900px){
  #jd-science-history .jd-brain-feature{grid-template-columns:1fr;gap:22px;padding:26px 22px}
  #jd-science-history .jd-brain-stack{max-width:430px}
}

/* v61.12.278: match the home page's chrome. The hero there is edge to edge with the fixed
   glass header laid over it; here the page was pushed down by 82px and the hero sat inside
   a 1240px shell with rounded corners - a leftover from the v61.12.268 iframe layout that
   I added and that no longer has a reason to exist. */
.jd-public-main.jd-history-main{padding-top:0!important}
#jd-science-history .hero.jd-history-hero{
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  border-radius:0;margin-top:0}
/* The header is position:fixed and overlays the hero, exactly as on the home page, so the
   hero's own copy carries the clearance instead of the page. */
#jd-science-history .jd-history-hero .hero-content{padding-top:clamp(124px,13vw,190px)}
@media(max-width:760px){#jd-science-history .jd-history-hero .hero-content{padding-top:clamp(118px,24vw,150px)}}

/* v61.12.280: integrated scientific neural artwork and 16-field source-linked research digest */
#jd-science-history #discovery-pulse .pulse-layout{display:block}
#jd-science-history #discovery-pulse .pulse-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:18px;background:linear-gradient(120deg,#0b2347,#123e74 58%,#202e6b);border:1px solid rgba(140,192,255,.35);box-shadow:0 18px 48px rgba(18,48,95,.16);overflow:hidden;min-height:300px}
#jd-science-history #discovery-pulse .pulse-copy{position:relative;z-index:1;min-width:0}
#jd-science-history #discovery-pulse .jd-pulse-brain{min-width:0;display:flex;align-items:center;justify-content:center;max-height:360px;overflow:hidden}
#jd-science-history #discovery-pulse .jd-pulse-brain[hidden]{display:none}
#jd-science-history #discovery-pulse .jd-brain-art{width:100%;max-width:520px;min-width:0}
#jd-science-history #discovery-pulse .jd-brain-stack{width:100%;max-width:520px}
#jd-science-history #discovery-pulse .pulse-feed{margin-top:18px;background:transparent;border:0;padding:0;overflow:visible;min-height:0}
#jd-science-history #discovery-pulse #feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#jd-science-history #discovery-pulse .feed-entry{margin:0;padding:20px;border-radius:18px;background:linear-gradient(145deg,#ffffff,#f4f8ff);box-shadow:0 7px 25px rgba(28,58,99,.05);display:flex;flex-direction:column;gap:4px}
#jd-science-history #discovery-pulse .feed-entry h4{font-size:17px;line-height:1.3}
#jd-science-history #discovery-pulse .feed-entry p{font-size:13px;flex:1}
#jd-science-history #discovery-pulse .jd-pulse-source{display:inline-flex;align-self:flex-start;margin-top:12px;color:#145b9f;font-weight:750;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(20,91,159,.3);overflow-wrap:anywhere}
#jd-science-history #discovery-pulse .jd-pulse-source:hover,#jd-science-history #discovery-pulse .jd-pulse-source:focus-visible{color:#073e75;border-color:currentColor}
#jd-science-history #discovery-pulse .pulse-footnote{font-size:11px;color:#c9e1fb}
@media(max-width:850px){#jd-science-history #discovery-pulse .pulse-side{grid-template-columns:1fr}#jd-science-history #discovery-pulse .jd-pulse-brain{max-height:280px}#jd-science-history #discovery-pulse #feed{grid-template-columns:1fr}}

/* Discovery Pulse progressive disclosure: six highlights until explicitly expanded. */
#jd-science-history #discovery-pulse .jd-pulse-expand{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,420px);margin:22px auto 4px;padding:15px 24px;border:1px solid rgba(46,112,190,.28);border-radius:16px;background:linear-gradient(130deg,rgba(255,255,255,.92),rgba(225,239,255,.90));box-shadow:0 10px 28px rgba(24,75,130,.09),inset 0 1px 0 #fff;color:#164477;font-size:14px;font-weight:800;line-height:1.3;letter-spacing:.01em;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;backdrop-filter:blur(14px)}
#jd-science-history #discovery-pulse .jd-pulse-expand:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(24,75,130,.16);border-color:#619aca}
#jd-science-history #discovery-pulse .jd-pulse-expand:focus-visible{outline:3px solid #2076bc;outline-offset:3px}
#jd-science-history #discovery-pulse .jd-pulse-expand[hidden]{display:none}
#jd-science-history #discovery-pulse .jd-pulse-extra-count{color:#597c9f;font-size:12px;font-weight:650}
@media(prefers-reduced-motion:reduce){#jd-science-history #discovery-pulse .jd-pulse-expand{transition:none}#jd-science-history #discovery-pulse .jd-pulse-expand:hover{transform:none}}
