/* Research & Work rich archive: books, linked records, service and media. */
.sr-research-work .sr-page-prose a {
    text-decoration-thickness: .06em;
    text-underline-offset: .16em;
}

/* These class-based rules also support HTML-card content if Ghost preserves it. */
.sr-book-feature {
    display: grid;
    grid-template-columns: 178px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    max-width: 920px !important;
    width: min(920px, 100%);
    margin: 1.4em auto 2.2em !important;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
}
.sr-book-cover-link { display: block; text-decoration: none !important; }
.sr-book-cover {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border: 1px solid var(--line);
    border-radius: 4px;
    background: var(--panel-soft);
    box-shadow: 0 12px 30px rgba(25, 37, 43, .12);
}
.sr-book-feature h3 { margin: 0 0 8px !important; font-size: 22px !important; }
.sr-book-feature h3::before { display: none !important; }
.sr-book-feature p { margin-top: .7em !important; }
.sr-book-meta { color: var(--muted); font: 11px/1.5 var(--mono) !important; }

/* Ghost's HTML importer intentionally normalises arbitrary classes. The cover is
   therefore also styled by its stable alt text when imported as an image card. */
.sr-research-work .kg-image-card:has(img[alt^="Cover of Digital Sustainability"]),
.sr-research-work figure:has(img[alt^="Cover of Digital Sustainability"]) {
    float: left;
    width: 178px;
    max-width: 34%;
    margin: .35em 28px 1.2em 0 !important;
}
.sr-research-work img[alt^="Cover of Digital Sustainability"] {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: 4px;
    background: var(--panel-soft);
    box-shadow: 0 12px 30px rgba(25, 37, 43, .12);
}
.sr-research-work #patents { clear: both; }

.sr-link-list {
    max-width: 920px !important;
    width: min(920px, 100%);
    margin: 1.1em auto 2.2em !important;
    padding: 0 !important;
    list-style: none !important;
    border-top: 1px solid var(--line);
}
.sr-link-list > li { margin: 0 !important; padding: 13px 2px 14px; border-bottom: 1px solid var(--line); }
.sr-link-list > li + li { margin-top: 0 !important; }
.sr-link-list a { font-weight: 650; }
.sr-link-list small { display: block; margin-top: 4px; color: var(--muted); font: 12px/1.45 var(--sans); }

.sr-role-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 920px !important;
    width: min(920px, 100%);
    margin: 1.2em auto 2em !important;
}
.sr-role-grid article { padding: 18px 19px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); }
.sr-role-grid h3 { margin: 0 0 8px !important; font-size: 16px !important; }
.sr-role-grid h3::before { display: none !important; }
.sr-role-grid p { margin: 0 !important; color: var(--muted); font: 14px/1.55 var(--sans); }

.sr-media-group {
    max-width: 920px !important;
    width: min(920px, 100%);
    margin: 1.6em auto 2.4em !important;
    padding: 18px 20px 4px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--panel);
}
.sr-media-group > h3 { margin: 0 0 8px !important; font-size: 18px !important; }
.sr-media-group > h3::before { display: none !important; }
.sr-media-group .sr-link-list { width: 100%; margin: 0 !important; }
.sr-archive-note {
    max-width: 920px !important;
    width: min(920px, 100%);
    margin: -1em auto 2em !important;
    color: var(--muted);
    font: 12px/1.55 var(--sans) !important;
}

@media (max-width: 700px) {
    .sr-book-feature { grid-template-columns: 118px minmax(0, 1fr); gap: 18px; padding: 16px; }
    .sr-role-grid { grid-template-columns: 1fr; }
    .sr-media-group { padding: 16px 16px 2px; }
    .sr-research-work .kg-image-card:has(img[alt^="Cover of Digital Sustainability"]),
    .sr-research-work figure:has(img[alt^="Cover of Digital Sustainability"]) {
        width: 118px;
        max-width: 36%;
        margin-right: 18px !important;
    }
}

@media (max-width: 480px) {
    .sr-book-feature { grid-template-columns: 1fr; }
    .sr-book-cover-link { width: min(150px, 55vw); }
    .sr-research-work .kg-image-card:has(img[alt^="Cover of Digital Sustainability"]),
    .sr-research-work figure:has(img[alt^="Cover of Digital Sustainability"]) {
        float: none;
        width: min(150px, 55vw);
        max-width: none;
        margin: .4em 0 1.2em !important;
    }
}