.research-articles {
    padding-block: clamp(32px, 6vw, 72px);
    color: var(--hrl-ink);
}
.research-articles [hidden] { display: none !important; }
.research-articles :is(h1, h2, h3) { color: inherit; }
.research-intro { margin-bottom: 24px; }
.research-intro h1 { font-size: clamp(34px, 6vw, 58px); }
.research-intro p { max-width: 65ch; color: var(--hrl-muted); }
.research-actions { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-block: 12px 20px; }
.research-articles a { color: var(--hrl-link); text-decoration: underline; text-underline-offset: 3px; }
.research-actions [aria-current="page"] { color: inherit; font-weight: 600; }
.research-panel, .research-list article {
    background: var(--hrl-paper);
    border: 1px solid var(--hrl-line);
    border-radius: 8px;
    padding: clamp(16px, 3vw, 30px);
}
.research-panel { margin-block: 24px; }
.research-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.research-fields label { display: grid; align-content: start; gap: 5px; min-width: 0; }
.research-fields small, .research-list p { color: var(--hrl-muted); }
.research-wide { grid-column: 1 / -1; }
.research-fields :is(input:not([type="checkbox"]), textarea) {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    background: var(--bs-body-bg, #fff);
    color: var(--hrl-ink);
    border: 1px solid var(--hrl-line);
    border-radius: 4px;
}
.research-fields textarea { resize: vertical; }
.research-fields .research-consent { display: flex; align-items: baseline; gap: 8px; }
.research-list { display: grid; gap: 12px; margin-block: 16px; }
.research-list h3 { margin-bottom: 4px; font-size: 1.15rem; }
.research-list p { margin: 0; }
.research-share { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 12px; }
.research-articles .research-share a {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--hrl-line);
    border-radius: 6px;
    background: var(--bs-body-bg, #fff);
    color: var(--hrl-link);
    text-decoration: none;
}
.research-share svg { display: block; width: 20px; height: 20px; fill: currentColor; }
.research-share a:is(:hover, :focus-visible) { border-color: currentColor; }
.research-share a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.research-readership { margin-block: 20px; padding-block: 14px; border-block: 1px solid var(--hrl-line); }
.research-readership summary { cursor: pointer; color: var(--hrl-link); font-weight: 600; }
.research-readership dd { font-variant-numeric: tabular-nums; }
.research-readership table { width: min(100%, 28rem); border-collapse: collapse; }
.research-readership :is(th, td) { text-align: start; padding: 6px 10px; border-bottom: 1px solid var(--hrl-line); }
.research-readership button { border: 1px solid var(--hrl-line); border-radius: 4px; padding: 5px 9px; }
.research-viewer-total { margin-top: 24px; color: var(--hrl-muted); font-variant-numeric: tabular-nums; }
.research-status-label { color: var(--hrl-muted); }
.research-detail dl { display: grid; grid-template-columns: minmax(100px, 180px) minmax(0, 1fr); gap: 5px 12px; }
.research-detail dd { margin: 0; overflow-wrap: anywhere; }
.research-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.research-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 12px; }
.research-images img { display: block; width: 100%; height: 180px; object-fit: contain; }
.research-stages { display: flex; flex-wrap: wrap; gap: 5px 28px; }
.research-stages [aria-current="step"] { font-weight: 700; color: var(--hrl-link); }
@media (max-width: 640px) {
    .research-fields { grid-template-columns: minmax(0, 1fr); }
}