.web-check-marker { display:inline-flex; vertical-align:baseline; align-items:center; justify-content:center; width:21px; height:21px; margin:0 3px; padding:2px; border:1px solid color-mix(in srgb,var(--response-color) 28%,transparent); border-radius:50%; background:color-mix(in srgb,var(--response-color) 5%,transparent); color:var(--response-color); cursor:pointer; transition:box-shadow 220ms ease,background 220ms ease; }
.web-check-marker svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round; }
.web-check-marker:hover { background:color-mix(in srgb,var(--response-color) 15%,transparent); box-shadow:0 0 14px color-mix(in srgb,var(--response-color) 25%,transparent); }
.web-check-marker:focus-visible { outline:2px solid var(--response-color); outline-offset:3px; }
.response-research-plan { position:relative; margin:26px 0 10px; }
.response-research-plan summary { position:relative; display:grid; gap:3px; padding:15px 48px 15px 17px; border:1px solid color-mix(in srgb,var(--response-color) 30%,transparent); border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--response-color) 7%,#0d1721),#0b141eea); box-shadow:inset 0 1px 0 #ffffff12,0 12px 38px #00000025; overflow:hidden; list-style:none; cursor:pointer; }
.response-research-plan summary::before { content:""; position:absolute; top:0; bottom:0; left:0; width:2px; background:var(--response-color); opacity:.74; box-shadow:0 0 14px var(--response-color); }
.response-research-plan summary::-webkit-details-marker { display:none; }
.response-research-plan summary:focus-visible { outline:2px solid var(--response-color); outline-offset:-3px; border-radius:18px; }
.research-plan-document { position:absolute; left:16px; top:17px; display:grid; place-items:center; width:30px; height:30px; border:1px solid color-mix(in srgb,var(--response-color) 35%,transparent); border-radius:9px; color:var(--response-color); background:color-mix(in srgb,var(--response-color) 8%,transparent); }
.research-plan-document .research-icon { width:17px; height:19px; }
.research-plan-heading { display:grid; gap:2px; padding-left:40px; }
.research-plan-eyebrow { color:var(--response-color); font:650 9px/1.4 system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.research-plan-title { color:#f3f7fc; font:600 14px/1.4 system-ui,sans-serif; letter-spacing:-.01em; }
.research-plan-hint { color:#b7c7d8; font:400 11px/1.5 system-ui,sans-serif; }
.research-plan-chevron { position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--response-color); font:24px/1 Georgia,serif; transition:transform 220ms ease; }
.response-research-plan[open] .research-plan-chevron { transform:translateY(-50%) rotate(180deg); }
.response-research-plan[open] .research-plan-hint { display:none; }
.research-card-stage { margin-top:0;padding:12px 13px 10px;border:1px solid color-mix(in srgb,var(--response-color) 26%,transparent);border-top:0;border-radius:0 0 17px 17px;background:linear-gradient(145deg,#0b1723ed,color-mix(in srgb,var(--response-color) 5%,#07111b));animation:research-reveal 250ms cubic-bezier(.16,1,.3,1) both; }
.response-research-plan[open] summary { border-radius:18px 18px 0 0; }
.research-card-stage .research-plan-empty { margin:8px 0 12px; color:#b8c8d8; font:400 11px/1.5 system-ui,sans-serif; }
.response-research-plan summary::after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--response-color) 13%,transparent),transparent 56%),linear-gradient(110deg,transparent 45%,color-mix(in srgb,var(--response-color) 6%,transparent) 50%,transparent 55%); opacity:.68; filter:blur(8px); animation:research-gas 5s ease-in-out infinite; }
.response-research-plan summary > * { z-index:1; }
.response-research-plan[open] summary { border-color:color-mix(in srgb,var(--response-color) 53%,transparent); box-shadow:inset 0 1px 0 #ffffff19,0 0 27px color-mix(in srgb,var(--response-color) 12%,transparent),0 16px 40px #00000038; }
.response-research-plan[open] summary::after { opacity:1; }
@keyframes research-gas { 50% { opacity:.35; transform:translateX(7%); filter:blur(13px); } }
.research-carousel { display:flex; gap:13px; overflow-x:auto; overflow-y:hidden; padding:4px 2px 14px; scroll-snap-type:x mandatory; scroll-padding-inline:2px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.research-carousel::-webkit-scrollbar { display:none; }
.research-card { position:relative; display:flex; flex-direction:column; flex:0 0 min(78%,420px); min-width:0; box-sizing:border-box; padding:17px 18px 18px; border:1px solid color-mix(in srgb,var(--response-color) 35%,transparent); border-radius:15px; color:#eaf2fa; background:linear-gradient(150deg,color-mix(in srgb,var(--response-color) 11%,#101c28),#0a1520 75%); box-shadow:inset 0 1px 0 #ffffff1d,0 9px 24px #00000034; scroll-snap-align:start; overflow:hidden; }
.research-card::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,var(--response-color) 3%,transparent) 8px 9px),linear-gradient(120deg,transparent 55%,color-mix(in srgb,var(--response-color) 5%,transparent)); opacity:.6; }
.research-card > * { position:relative; }
.response-research-plan[open] .research-card { animation:research-hologram 560ms cubic-bezier(.16,1,.3,1) both; animation-delay:calc(var(--card-index) * 75ms); }
@keyframes research-hologram { 0% { opacity:0; transform:translateX(19px) scale(.97); filter:blur(7px); clip-path:inset(0 100% 0 0); } 43% { opacity:.78; filter:blur(2px); clip-path:inset(0 12% 0 0); } 56% { opacity:.48; } 70% { opacity:1; } 100% { opacity:1; transform:none; filter:none; clip-path:inset(0); } }
.research-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.research-card-number { color:color-mix(in srgb,var(--response-color) 65%,#aabbd0); font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; }
.research-type { display:block; color:var(--response-color); font:650 10px/1.3 system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.research-card-question { margin:7px 0 18px; color:#f4f8fc; font:550 clamp(14px,2vw,16px)/1.52 system-ui,sans-serif; letter-spacing:-.015em; }
.research-card-source { margin-top:auto; padding-top:11px; border-top:1px solid color-mix(in srgb,var(--response-color) 18%,transparent); }
.research-card-source span { color:#91aabf; font:650 9px/1.4 system-ui,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.research-card-source p { margin:5px 0 0; color:#c8d7e4; font:400 12px/1.55 system-ui,sans-serif; }
.research-carousel-nav { display:flex; align-items:center; justify-content:flex-end; gap:15px; min-height:21px; padding:2px 4px 0; }
.research-carousel-count { color:#adc2d3; font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.research-carousel-tab { width:94px; height:19px; margin:0; background:transparent; appearance:none; -webkit-appearance:none; cursor:ew-resize; }
.research-carousel-tab::-webkit-slider-runnable-track { height:8px; background:transparent; }
.research-carousel-tab::-webkit-slider-thumb { width:28px; height:7px; margin-top:0; border:0; border-radius:999px; background:var(--response-color); box-shadow:0 0 9px var(--response-color),0 0 19px color-mix(in srgb,var(--response-color) 55%,transparent); appearance:none; -webkit-appearance:none; }
.research-carousel-tab::-moz-range-track { height:8px; background:transparent; }
.research-carousel-tab::-moz-range-thumb { width:28px; height:7px; border:0; border-radius:999px; background:var(--response-color); box-shadow:0 0 9px var(--response-color); }
.research-carousel-tab:focus-visible { outline:2px solid var(--response-color); outline-offset:3px; border-radius:6px; }
.research-priority,.web-check-priority { display:inline-flex; align-items:center; gap:5px; color:#c3d8e9; font-size:10px; font-weight:650; white-space:nowrap; }
.research-priority.is-required,.web-check-priority.is-required { color:var(--response-color); }
.research-priority .research-icon { width:15px; height:17px; flex:none; }
@media(max-width:600px) { .research-card { flex-basis:90%; padding:15px; } }
.web-check-dialog { box-sizing:border-box; width:min(660px,calc(100vw - 28px)); max-height:78dvh; padding:21px; border:1px solid color-mix(in srgb,var(--response-color) 30%,transparent); border-radius:19px; color:#edf4fc; background:linear-gradient(145deg,#121e2a,#090f18); box-shadow:0 25px 90px #0009,0 0 35px color-mix(in srgb,var(--response-color) 10%,transparent); font:400 12px/1.55 system-ui,sans-serif; }
.web-check-dialog[open] { display:flex; flex-direction:column; gap:14px; animation:research-reveal 220ms ease-out; }
.web-check-dialog::backdrop { background:#040a12b8; backdrop-filter:blur(7px); }
.web-check-dialog h2 { display:flex; align-items:center; gap:9px; margin:0; padding-right:20px; font-size:18px; font-weight:600; letter-spacing:-.02em; }
.web-check-document { display:inline-grid; place-items:center; width:22px; height:25px; flex:none; border:1px solid var(--response-color); border-radius:4px; color:var(--response-color); background:color-mix(in srgb,var(--response-color) 7%,transparent); font:400 17px/1 system-ui,sans-serif; }
.web-check-dialog h3 { margin:15px 0 7px; color:var(--response-color); font-size:10px; font-weight:650; letter-spacing:.1em; text-transform:uppercase; }
.web-check-dialog h3:first-child { margin-top:0; }
.web-check-dialog p { margin:0; overflow-wrap:anywhere; }
.web-check-note { color:#bac9d9; font-size:12px; }
.web-check-content { min-height:0; overflow:auto; overscroll-behavior:contain; }
.web-check-card-stage { margin:8px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none; }
.web-check-card-stage .research-carousel { padding:4px 1px 13px; }
.web-check-card-stage .research-card { flex-basis:min(88%,470px); }
.web-check-card-stage .research-card:only-child { flex-basis:100%; }
.research-carousel-nav[hidden] { display:none; }
.web-check-empty { color:#b9cad9; }
.web-check-passage { padding:9px 11px; border:1px solid color-mix(in srgb,var(--response-color) 22%,transparent); border-radius:9px; background:color-mix(in srgb,var(--response-color) 5%,transparent); color:#f1f6fb; }
.web-check-close { position:absolute; top:12px; right:12px; width:30px; height:30px; padding:0; border:0; border-radius:50%; color:var(--response-color); background:transparent; font:300 24px/1 system-ui,sans-serif; cursor:pointer; }
.web-check-close:focus-visible { outline:2px solid var(--response-color); }
@keyframes research-reveal { from { opacity:0; transform:translateY(5px) scale(.98); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .web-check-marker,.research-plan-chevron { transition:none; } .web-check-dialog[open],.research-card-stage,.response-research-plan summary::after,.response-research-plan[open] .research-card { animation:none; } }
