html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate;overflow-x:hidden}

/* =========================================================
   HIGH-TECH AMBIENT BACKGROUND
   Premium data-grid + circuit glow, theme-aware and subtle.
   ========================================================= */
.topo-bg{
  background-color:#F6F8F7;
  background-image:
    radial-gradient(circle at 18% 12%,rgba(23,124,89,.10),transparent 28rem),
    radial-gradient(circle at 88% 18%,rgba(14,116,144,.07),transparent 26rem),
    linear-gradient(rgba(23,124,89,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,124,89,.035) 1px,transparent 1px),
    linear-gradient(rgba(23,124,89,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,124,89,.018) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px,12px 12px,12px 12px;
  background-position:center;
}
.dark .topo-bg{
  background-color:#101513;
  background-image:
    radial-gradient(circle at 16% 10%,rgba(82,201,149,.13),transparent 30rem),
    radial-gradient(circle at 88% 16%,rgba(56,189,248,.08),transparent 28rem),
    linear-gradient(rgba(82,201,149,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,201,149,.05) 1px,transparent 1px),
    linear-gradient(rgba(82,201,149,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,201,149,.022) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px,12px 12px,12px 12px;
}

/* Digital scan/data layer */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.62;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(23,124,89,.07) 7% 7.12%,transparent 7.12% 26%,rgba(23,124,89,.045) 26% 26.08%,transparent 26.08% 68%,rgba(23,124,89,.045) 68% 68.08%,transparent 68.08%),
    linear-gradient(0deg,transparent 0 15%,rgba(23,124,89,.055) 15% 15.1%,transparent 15.1% 58%,rgba(23,124,89,.04) 58% 58.08%,transparent 58.08%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.25) 75%,transparent);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.25) 75%,transparent);
}
.dark body::before{
  opacity:.82;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(82,201,149,.11) 7% 7.12%,transparent 7.12% 26%,rgba(56,189,248,.065) 26% 26.08%,transparent 26.08% 68%,rgba(82,201,149,.07) 68% 68.08%,transparent 68.08%),
    linear-gradient(0deg,transparent 0 15%,rgba(82,201,149,.09) 15% 15.1%,transparent 15.1% 58%,rgba(56,189,248,.055) 58% 58.08%,transparent 58.08%);
}

/* Soft moving scanline and circuit nodes */
body::after{
  content:"";
  position:fixed;
  inset:-35% -10%;
  z-index:0;
  pointer-events:none;
  opacity:.45;
  background:
    radial-gradient(circle at 22% 30%,rgba(23,124,89,.22) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 23%,rgba(14,116,144,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 66%,rgba(23,124,89,.20) 0 1px,transparent 2px),
    linear-gradient(112deg,transparent 42%,rgba(23,124,89,.06) 49%,rgba(23,124,89,.12) 50%,rgba(23,124,89,.06) 51%,transparent 58%);
  background-size:180px 180px,240px 240px,210px 210px,100% 100%;
  animation:techDrift 18s linear infinite;
}
.dark body::after{
  opacity:.65;
  background:
    radial-gradient(circle at 22% 30%,rgba(82,201,149,.33) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 23%,rgba(56,189,248,.23) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 66%,rgba(82,201,149,.28) 0 1px,transparent 2px),
    linear-gradient(112deg,transparent 42%,rgba(82,201,149,.055) 49%,rgba(82,201,149,.13) 50%,rgba(82,201,149,.055) 51%,transparent 58%);
  background-size:180px 180px,240px 240px,210px 210px,100% 100%;
}
@keyframes techDrift{0%{transform:translate3d(-1.5%,-1%,0)}50%{transform:translate3d(1.5%,1%,0)}100%{transform:translate3d(-1.5%,-1%,0)}}

/* Glass treatment makes content readable over the high-tech canvas */
header{box-shadow:0 8px 30px rgba(15,23,42,.035)}
.dark header{box-shadow:0 8px 30px rgba(0,0,0,.16)}
main{position:relative;z-index:1}
body>footer{position:relative;z-index:1}

/* Subtle tech edge on key content surfaces without changing markup */
main .bg-light-surface,
main .dark\:bg-dark-surface{
  backdrop-filter:saturate(120%);
}

.theme-choice.active{background:#fff;color:#17201D;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.dark .theme-choice.active{background:#29332E;color:#EDF2EF}
.content-prose p{margin:0 0 1rem;line-height:1.75}
.content-prose h2,.content-prose h3{font-weight:700;margin:1.5rem 0 .75rem}
.content-prose ul{list-style:disc;padding-left:1.25rem;margin-bottom:1rem}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
.dark .admin-table th,.dark .admin-table td{border-color:#29332E}
.flash{padding:.75rem 1rem;border-radius:.75rem;margin-bottom:1rem}
.flash-success{background:#ecfdf5;color:#065f46}
.flash-error{background:#fef2f2;color:#991b1b}

/* Respect accessibility preference */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body::after{animation:none}
}

@media (max-width:640px){
  .topo-bg{background-size:auto,auto,38px 38px,38px 38px,10px 10px,10px 10px}
  body::after{opacity:.32}
  .dark body::after{opacity:.45}
}


/* =========================================================
   V3 — PREMIUM INTERACTIVE FRONTEND + ROBUST DUAL THEME
   ========================================================= */
.theme-boot *{transition:none!important}
:root{--tech-accent:#11845d;--tech-accent-2:#0e7490;--tech-ink:#12201b;--tech-panel:rgba(255,255,255,.82);--tech-panel-solid:#fff;--tech-muted:#64716c;--tech-border:rgba(31,62,50,.13);--tech-glow:rgba(17,132,93,.16)}
html.dark{color-scheme:dark;--tech-accent:#58d7a0;--tech-accent-2:#55c7e8;--tech-ink:#edf6f1;--tech-panel:rgba(17,25,21,.82);--tech-panel-solid:#151d19;--tech-muted:#9baba3;--tech-border:rgba(118,156,138,.20);--tech-glow:rgba(88,215,160,.16)}
html.light{color-scheme:light}

/* Force core theme colors even if CDN dark utilities are stale/unavailable. */
html.dark body{background-color:#0a100e!important;color:#edf6f1!important}
html.dark .topo-bg{background-color:#0a100e!important}
html.dark .site-header{background:rgba(12,18,15,.91)!important;border-color:#26352e!important;color:#edf6f1!important}
html.dark footer{background:rgba(12,18,15,.78)!important;border-color:#26352e!important;color:#edf6f1!important}
html.dark .bg-light-surface{background-color:#151d19!important}
html.dark .bg-light-bg{background-color:#0f1713!important}
html.dark .text-light-text{color:#edf6f1!important}
html.dark .text-light-muted{color:#9baba3!important}
html.dark .text-light-accent{color:#58d7a0!important}
html.dark .border-light-border{border-color:#293a32!important}
html.dark input,html.dark textarea,html.dark select{color:#edf6f1;background-color:#111a16;border-color:#293a32}

.site-header{background:rgba(255,255,255,.88)!important;box-shadow:0 12px 40px rgba(19,42,33,.05);position:sticky}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--tech-accent),var(--tech-accent-2),transparent);opacity:.18}
html.dark .site-header:after{opacity:.35}
.theme-switch{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 6px 20px rgba(19,42,33,.05)}
.theme-choice{position:relative;min-width:67px;color:var(--tech-muted);transition:.2s ease}
.theme-choice.active{background:var(--tech-panel-solid)!important;color:var(--tech-ink)!important;box-shadow:0 4px 14px rgba(10,20,15,.08)!important}
html.dark .theme-choice.active{background:#24332b!important;color:#f1fff7!important;box-shadow:0 0 0 1px rgba(88,215,160,.18),0 5px 18px rgba(0,0,0,.22)!important}

.home-tech-shell{position:relative}
.tech-kicker-row{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--tech-muted);font-size:11px;letter-spacing:.18em;font-weight:700}
.tech-status{display:inline-flex;align-items:center;gap:9px}.tech-status i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--tech-accent);box-shadow:0 0 0 5px var(--tech-glow);animation:techPulse 2.2s ease-in-out infinite}
.tech-code{opacity:.7}@keyframes techPulse{50%{box-shadow:0 0 0 8px transparent;opacity:.75}}

.hero-tech-panel{background:linear-gradient(145deg,var(--tech-panel-solid),var(--tech-panel));box-shadow:0 24px 80px rgba(17,52,39,.08);min-height:620px;isolation:isolate}
html.dark .hero-tech-panel{background:linear-gradient(145deg,rgba(23,32,27,.96),rgba(14,22,18,.88));box-shadow:0 28px 90px rgba(0,0,0,.32),inset 0 0 0 1px rgba(88,215,160,.04)}
.hero-tech-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 18%,rgba(17,132,93,.035) 18% 18.25%,transparent 18.25% 82%,rgba(14,116,144,.04) 82% 82.2%,transparent 82.2%),linear-gradient(transparent 0 34%,rgba(17,132,93,.035) 34% 34.18%,transparent 34.18%);z-index:0}
.hero-tech-panel:after{content:"JA";position:absolute;right:-8px;bottom:-34px;font-weight:800;font-size:190px;letter-spacing:-.08em;color:var(--tech-accent);opacity:.035;z-index:0;line-height:1}
.hero-orbit{position:absolute;width:330px;height:330px;border:1px solid var(--tech-border);border-radius:50%;right:-155px;top:-125px;opacity:.8}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px dashed var(--tech-border);border-radius:50%;inset:32px}.hero-orbit:after{inset:72px;border-style:solid;opacity:.65}
.hero-avatar{width:74px;height:88px;object-fit:cover;object-position:center 18%;border-radius:16px;border:1px solid var(--tech-border);box-shadow:0 14px 35px rgba(10,30,22,.12)}
.hero-title{font-size:clamp(2.55rem,4.25vw,4.65rem);line-height:.89;color:var(--tech-ink)}
.primary-tech-btn,.secondary-tech-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:700;transition:.25s ease}
.primary-tech-btn{background:var(--tech-ink);color:var(--tech-panel-solid);box-shadow:0 12px 28px rgba(17,42,32,.12)}
html.dark .primary-tech-btn{background:#ecfff5;color:#0d1712}.primary-tech-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(17,132,93,.18)}
.secondary-tech-btn{border:1px solid var(--tech-border);background:rgba(255,255,255,.25);color:var(--tech-ink)}html.dark .secondary-tech-btn{background:rgba(255,255,255,.025)}.secondary-tech-btn:hover{border-color:var(--tech-accent);color:var(--tech-accent);transform:translateY(-2px)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-metrics div{display:flex;flex-direction:column;gap:4px}.hero-metrics span{font-size:12px;color:var(--tech-accent);font-weight:800;letter-spacing:.1em}.hero-metrics small{font-size:10px;letter-spacing:.1em;color:var(--tech-muted);font-weight:700}

.portal-matrix{align-content:stretch}.portal-card{position:relative;overflow:hidden;min-height:196px;padding:22px 24px;border:1px solid var(--tech-border);border-radius:22px;background:linear-gradient(145deg,var(--tech-panel-solid),var(--tech-panel));display:flex;flex-direction:column;color:var(--tech-ink);box-shadow:0 15px 45px rgba(16,48,36,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
html.dark .portal-card{background:linear-gradient(145deg,rgba(23,32,27,.94),rgba(13,21,17,.92));box-shadow:0 18px 48px rgba(0,0,0,.22)}
.portal-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tech-accent) 50%,transparent);box-shadow:0 26px 60px rgba(17,132,93,.12)}
.portal-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--tech-muted)}
.portal-card-top span:first-child{color:var(--tech-accent)}.portal-card-icon{width:38px;height:38px;border-radius:12px;margin-top:18px;display:grid;place-items:center;background:var(--tech-glow);color:var(--tech-accent);font-weight:800;transition:.25s ease}.portal-card:hover .portal-card-icon{transform:rotate(45deg);background:var(--tech-accent);color:white}
.portal-card h2{font-size:21px;font-weight:800;letter-spacing:-.025em;margin-bottom:7px}.portal-card p{font-size:13.5px;line-height:1.55;color:var(--tech-muted);max-width:34ch}.portal-card-featured{background:linear-gradient(145deg,rgba(17,132,93,.08),var(--tech-panel-solid) 50%)}html.dark .portal-card-featured{background:linear-gradient(145deg,rgba(88,215,160,.10),rgba(17,25,21,.94) 55%)}
.portal-scan{position:absolute;left:-20%;right:-20%;top:-60%;height:44%;background:linear-gradient(to bottom,transparent,rgba(17,132,93,.045),transparent);transform:rotate(-8deg);opacity:0;transition:.2s}.portal-card:hover .portal-scan{opacity:1;animation:cardScan 1.25s ease-out}@keyframes cardScan{from{top:-60%}to{top:120%}}

.focus-strip{display:grid;grid-template-columns:210px 1fr;background:var(--tech-panel);backdrop-filter:blur(18px);overflow:hidden}.focus-label{padding:18px 20px;border-right:1px solid var(--tech-border);display:flex;flex-direction:column;gap:3px}.focus-label span{font-size:10px;letter-spacing:.17em;color:var(--tech-accent);font-weight:800}.focus-label small{color:var(--tech-muted)}.focus-items{display:grid;grid-template-columns:repeat(6,1fr)}.focus-items span{min-height:66px;padding:15px 13px;border-right:1px solid var(--tech-border);display:flex;flex-direction:column;gap:5px;justify-content:center;font-size:12px;font-weight:700;color:var(--tech-ink)}.focus-items span:last-child{border-right:0}.focus-items b{font-size:9px;color:var(--tech-accent);letter-spacing:.1em}

@media (max-width:1023px){.hero-tech-panel{min-height:auto}.focus-strip{grid-template-columns:1fr}.focus-label{border-right:0;border-bottom:1px solid var(--tech-border)}.focus-items{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.tech-kicker-row{align-items:flex-start;flex-direction:column}.tech-code{display:none}.hero-title{font-size:2.65rem}.hero-tech-panel{padding:25px 22px;border-radius:22px}.hero-metrics{grid-template-columns:1fr;gap:10px}.portal-card{min-height:170px}.focus-items{grid-template-columns:repeat(2,1fr)}.focus-items span:nth-child(even){border-right:0}.focus-items span{border-bottom:1px solid var(--tech-border)}}

/* V4 — Header logo + photo-free home hero */
.header-inner{min-height:96px}
.site-logo-link{display:flex;align-items:center;padding:5px 0;line-height:0}
.site-logo-image{display:block;width:118px;height:78px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid rgba(23,124,89,.12);box-shadow:0 8px 24px rgba(15,35,27,.07);transition:transform .25s ease,box-shadow .25s ease}
.site-logo-link:hover .site-logo-image{transform:translateY(-1px);box-shadow:0 11px 30px rgba(15,35,27,.11)}
html.dark .site-logo-image{background:#f8f7f4;border-color:rgba(82,201,149,.18);box-shadow:0 8px 25px rgba(0,0,0,.25)}
.hero-identity-line{display:flex;align-items:center;gap:15px}
.hero-node-mark{position:relative;width:64px;height:64px;flex:0 0 64px;border-radius:18px;border:1px solid var(--tech-border);display:grid;place-items:center;background:linear-gradient(145deg,var(--tech-panel-solid),var(--tech-panel));overflow:hidden;box-shadow:0 12px 30px rgba(17,132,93,.07)}
.hero-node-mark span{font-size:19px;font-weight:800;letter-spacing:-.04em;color:var(--tech-accent);position:relative;z-index:2}
.hero-node-mark:before{content:"";position:absolute;inset:8px;border:1px dashed color-mix(in srgb,var(--tech-accent) 22%,transparent);border-radius:13px}
.hero-node-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--tech-accent);right:9px;top:9px;box-shadow:0 0 12px var(--tech-accent)}
html.dark .hero-node-mark{box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 0 25px rgba(82,201,149,.025)}
@media (max-width:1023px){.header-inner{min-height:88px}.site-logo-image{width:104px;height:68px}}
@media (max-width:640px){.header-inner{min-height:78px}.site-logo-image{width:88px;height:58px;border-radius:10px}.hero-node-mark{width:56px;height:56px;flex-basis:56px;border-radius:15px}}
.about-identity-mark{position:relative;width:108px;height:108px;border-radius:26px;border:1px solid var(--tech-border);display:grid;place-items:center;background:linear-gradient(145deg,var(--tech-panel-solid),var(--tech-panel));box-shadow:0 16px 40px rgba(17,132,93,.08);overflow:hidden}
.about-identity-mark span{font-size:31px;font-weight:800;letter-spacing:-.05em;color:var(--tech-accent)}
.about-identity-mark:before{content:"";position:absolute;inset:13px;border:1px dashed color-mix(in srgb,var(--tech-accent) 22%,transparent);border-radius:20px}
.about-identity-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--tech-accent);right:14px;top:14px;box-shadow:0 0 14px var(--tech-accent)}


/* V5 — Theme-aware header logos */
.site-logo-link{position:relative;display:flex;align-items:center;min-width:170px;min-height:92px}
.site-logo-image{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:0;background:transparent!important;border:0!important;box-shadow:none!important;transition:opacity .22s ease,transform .22s ease}
.site-logo-link:hover .site-logo-image{transform:translateY(-1px)}
.site-logo-image.logo-dark{display:none}
html.dark .site-logo-image.logo-light{display:none}
html.dark .site-logo-image.logo-dark{display:block}
@media (max-width:1023px){.site-logo-link{min-width:150px;min-height:82px}.site-logo-image{max-width:150px}}
@media (max-width:640px){.site-logo-link{min-width:126px;min-height:68px}.site-logo-image{max-width:126px}}


/* V6 — smaller home title + darker logo background match */
.hero-title{max-width:8.2ch}
.site-logo-image.logo-dark{background:#0a100e!important}


/* V7 — Research & Intellectual Property portfolio */
.research-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.research-range{min-width:190px;padding:18px 20px;border:1px solid var(--tech-border);border-radius:18px;background:var(--tech-panel);display:flex;flex-direction:column;gap:4px}
.research-range span{font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--tech-accent)}
.research-range strong{font-size:22px;color:var(--tech-ink)}
.research-range small{color:var(--tech-muted)}
.research-filterbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--tech-border);border-radius:18px;background:var(--tech-panel);width:max-content;max-width:100%}
.research-filter{padding:9px 13px;border-radius:12px;font-size:12px;font-weight:700;color:var(--tech-muted);transition:.2s ease}
.research-filter:hover{color:var(--tech-accent)}
.research-filter.active{background:var(--tech-ink);color:var(--tech-panel-solid)}
html.dark .research-filter.active{background:#ecfff5;color:#0d1712}
.research-list{display:flex;flex-direction:column;gap:14px}
.research-record{display:grid;grid-template-columns:105px 1fr;border:1px solid var(--tech-border);border-radius:22px;background:linear-gradient(145deg,var(--tech-panel-solid),var(--tech-panel));overflow:hidden;box-shadow:0 15px 45px rgba(16,48,36,.045)}
html.dark .research-record{background:linear-gradient(145deg,rgba(23,32,27,.94),rgba(13,21,17,.92));box-shadow:0 18px 48px rgba(0,0,0,.19)}
.research-record.is-featured{border-color:color-mix(in srgb,var(--tech-accent) 32%,var(--tech-border))}
.research-record-index{border-right:1px solid var(--tech-border);padding:23px 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:rgba(17,132,93,.025)}
.research-record-index span{font-size:10px;letter-spacing:.18em;color:var(--tech-accent);font-weight:800}
.research-record-index strong{font-size:21px;color:var(--tech-ink)}
.research-record-body{padding:24px 28px}
.research-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.research-badges span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;padding:6px 8px;border-radius:999px;border:1px solid var(--tech-border);color:var(--tech-muted)}
.research-badges span.featured{color:var(--tech-accent);border-color:color-mix(in srgb,var(--tech-accent) 35%,var(--tech-border));background:var(--tech-glow)}
.research-record h2{font-size:23px;font-weight:800;letter-spacing:-.025em;line-height:1.25;color:var(--tech-ink);margin-bottom:10px}
.research-summary{font-size:14px;line-height:1.7;color:var(--tech-muted);margin-bottom:18px;max-width:92ch}
.research-meta-row{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--tech-border) 60%,transparent);font-size:12.5px;line-height:1.55}
.research-meta-row b{color:var(--tech-ink);font-weight:700}.research-meta-row span{color:var(--tech-muted)}
.research-details{margin-top:14px;border:1px solid var(--tech-border);border-radius:14px;padding:0 14px;background:rgba(17,132,93,.018)}
.research-details summary{cursor:pointer;padding:11px 0;font-size:12px;font-weight:800;color:var(--tech-accent)}
.research-details p{padding:0 0 13px;font-size:12.5px;line-height:1.65;color:var(--tech-muted)}
.research-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.research-tags span{font-size:10px;padding:5px 8px;border-radius:999px;background:var(--tech-glow);color:var(--tech-accent);font-weight:700}
.research-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid var(--tech-border)}
.research-actions>div{display:flex;gap:8px;flex-wrap:wrap}.research-actions a{font-size:11px;font-weight:800;color:var(--tech-accent);padding:7px 10px;border:1px solid var(--tech-border);border-radius:9px}.research-actions a:hover{border-color:var(--tech-accent)}
.research-status{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--tech-muted)}
.research-note{border-left:3px solid var(--tech-accent);padding:14px 18px;background:var(--tech-panel);border-radius:0 14px 14px 0}.research-note span{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--tech-accent)}.research-note p{margin-top:5px;color:var(--tech-muted);font-size:12.5px;line-height:1.6}
@media(max-width:768px){.research-hero{grid-template-columns:1fr}.research-range{width:100%}.research-filterbar{width:100%}.research-record{grid-template-columns:1fr}.research-record-index{border-right:0;border-bottom:1px solid var(--tech-border);flex-direction:row;justify-content:space-between;padding:13px 17px}.research-record-body{padding:20px}.research-meta-row{grid-template-columns:1fr;gap:3px}.research-actions{align-items:flex-start;flex-direction:column}.research-record h2{font-size:20px}}