/* Daily Composure header: logo on the left, menu centered, actions on the right (desktop only). */
@media (min-width: 992px) {
    .gh-navigation:is(.is-left-logo, .is-middle-logo) .gh-navigation-inner {
        grid-template-columns: minmax(auto, 1fr) minmax(0, 2fr) minmax(auto, 1fr);
    }
    .gh-navigation:is(.is-left-logo, .is-middle-logo) .gh-navigation-brand {
        grid-column-start: 1;
        justify-self: start;
    }
    .gh-navigation:is(.is-left-logo, .is-middle-logo) .gh-navigation-menu {
        margin: 0;
        justify-content: center;
    }
    .gh-navigation:is(.is-left-logo, .is-middle-logo) .gh-navigation-actions {
        justify-self: end;
    }
}

/* Larger header logo (v2.5.5): theme default capped it at 40px tall */
.gh-navigation .gh-navigation-logo img { max-height: 44px; width: auto; }
@media (min-width: 768px) {
    .gh-navigation .gh-navigation-logo img { max-height: 56px; }
}
@media (min-width: 992px) {
    .gh-navigation .gh-navigation-logo img { max-height: 64px; }
}

/* ===================== v2.5.19: "Go deeper" Field Note box on tips ===================== */
.dc-deeper{ margin-top:48px; margin-bottom:8px; }
.dc-deeper-card{ display:flex; gap:20px; align-items:stretch; background:#037CA9; color:#FFFFFF !important; border-radius:18px; padding:20px; text-decoration:none !important; box-shadow:0 12px 28px rgba(0,40,60,.15); transition:transform .15s ease; }
.dc-deeper-card:hover{ transform:translateY(-2px); }
.dc-deeper-card:focus-visible{ outline:3px solid #7DD3EC; outline-offset:3px; }
.dc-deeper-img{ flex:0 0 160px; width:160px; height:auto; min-height:110px; object-fit:cover; border-radius:12px; }
.dc-deeper-text{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.dc-deeper-label{ font-family:Inter,system-ui,sans-serif; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#FFFFFF; }
.dc-deeper-title{ font-family:Montserrat,Inter,system-ui,sans-serif; font-size:22px; font-weight:800; line-height:1.2; color:#FFFFFF; }
.dc-deeper-excerpt{ font-family:Inter,system-ui,sans-serif; font-size:16px; line-height:1.5; color:#FFFFFF; }
.dc-deeper-cta{ align-self:flex-start; margin-top:6px; background:#7DD3EC; color:#0B3768; font-family:Inter,system-ui,sans-serif; font-weight:700; font-size:15px; padding:9px 16px; border-radius:999px; }
@media (max-width:560px){ .dc-deeper-card{ flex-direction:column; } .dc-deeper-img{ width:100%; flex-basis:auto; max-height:180px; } }
.dc-deeper[hidden]{ display:none; }
.dc-deeper-in{ animation:dcDeeperIn .4s ease-out; }
@keyframes dcDeeperIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ .dc-deeper-in{ animation:none; } }

/* ===================== v2.5.28: larger, proportional logo in header and footer ===================== */
/* The logo column was capped at a quarter of the header width, which shrank the logo. Give it its natural width. */
@media (min-width: 992px) {
    .gh-navigation:is(.is-left-logo, .is-middle-logo) .gh-navigation-inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
        column-gap: 32px;
    }
}
.gh-navigation .gh-navigation-logo img { height: 42px; max-height: none; width: auto; max-width: none; }
@media (min-width: 768px) { .gh-navigation .gh-navigation-logo img { height: 52px; } }
@media (min-width: 992px) { .gh-navigation .gh-navigation-logo img { height: 60px; } }
.gh-footer .gh-footer-logo img { height: 44px; max-height: none; width: auto; max-width: none; }
@media (min-width: 768px) { .gh-footer .gh-footer-logo img { height: 52px; } }

/* ===================== v2.5.30: "Spot an error?" line under posts ===================== */
.dc-report{ padding-top:16px; border-top:1px solid rgba(29,74,94,.14); font-size:15px; color:#3D5C6E; }
.dc-report a{ color:#026E96; text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
.dc-report-wrap{ margin-top:32px; }
.dc-report-wrap .dc-report{ margin:0; display:block; }
.dc-report p{ margin:0; }
.dc-report p + p{ margin-top:6px; }