/* Blog detail layout. Shared design values come from Global Styles. */
.ari-article-shell {
    padding-block:3rem 4.5rem;
}
.ari-article-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:3rem;
    align-items:start;
}
.ari-article-layout>.ari-article-column,
.ari-article-layout>.ari-article-sidebar {
    min-width:0;
    margin-block-start:0;
}
.ari-article-head .ari-eyebrow {
    margin:0 0 1rem;
}
.ari-article-head .wp-block-post-title {
    font-size:min(var(--ari-h1-size,var(--wp--preset--font-size--hero,4rem)),clamp(1.9rem,3.4vw,2.85rem));
    line-height:1.15;
    text-wrap:balance;
    margin:0;
}
.ari-article-meta {
    gap:1rem;
    font-size:.8rem;
    margin-top:1.25rem;
    color:inherit;
}
.ari-article-meta .wp-block-post-terms {
    padding-inline-start:1rem;
    border-inline-start:1px solid #77817450;
}
.ari-article-image {
    height:clamp(160px,20vw,250px);
    margin:2rem 0;
    border-radius:var(--ari-radius,16px);
    overflow:hidden;
    background:var(--wp--preset--color--dark,#141816);
}
.ari-article-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:70% 50%;
}
.ari-article-prose {
    margin-top:2rem;
    font-size:1.125rem;
    line-height:1.85;
    overflow-wrap:anywhere;
}
.ari-article-prose>:where(p,ul,ol,h2,h3,h4) {
    max-width:70ch;
    margin-inline:0;
}
.ari-article-prose>p,
.ari-article-prose>ul,
.ari-article-prose>ol {
    margin-block:1.25rem;
}
.ari-article-prose>.ari-page-intro {
    font-size:1.125rem;
    line-height:1.8;
    color:var(--ari-heading-page,var(--wp--preset--color--heading));
}
.ari-article-prose h2 {
    font-size:min(var(--ari-h2-size,2.7rem),1.8rem);
    line-height:1.3;
    margin-block:2.25rem .85rem;
}
.ari-article-prose h3 {
    font-size:1.4rem;
    line-height:1.35;
    margin-block:1.75rem .75rem;
}
.ari-article-prose li+li {
    margin-top:.6rem;
}
.ari-article-prose blockquote {
    margin-inline:0;
    padding:1.25rem 1.5rem;
    border-inline-start:4px solid var(--wp--preset--color--primary,#f5c518);
    background:var(--wp--preset--color--card,#fff);
    border-radius:0 var(--ari-radius,16px) var(--ari-radius,16px) 0;
}
.ari-article-prose :is(pre,table) {
    max-width:100%;
    overflow:auto;
}
.ari-article-prose :is(.alignwide,.alignfull) {
    max-width:100%;
    margin-inline:0;
}
.ari-article-end {
    margin-top:2.5rem;
    padding-top:1.75rem;
    border-top:1px solid #77817440;
}
.ari-article-end h2 {
    margin:0;
    font-size:1.5rem;
    line-height:1.3;
}
.ari-article-end p {
    font-size:1rem;
    margin-block:.75rem 1.25rem;
}
.ari-article-sidebar {
    display:grid;
    gap:1.25rem;
}
.ari-sidebar-widget {
    margin:0;
    padding:1.5rem;
    border:1px solid #77817426;
    border-radius:var(--ari-radius,16px);
    background:var(--wp--preset--color--card,#fff);
    color:var(--ari-on-card,#151a17);
}
.ari-sidebar-widget h2 {
    margin:0 0 1rem;
    color:inherit;
    font-size:1.2rem;
    line-height:1.35;
    letter-spacing:-.025em;
}
.ari-sidebar-contact {
    background:var(--wp--preset--color--menu-bg,#141816);
    color:var(--ari-on-menu,#fff);
    border-color:transparent;
}
.ari-sidebar-contact .ari-eyebrow {
    margin:0 0 .75rem;
    font-size:.65rem;
    color:inherit;
}
.ari-sidebar-contact h2 {
    font-size:1.5rem;
}
.ari-sidebar-contact p:not(.ari-eyebrow) {
    font-size:.875rem;
    line-height:1.75;
    margin:1rem 0 1.5rem;
}
.ari-sidebar-contact .ari-actions {
    display:grid;
    gap:.65rem;
}
.ari-sidebar-contact .ari-actions>a {
    justify-content:center;
    min-height:44px;
}
.ari-sidebar-contact:not(:has(.ari-actions)),
.ari-article-end:not(:has(.ari-actions)) {
    display:none;
}
.ari-related-posts {
    display:grid;
    gap:0;
}
.ari-related-post {
    padding-block:1rem;
    border-bottom:1px solid #77817426;
    min-width:0;
}
.ari-related-post:first-child {
    padding-top:0;
}
.ari-related-post:last-child {
    padding-bottom:0;
    border-bottom:0;
}
.ari-related-post h3 {
    font-size:1rem;
    line-height:1.5;
    margin:0;
    letter-spacing:-.02em;
    color:inherit;
}
.ari-related-post a {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:.75rem;
    min-height:44px;
    color:inherit;
    text-decoration:none;
}
.ari-related-post a:hover {
    text-decoration:underline;
}
.ari-related-post svg {
    display:block;
    width:18px;
    height:18px;
    flex-shrink:0;
    margin-top:.2rem;
}
.ari-related-post time {
    display:block;
    font-size:.75rem;
    margin-top:.5rem;
    opacity:.8;
}
.ari-sidebar-search .wp-block-search__label {
    font-weight:700;
    font-size:1rem;
    margin-bottom:.75rem;
}
.ari-sidebar-search .wp-block-search__inside-wrapper {
    padding:4px;
    gap:.5rem;
    border:1px solid #77817460;
    border-radius:var(--ari-button-radius,8px);
}
.ari-sidebar-search .wp-block-search__input {
    min-width:0;
    min-height:44px;
    padding:.5rem;
    font-size:.9rem;
    color:inherit;
    background:transparent;
}
.ari-sidebar-search .wp-block-search__button {
    flex-shrink:0;
    min-width:44px;
    min-height:44px;
    margin:0;
    padding:.5rem;
    color:var(--ari-on-button,#151a17);
    background:var(--ari-button-background,var(--wp--preset--color--button,#f5c518));
    border:0;
    border-radius:var(--ari-button-radius,8px);
}
@media(min-width:1024px) and (min-height:900px) {
    .ari-article-sidebar {
        position:sticky;
        top:2rem;
    }
}
@media(max-width:1023px) {
    .ari-article-layout {
        grid-template-columns:minmax(0,1fr);
        gap:2.5rem;
    }
    .ari-article-sidebar {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .ari-sidebar-contact {
        grid-row:span 2;
    }
    .ari-article-prose>:where(p,ul,ol,h2,h3,h4) {
        max-width:none;
    }
}
@media(max-width:639px) {
    .ari-article-shell {
        padding-block:2.25rem 3rem;
    }
    .ari-article-image {
        height:180px;
        margin-block:1.5rem;
    }
    .ari-article-prose {
        font-size:1.05rem;
        line-height:1.8;
        margin-top:1.5rem;
    }
    .ari-article-prose>.ari-page-intro {
        font-size:1.05rem;
    }
    .ari-article-prose h2 {
        font-size:1.5rem;
    }
    .ari-article-sidebar {
        grid-template-columns:minmax(0,1fr);
    }
    .ari-sidebar-contact {
        grid-row:auto;
    }
}
