/* Phase 0–1 public research layer: compact, readable, fail-visible UI. */
.research-page{background:var(--soft);color:var(--ink)}
.research-shell{max-width:1180px;margin:0 auto;padding:28px 24px 64px}
.research-header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:8px 0 28px;border-bottom:1px solid var(--line)}
.research-back{display:inline-block;color:var(--blue);font-size:14px;font-weight:800;text-decoration:none;margin-bottom:22px}
.research-header h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 12px}
.research-lead{max-width:760px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}
.research-status-card{min-width:210px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 10px 26px rgba(17,44,74,.08)}
.status-label{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.research-status-card strong{display:block;font-size:18px;line-height:1.35}
.research-status-card small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}
.research-section,.research-principles{margin-top:28px}
.research-principles{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.research-section h2,.research-principles h2{font-size:24px;line-height:1.25;margin:5px 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
.section-heading>p{color:var(--muted);font-size:13px;margin:0;max-width:470px;text-align:right}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.principle-grid article,.research-card,.dataset-card,.link-grid a{background:var(--card);border:1px solid var(--line);border-radius:13px}
.principle-grid article{padding:15px 16px}
.principle-grid strong{display:block;font-size:15px;color:var(--ink);margin-bottom:5px}
.principle-grid p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.research-card{padding:17px 18px;min-width:0}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.card-top strong{font-size:17px;overflow-wrap:anywhere}
.state{border-radius:99px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap;border:1px solid var(--line)}
.state.enabled{color:#087f5b;background:#e8faf3;border-color:#9bdcc4}.state.disabled{color:#9a3412;background:#fff2e9;border-color:#f4c19e}
.research-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:7px 0}
.meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.meta-list div{min-width:0}.meta-list span{display:block;color:var(--muted);font-size:11px}.meta-list b{display:block;color:var(--ink);font-size:12px;overflow-wrap:anywhere;margin-top:2px}
.research-card a,.link-grid a{color:var(--blue);font-weight:800;text-decoration:none}
.dataset-list{display:grid;gap:10px}
.dataset-card{display:grid;grid-template-columns:minmax(190px,1fr) 2fr auto;align-items:center;gap:16px;padding:15px 17px}
.dataset-title strong{display:block;font-size:16px;overflow-wrap:anywhere}.dataset-title span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.dataset-detail{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:12px;line-height:1.6}.dataset-detail b{color:var(--ink);font-weight:800}
.quality{border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;white-space:nowrap}.quality.unavailable{color:#9a3412;background:#fff2e9;border:1px solid #f4c19e}.quality.fresh{color:#087f5b;background:#e8faf3;border:1px solid #9bdcc4}.quality.partial,.quality.stale{color:#92400e;background:#fff8db;border:1px solid #f2d37c}.quality.invalid{color:#991b1b;background:#fff0f0;border:1px solid #efb3b3}
.research-contract{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px}.contract-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.contract-grid div{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);min-width:0}.contract-grid code{display:block;color:var(--blue);font-size:12px;font-weight:900;overflow-wrap:anywhere}.contract-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:4px}.research-note{color:var(--muted);font-size:13px;line-height:1.65;margin:17px 0 0}
.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-grid a{display:block;padding:16px}.link-grid strong{display:block;color:var(--ink);font-size:15px}.link-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:5px}
.research-empty{color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:18px}.research-error{color:#9a3412;background:#fff2e9;border:1px solid #f4c19e;border-radius:12px;padding:14px;font-size:14px}
.research-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:32px;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:900px){.research-header{align-items:flex-start;flex-direction:column}.research-status-card{width:100%;min-width:0}.principle-grid,.link-grid{grid-template-columns:1fr 1fr}.dataset-card{grid-template-columns:1fr 1.4fr}.dataset-card>.quality{justify-self:start}}
@media(max-width:560px){.research-shell{padding:20px 14px 44px}.research-header{gap:16px;padding-bottom:20px}.research-header h1{font-size:34px}.research-lead{font-size:15px}.research-principles,.research-contract{padding:17px 15px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.section-heading>p{text-align:left}.principle-grid,.research-grid,.link-grid{grid-template-columns:1fr}.meta-list{grid-template-columns:1fr 1fr}.dataset-card{display:block;padding:14px}.dataset-detail{margin-top:10px}.dataset-card>.quality{display:inline-block;margin-top:10px}.contract-grid{grid-template-columns:1fr 1fr;gap:7px}.contract-grid div{padding:9px 10px}.research-section h2,.research-principles h2{font-size:21px}}
@media(prefers-reduced-motion:no-preference){.research-card,.dataset-card,.link-grid a{transition:transform .18s ease-out,box-shadow .18s ease-out}.research-card:hover,.dataset-card:hover,.link-grid a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(17,44,74,.08)}}