:root{--ink:#0a2038;--muted:#61758a;--line:#d8e4ef;--blue:#075ed1;--blue2:#0a8be8;--cyan:#20c9d5;--bg:#eef5fb;--card:#fff;--shadow:0 18px 48px rgba(13,58,95,.10)}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-width:320px}.topbar{position:sticky;top:0;z-index:20;height:72px;padding:0 max(24px,calc((100vw - 1500px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(28,82,121,.13);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-weight:800;box-shadow:0 8px 20px rgba(7,94,209,.22)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{margin-top:2px;color:var(--muted);font-size:11px}.source-pill{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#f8fbfe;color:#496984;font-size:12px}.shell{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;padding:28px 24px 60px}.sidebar{position:sticky;top:100px;align-self:start}.summary{padding:27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#fff 35%,#edf7ff);box-shadow:var(--shadow)}.eyebrow,.drawer-kicker{margin:0 0 9px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.18em}.summary h1{margin:0 0 13px;font-size:28px;letter-spacing:-.04em}.intro{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.metrics{margin-top:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div{padding:12px 6px;text-align:center;border:1px solid #dce9f5;border-radius:12px;background:rgba(255,255,255,.78)}.metrics strong,.metrics span{display:block}.metrics strong{color:var(--blue);font-size:20px}.metrics span{margin-top:3px;color:var(--muted);font-size:10px}.notice{margin-top:14px;padding:16px;display:flex;gap:10px;border:1px solid #cae2f5;border-radius:15px;background:#eaf6ff}.notice-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:800}.notice p{margin:0;color:#42647f;font-size:12px;line-height:1.55}.workspace{min-width:0}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(20,70,105,.06)}.search{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #cddce9;border-radius:11px;background:#f5f9fc}.search span{color:#51728d;font-size:23px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.filter{height:46px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #cddce9;border-radius:11px;background:#f5f9fc}.filter span{color:var(--muted);font-size:12px}.filter select{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.clear{height:46px;padding:0 16px;border:1px solid #cddce9;border-radius:11px;background:#fff;color:#42647f;font-weight:700;cursor:pointer}.results-head{padding:18px 3px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.results-head p{margin:0}.results-head strong{color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.protocol-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 7px 25px rgba(17,67,104,.06);cursor:pointer;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.protocol-card:hover{transform:translateY(-3px);border-color:#95bfea;box-shadow:0 16px 35px rgba(17,67,104,.12)}.card-image{height:180px;display:grid;place-items:center;background:linear-gradient(145deg,#f7fbff,#eaf5fc)}.card-image img{width:80%;height:150px;object-fit:contain}.card-content{padding:17px}.card-spec{display:inline-flex;padding:5px 8px;border-radius:7px;background:#e9f4ff;color:#075bbd;font-size:11px;font-weight:800}.card-content h3{margin:11px 0 8px;font-size:17px;line-height:1.25;letter-spacing:-.02em}.card-content p{height:42px;margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-foot{margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5edf4;color:#668096;font-size:11px}.card-foot b{color:var(--blue)}.empty{padding:70px;text-align:center;border:1px dashed #bad0e3;border-radius:18px;background:#f7fbfe}.empty strong,.empty span{display:block}.empty span{margin-top:8px;color:var(--muted);font-size:14px}.backdrop{position:fixed;inset:0;z-index:40;background:rgba(7,28,51,.42);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;right:0;z-index:50;width:min(680px,94vw);height:100dvh;transform:translateX(102%);transition:transform .25s ease;background:#f4f8fc;box-shadow:-24px 0 70px rgba(5,32,57,.24);overflow:hidden}.drawer.is-open{transform:translateX(0)}.drawer-head{height:92px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.drawer-head h2{margin:0;font-size:23px;letter-spacing:-.03em}.drawer-kicker{display:block}.drawer-head button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#f7fafc;color:#35536d;font-size:27px;cursor:pointer}.drawer-body{height:calc(100dvh - 92px);padding:22px 24px 60px;overflow:auto}.detail-hero{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.detail-hero img{width:180px;height:180px;object-fit:contain;border-radius:12px;background:#eff6fb}.detail-meta{display:flex;flex-direction:column;justify-content:center}.detail-meta .spec{align-self:flex-start;padding:6px 9px;border-radius:8px;background:#e8f4ff;color:var(--blue);font-size:12px;font-weight:800}.detail-meta p{margin:13px 0;color:var(--muted);font-size:13px;line-height:1.65}.detail-meta a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.sections{margin-top:16px;display:grid;gap:10px}.section-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.section-card h3{margin:0 0 9px;font-size:15px}.section-card p{margin:0;white-space:pre-line;color:#5d7184;font-size:13px;line-height:1.7}.section-card p.is-collapsed{max-height:112px;overflow:hidden;mask-image:linear-gradient(#000 70%,transparent)}.section-toggle{margin-top:9px;padding:0;border:0;background:none;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer}@media(max-width:1120px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.topbar{height:66px;padding:0 16px}.source-pill{display:none}.shell{grid-template-columns:1fr;padding:16px 14px 44px}.sidebar{position:static}.summary{padding:21px}.metrics{max-width:440px}.notice{display:none}.toolbar{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.clear{width:100%}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer{width:100%}}@media(max-width:560px){.brand strong{font-size:14px}.summary h1{font-size:24px}.toolbar{grid-template-columns:1fr}.search{grid-column:auto}.card-grid{grid-template-columns:1fr}.card-image{height:160px}.card-image img{height:135px}.detail-hero{grid-template-columns:110px 1fr;gap:14px;padding:15px}.detail-hero img{width:110px;height:130px}.drawer-head{height:82px;padding:16px}.drawer-head h2{font-size:19px}.drawer-body{height:calc(100dvh - 82px);padding:16px 14px 50px}}