/*
Theme Name: Iusmentis Articles
Template: analog
Description: Child theme of AnaLog for iusmentis.com article archive (site 2).
Version: 1.0.0
*/

/* Child theme inherits parent styles via Template: directive above. */

/* Front page: legacy homepage structure in the blog's AnaLog look (.widget boxes). */
.iusm-front { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.iusm-front .widget { margin: 0; }
.iusm-front__title { text-align: center; margin: 0; }
.iusm-front__content { display: grid; gap: 40px; align-content: start; }
.iusm-front__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2rem; }
.iusm-front__article img,
.iusm-front__topic img { float: left; margin: 0 .75rem .25rem 0; border: 2px solid #000; }
.iusm-front__article,
.iusm-front__topic { overflow: hidden; }
.iusm-front__topic h3 { margin: 0 0 .25rem; font-size: 1.15rem; word-break: normal; overflow-wrap: normal; hyphens: none; }
.iusm-front__note { font-size: .85em; }
.iusm-front__all,
.iusm-front__author { text-align: right; }
.iusm-front__subtitle { font-style: italic; }
.iusm-front__blog { align-self: start; }
.iusm-front__advice { width: 100%; max-width: 48rem; justify-self: center; box-sizing: border-box; }

@media (min-width: 900px) {
    .iusm-front { grid-template-columns: minmax(0, 1fr) 24rem; }
    .iusm-front__title,
    .iusm-front__advice { grid-column: 1 / -1; }
    .iusm-front__blog { grid-column: 2; grid-row: 2; }
    .iusm-front__content { grid-column: 1; grid-row: 2; }
}

@media (max-width: 599px) {
    .iusm-front__grid { grid-template-columns: minmax(0, 1fr); }
    .iusm-front .widget { padding: 20px; }
    .iusm-front .widget .widget-title { margin: -20px -20px 20px; }
}

/* Single article: blog-style white box, legacy linkbar as side panel. */
.iusm-article__box {
    padding: 20px 40px 40px;
    background-color: #fff;
    border: 3px solid #000;
    box-shadow: 10px 10px rgba(0, 0, 0, .5);
    box-sizing: border-box;
}
.iusm-article__title { margin-top: .5rem; }
.iusm-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .25rem .5rem; margin: 0; padding: 0; list-style: none; font-size: .85em; }
.iusm-breadcrumb li + li::before { content: "›"; margin-right: .5rem; color: #888; }
.iusm-article-body::after { content: ""; display: table; clear: both; }
.iusm-article-body .linkbar {
    float: right;
    clear: right;
    width: 30%;
    margin: 0 0 1.5rem 2rem;
    padding: 1rem 1.25rem;
    border: 3px solid #000;
    box-shadow: 6px 6px rgba(0, 0, 0, .5);
    background-color: #fff;
    font-size: .9em;
}
.iusm-article-body .linkbar h2 { margin: 0 0 .5rem; font-size: 1.1rem; }
.iusm-article-body .linkbar h2 ~ h2 { margin-top: 1rem; }
.iusm-article-body .linkbar ul { margin: 0; padding-left: 1.1rem; }
.iusm-article-body .abstract {
    margin: 0 0 1.5rem;
    padding: 1rem 1.25rem;
    background-color: #fdf1f7;
    border-left: 4px solid currentColor;
    font-style: normal;
    display: flow-root;
}
.iusm-article-body .abstract p:last-child { margin-bottom: 0; }

.iusm-siblings { margin: 1.5rem 0; }

@media (max-width: 799px) {
    .iusm-article__box { padding: 15px 20px 30px; }
    .iusm-article-body .linkbar { float: none; width: auto; margin: 0 0 1.5rem; }
}