* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg-color: #fcf9f2;
    --text-color: #222222;
    --heading-color: #825d0c;
    --link-color: #825d0c;
    --border-color: #825d0c;
    --light-border: #e8dfc8;
    --secondary-text: #555555;
}

[data-theme="dark"] {
    --bg-color: #1a1410;
    --text-color: #fcf9f2;
    --heading-color: #d4a960;
    --link-color: #d4a960;
    --border-color: #d4a960;
    --light-border: #3d2f1a;
    --secondary-text: #c9c3b8;
}

body {
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.65;
    color: var(--text-color);
    background: var(--bg-color);
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    transition: background-color 0.3s, color 0.3s;
}

body.version2-page {
    background: #ffffff;
    max-width: none;
    margin: 0;
    padding: 2rem 1.25rem;
}

[data-theme="dark"] body.version2-page {
    background: #120f0d;
}

.page-shell {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: var(--bg-color);
    border: 1px solid var(--light-border);
    box-shadow:
        0 20px 56px rgba(0, 0, 0, 0.16),
        0 0 36px rgba(130, 93, 12, 0.10);
}

[data-theme="dark"] .page-shell {
    box-shadow:
        0 20px 56px rgba(0, 0, 0, 0.45),
        0 0 42px rgba(212, 169, 96, 0.14);
}

a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Dark Mode Toggle */
.theme-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    background: transparent;
    color: var(--text-color);
    border: 1px solid var(--border-color);
    padding: 0.4rem 0.6rem;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.3s;
    z-index: 1000;
}

.theme-toggle:hover {
    background: var(--light-border);
}

/* Header */
header {
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.profile-image {
    flex-shrink: 0;
    width: 152px;
    height: 152px;
    border: 2px solid var(--border-color);
    background: var(--light-border);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-content {
    flex: 1;
}

h1 {
    font-size: 2rem;
    color: var(--heading-color);
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.subtitle {
    font-size: 1rem;
    color: var(--secondary-text);
    margin-bottom: 0.5rem;
}

.contact-links {
    font-size: 0.95rem;
    line-height: 1.8;
    margin-top: 1rem;
}

/* Sections */
section {
    margin-bottom: 3rem;
}

h2 {
    font-size: 1.4rem;
    color: var(--heading-color);
    margin-bottom: 1.2rem;
    font-weight: 500;
    border-bottom: 1px solid var(--light-border);
    padding-bottom: 0.3rem;
}

h3 {
    font-size: 1.1rem;
    color: var(--heading-color);
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
    font-weight: 500;
}

p {
    margin-bottom: 1rem;
}

.pub-item {
    margin-bottom: 1.5rem;
}

/* Teaching & Thesis */
.teaching-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
}

.teaching-table td {
    padding: 0.5rem 0;
    vertical-align: top;
}


.pub-venue-badge {
    display: inline-block;
    background: var(--light-border);
    color: var(--heading-color);
    padding: 0.18rem 0.7rem;
    margin-right: 0.45rem;
    border-radius: 3px;
    font-size: 0.85rem;
}

[data-theme="dark"] .pub-venue-badge {
    color: #f3f6ff;
    background: rgba(34, 44, 68, 0.92);
    border-color: rgba(159, 187, 255, 0.35);
}

.teaching-table td:first-child {
    width: 30%;
    color: var(--secondary-text);
}

.thesis-list {
    margin-left: 1.5rem;
}

.thesis-item {
    margin-bottom: 0.8rem;
    list-style-type: decimal;
}

.thesis-type {
    font-size: 0.85rem;
    color: var(--secondary-text);
}

/* Presentations */
.pres-item {
    margin-bottom: 1.2rem;
    padding-left: 1.5rem;
    position: relative;
}

.pres-item::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--heading-color);
}

.pres-title {
    color: var(--heading-color);
    font-weight: 500;
}

.pres-details {
    color: var(--secondary-text);
    font-size: 0.95rem;
}

/* Service */
#service-list h3 {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

#service-list ul {
    margin-bottom: 0;
}

#service-list li strong {
    color: var(--heading-color);
}

.watch-link {
    display: inline-block;
    margin-top: 0.3rem;
    color: var(--link-color);
    font-size: 0.9rem;
}

/* News */
.news-item {
    margin-bottom: 1rem;
}

.news-date {
    color: var(--heading-color);
    font-weight: 500;
    margin-right: 0.5rem;
}

/* Blogs */
.blog-item {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--light-border);
}

.blog-item:last-child {
    border-bottom: none;
}

.blog-title {
    font-size: 1.1rem;
    margin-bottom: 0.3rem;
}

.blog-title a {
    color: var(--heading-color);
    font-weight: 500;
}

.blog-title a:hover {
    text-decoration: underline;
}

.blog-meta {
    color: var(--secondary-text);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.blog-excerpt {
    color: var(--text-color);
    margin-bottom: 0;
}

/* Blog Articles */
.article-header {
    display: block !important;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.article-header,
.article-header * {
    box-sizing: border-box;
}

.article-header h1 {
    display: block;
    width: 100%;
    margin: 0 0 0.85rem;
    font-size: 2.1rem;
    line-height: 1.25;
}

.article-meta {
    display: block;
    width: 100%;
    color: var(--secondary-text);
    font-size: 0.95rem;
    margin-bottom: 1rem;
    line-height: 1.7;
}

.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    margin-top: 1rem;
}

.tag {
    display: inline-flex;
    align-items: center;
    background: var(--light-border);
    color: var(--heading-color);
    padding: 0.3rem 0.8rem;
    border-radius: 3px;
    font-size: 0.85rem;
}

.back-link {
    display: inline-block;
    margin-bottom: 1.5rem;
    color: var(--secondary-text);
    font-size: 0.95rem;
}

.back-link:hover {
    color: var(--link-color);
}

.article-content {
    margin-bottom: 2.5rem;
}

.article-content h2 {
    font-size: 1.4rem;
    color: var(--heading-color);
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.article-content h3 {
    font-size: 1.15rem;
    color: var(--heading-color);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.article-content ul,
.article-content ol {
    margin-bottom: 1.2rem;
    padding-left: 2rem;
}

.article-content li {
    margin-bottom: 0.5rem;
}

.article-content blockquote {
    border-left: 3px solid var(--border-color);
    padding-left: 1.25rem;
    margin: 1.5rem 0;
    color: var(--secondary-text);
    font-style: italic;
}

.article-content code {
    background: var(--light-border);
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.9em;
}

.article-content pre {
    background: var(--light-border);
    padding: 1rem;
    border-radius: 5px;
    overflow-x: auto;
    margin-bottom: 1.2rem;
}

.article-content pre code {
    background: none;
    padding: 0;
}

.article-footer {
    padding-top: 1.5rem;
    border-top: 1px solid var(--light-border);
    color: var(--secondary-text);
    font-size: 0.95rem;
}

/* Footer */
footer {
    margin-top: 4rem;
    padding-top: 1rem;
    border-top: 1px solid var(--light-border);
    font-size: 0.9rem;
    color: var(--secondary-text);
    text-align: center;
}

@media (max-width: 768px) {
    body {
        padding: 1.5rem 1rem;
    }

    body.version2-page {
        padding: 4rem 1rem 1rem;
    }

    .page-shell {
        padding: 1.5rem 1rem;
    }

    header {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .profile-image {
        margin-bottom: 1rem;
    }

    .theme-toggle {
        top: 12px;
        right: 12px;
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
    }

    h1 {
        font-size: 1.6rem;
    }

    .teaching-table td:first-child {
        width: 100%;
        display: block;
        padding-bottom: 0.2rem;
    }

    .teaching-table td:last-child {
        display: block;
        padding-bottom: 1rem;
    }
}

/* Research portfolio — spacious, editorial layout. */
:root { --bg-color:#fff; --text-color:#14141e; --heading-color:#14141e; --link-color:#b54708; --border-color:#dddce4; --light-border:#eeeaf0; --secondary-text:#62616d; }
[data-theme="dark"] { --bg-color:#1c1b19; --text-color:#f5f2ed; --heading-color:#f5f2ed; --link-color:#ffb477; --border-color:#45413b; --light-border:#302d28; --secondary-text:#c0b9af; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { font-family:Arial, Helvetica, sans-serif; }
body.version2-page, [data-theme="dark"] body.version2-page { background:var(--bg-color); padding:0 32px; }
.page-shell, [data-theme="dark"] .page-shell { max-width:1160px; padding:0; background:none; border:0; box-shadow:none; }
a { text-underline-offset:5px; }
a:focus-visible, button:focus-visible { outline:3px solid var(--link-color); outline-offset:6px; }
.skip-link { position:absolute; left:16px; top:-80px; padding:12px; background:var(--bg-color); z-index:2000; }
.skip-link:focus { top:12px; }
.site-nav { display:flex; align-items:center; gap:28px; min-height:120px; }
.wordmark { color:var(--heading-color); font-size:36px; font-weight:800; letter-spacing:-3px; margin-right:auto; }
.wordmark span { color:var(--link-color); }
.nav-links { display:flex; gap:32px; }
.nav-links a { font-size:12px; font-weight:600; color:var(--text-color); }
.nav-links a:hover { color:var(--link-color); }
.site-nav .theme-toggle { position:static; border:1px solid var(--light-border); border-radius:50%; width:36px; height:36px; padding:0; font-size:15px; }
.hero { display:grid; grid-template-columns:1fr 300px; align-items:center; gap:90px; padding:85px 0 120px; margin:0; border:0; }
.eyebrow { font-size:10px; font-weight:700; letter-spacing:2px; color:var(--secondary-text); margin-bottom:22px; }
.hero h1 { font-size:42px; line-height:1.38; letter-spacing:-1.3px; font-weight:600; margin-bottom:25px; }
.hero-description { font-size:17px; color:var(--secondary-text); max-width:510px; line-height:1.7; }
.hero-history { font-size:14px; color:var(--secondary-text); margin-top:22px; }
.hero-history span { color:var(--link-color); }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:27px; margin-top:30px; font-size:13px; }
.hero-actions a { color:var(--text-color); }
.hero-actions .primary-link { border-bottom:1px solid var(--text-color); padding-bottom:7px; font-weight:600; }
.primary-link span { margin-left:18px; }
.portrait-wrap { margin:0 0 0 0; }
.profile-image { width:100%; height:360px; position:relative; border:0; background:none; }
.profile-image:before { content:""; position:absolute; inset:-16px 16px 16px -16px; background:var(--link-color); border-radius:4px; }
.profile-image img { position:relative; border-radius:4px; filter:grayscale(100%); object-position:center; }
.portrait-wrap>p { font-size:10px; letter-spacing:.7px; color:var(--secondary-text); margin-top:18px; }
section { margin-bottom:88px; }
h2 { font-size:28px; line-height:1.3; font-weight:600; letter-spacing:-.7px; border:0; padding:0; margin-bottom:25px; }
h3 { font-weight:600; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:30px; }
.section-heading .eyebrow { margin-bottom:10px; }
.section-heading h2 { margin-bottom:0; }
.section-heading>a { font-size:13px; white-space:nowrap; color:var(--text-color); }
.research-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.research-card { display:block; padding:36px 36px 0; min-height:480px; border-radius:12px; color:#191721; overflow:hidden; transition:transform .2s; }
.research-card:hover { text-decoration:none; transform:translateY(-5px); }
.peach { background:#ffe9e2; }
.lavender { background:#e8dff0; }
.card-meta { display:flex; justify-content:space-between; gap:10px; font-size:9px; letter-spacing:1.3px; font-weight:700; }
.research-card h3 { font-family:Georgia,serif; font-size:36px; letter-spacing:-1px; margin:24px 0 12px; color:#191721; }
.research-card>p { font-size:15px; line-height:1.7; max-width:380px; min-height:52px; }
.card-link { font-size:13px; font-weight:700; }
.migration-visual { margin:38px 0 -10px 24px; transform:rotate(-4deg); }
.code-window { border-radius:10px; background:#fffaf7; padding:16px 22px; box-shadow:0 10px 30px #64452a15; }
.window-dots { color:#d8aaa0; font-size:10px; letter-spacing:4px; margin-bottom:12px; }
.code-label { font:9px monospace; color:#8c6d64; }
.code-line { height:6px; background:#dfccc2; width:65%; margin-top:9px; border-radius:4px; }
.code-line.long { width:84%; background:#c2b0d0; }.code-line.short { width:40%; margin-left:18px; }
.module-label { font:11px monospace; margin-top:18px; }.module-label span { margin:0 20px; color:#aa5480; }
.migration-arrow { text-align:right; font-size:32px; margin:-5px 30px -5px 0; }
.target-module { display:flex; gap:18px; align-items:center; background:#263c35; color:#fff; padding:15px 20px; border-radius:8px; font:11px monospace; margin-left:30px; }
.target-module span { flex:1; }
.workflow-visual { background:#fbf9fd; border-radius:12px 12px 0 0; margin:48px -5px 0 20px; padding:24px; transform:rotate(3deg); box-shadow:0 10px 30px #40304c12; }
.workflow-top { display:flex; justify-content:space-between; font-size:9px; letter-spacing:1.4px; padding-bottom:15px; border-bottom:1px solid #e3dce9; }
.workflow-step { display:flex; align-items:center; gap:16px; padding:15px 0; font-size:12px; border-bottom:1px solid #e3dce9; }
.workflow-step b { font-size:10px; color:#8e789e; }.workflow-step i { margin-left:auto; font-style:normal; color:#725389; }
#about { max-width:850px; } #about p { color:var(--secondary-text); font-size:16px; line-height:1.85; }
#news { border-top:1px solid var(--light-border); padding-top:36px; }
.news-item { font-size:14px; }.news-date { display:inline-block; min-width:105px; font-size:12px; }
#publications>h3 { font-size:12px; letter-spacing:1px; text-transform:uppercase; margin:32px 0 20px; color:var(--secondary-text); }
.pub-item { padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid var(--light-border); font-size:13px; color:var(--secondary-text); line-height:1.9; }
.pub-item>a { font-size:17px; font-weight:600; line-height:1.5; display:block; color:var(--text-color); margin:7px 0; }
.pub-venue-badge { font-size:10px; color:var(--link-color); padding:3px 8px; }
.teaching-table { font-size:14px; }.teaching-table td { padding:14px 0; border-bottom:1px solid var(--light-border); }
.thesis-item { font-size:14px; padding-bottom:9px; }.thesis-group { color:var(--secondary-text); font-size:12px; margin-top:24px; }
.pres-item, #service-list { font-size:14px; }.blog-title { font-size:20px; }.blog-title a { color:var(--text-color); }.blog-meta { font-size:12px; }.blog-excerpt { font-size:14px; color:var(--secondary-text); }
.contact-section { border-top:1px solid var(--light-border); padding:65px 0 0; margin-bottom:65px; }.contact-section h2 { font-size:40px; line-height:1.3; }.email-link { font-size:20px; }.contact-socials { display:flex; flex-wrap:wrap; gap:28px; margin-top:28px; font-size:12px; }.contact-socials a { color:var(--secondary-text); }
footer { text-align:left; margin:0; padding:25px 0; font-size:10px; display:flex; justify-content:space-between; gap:30px; } footer p { margin:0; }
@media(max-width:950px) { .hero { gap:45px; grid-template-columns:1fr 260px; }.hero h1 { font-size:34px; }.research-card { padding:28px 25px 0; }.research-card h3 { font-size:30px; } }
@media(max-width:700px) { body.version2-page { padding:0 22px; }.site-nav { min-height:95px; gap:12px; flex-wrap:wrap; padding:18px 0; }.wordmark { font-size:30px; }.nav-links { order:3; width:100%; justify-content:space-between; gap:10px; }.nav-links a { font-size:11px; }.hero { display:flex; flex-direction:column; align-items:stretch; text-align:left; gap:45px; padding:45px 0 65px; }.hero h1 { font-size:33px; letter-spacing:-1px; }.hero .eyebrow { font-size:9px; }.portrait-wrap { width:240px; align-self:center; }.profile-image { height:280px; margin:0; }.hero-description { font-size:15px; }.research-grid { grid-template-columns:1fr; }.section-heading { display:block; }.section-heading>a { display:inline-block; margin-top:15px; }h2 { font-size:25px; }section { margin-bottom:60px; }.research-card { min-height:460px; padding:28px 25px 0; }.contact-section h2 { font-size:32px; }.email-link { font-size:17px; }footer { display:block; }footer p+p { margin-top:8px; }.teaching-table td:first-child { width:auto; }.news-date { min-width:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *:before, *:after { transition:none!important; } }

/* Keep featured work balanced and news continuation lines aligned. */
.research-card { padding:28px 24px 0; display:flex; flex-direction:column; min-width:0; }
.research-card h3 { font-size:30px; }
.research-card>p { min-height:104px; }
.card-meta { letter-spacing:.8px; }
.card-meta span { white-space:nowrap; }
.migration-visual { margin-left:0; }
.workflow-visual { margin-left:0; margin-right:0; padding:20px 16px; }
.mint { background:#e0eee5; }
.survey-visual { margin:48px 0 0; padding:24px 18px; background:#f7fcf8; border-radius:12px 12px 0 0; transform:rotate(-3deg); box-shadow:0 10px 30px #304c3812; }
.survey-question { display:flex; align-items:center; gap:12px; padding:18px 0; font-size:12px; border-bottom:1px solid #dce8df; }
.survey-question span { font-size:10px; color:#597361; }
.news-item { display:grid; grid-template-columns:105px minmax(0,1fr); column-gap:16px; align-items:baseline; }
.news-date { min-width:0; margin-right:0; }
.news-content { min-width:0; }
@media(min-width:701px) and (max-width:1000px) { .research-grid { grid-template-columns:1fr; }.research-card { min-height:0; display:grid; grid-template-columns:1fr 1fr; column-gap:30px; padding-bottom:28px; }.research-card .card-meta,.research-card h3,.research-card>p,.research-card .card-link { grid-column:1; }.research-card>p { min-height:0; }.research-card>div:last-child { grid-column:2; grid-row:1 / 5; margin:0; align-self:center; } }
@media(max-width:700px) { .research-card>p { min-height:0; }.news-item { grid-template-columns:80px minmax(0,1fr); column-gap:14px; }.news-date { font-size:11px; } }

/* Consistent accent and more comfortable reading sizes. */
body { font-size:17px; }
.nav-links a { font-size:15px; }
.eyebrow { font-size:12px; }
.hero-description { font-size:19px; }
.hero-history, .hero-actions { font-size:16px; }
.portrait-wrap>p { font-size:13px; }
.section-heading>a, .card-link { font-size:16px; }
.card-meta { font-size:11px; letter-spacing:.5px; }
.research-card>p { font-size:17px; min-height:140px; }
#about p { font-size:18px; }
.news-item { font-size:17px; grid-template-columns:140px minmax(0,1fr); }
.news-date { font-size:15px; }
#publications>h3 { font-size:15px; }
.pub-item { font-size:16px; }
.pub-item>a { font-size:20px; }
.pub-venue-badge { font-size:13px; }
.teaching-table, .thesis-item, .pres-item, #service-list { font-size:17px; }
.thesis-type, .thesis-group, .pres-details { font-size:15px; }
.blog-title { font-size:23px; }
.blog-meta { font-size:15px; }
.blog-excerpt { font-size:17px; }
.contact-socials { font-size:16px; }
footer { font-size:13px; }
@media(min-width:701px) and (max-width:1000px) { .research-card>p { min-height:0; } }
@media(max-width:950px) { .nav-links { gap:18px; } }
@media(max-width:700px) {
 .nav-links a { font-size:13px; }
 .hero .eyebrow { font-size:11px; }
 .hero-description { font-size:18px; }
 .research-card>p { min-height:0; }
 .news-item { grid-template-columns:100px minmax(0,1fr); column-gap:12px; font-size:16px; }
 .news-date { font-size:14px; }
}

/* Separate publication details clearly in dark mode. */
[data-theme="dark"] .pub-item {
    color:#b9b5c3;
    border-bottom-color:#39343f;
}
[data-theme="dark"] .pub-item>a {
    color:#fff3e8;
}
[data-theme="dark"] .pub-item>a:hover {
    color:var(--link-color);
    text-decoration:underline;
}
[data-theme="dark"] .pub-item i {
    color:#d1c3e5;
}
[data-theme="dark"] .pub-venue-badge {
    color:var(--link-color);
    background:var(--light-border);
    border:0;
    font-weight:600;
}

.publication-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.publication-action { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:7px 11px; min-height:40px; font:500 14px/1.4 Arial, sans-serif; color:var(--link-color); background:transparent; border:1px solid var(--border-color); border-radius:6px; cursor:pointer; text-decoration:none; }
.publication-action svg { width:18px; height:18px; flex-shrink:0; }
.publication-action:hover { background:var(--light-border); text-decoration:none; }
.publication-action.unavailable { color:var(--secondary-text); border-color:var(--light-border); cursor:default; }
#citation-dialog { width:min(760px,calc(100% - 32px)); max-height:85dvh; margin:auto; padding:28px; border:1px solid var(--border-color); border-radius:12px; background:var(--bg-color); color:var(--text-color); box-shadow:0 24px 80px #0005; }
#citation-dialog::backdrop { background:#0009; }
.citation-header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.citation-header h2 { font-size:24px; margin:0; }
.citation-close { width:40px; height:40px; flex-shrink:0; border:0; background:transparent; color:var(--text-color); font-size:28px; cursor:pointer; border-radius:6px; }
.citation-close:hover { background:var(--light-border); }
#citation-title { margin:16px 0; color:var(--secondary-text); font-size:16px; }
#citation-dialog label { display:block; margin:0 0 8px; font-size:14px; font-weight:600; }
#citation-bibtex { display:block; width:100%; height:300px; resize:vertical; padding:16px; background:var(--light-border); color:var(--text-color); border:1px solid var(--border-color); border-radius:6px; font:13px/1.7 ui-monospace,monospace; }
#citation-bibtex:focus-visible { outline:2px solid var(--link-color); outline-offset:2px; }
.citation-footer { display:flex; align-items:center; gap:16px; margin-top:18px; flex-wrap:wrap; }
#citation-status { font-size:14px; color:var(--secondary-text); }
@media(max-width:700px) { #citation-dialog { padding:20px; }.citation-header h2 { font-size:21px; } }