.journal{padding-top:32px;padding-bottom:64px}.journal-hero{padding:36px;border-radius:24px;background:#173f35;color:#fff;margin-bottom:24px}.journal-hero .eyebrow{color:#c6ddce}.journal-hero h1{font-size:clamp(28px,4vw,44px);margin:16px 0}.journal-hero p{max-width:720px;line-height:2;color:#e4ede8}.journal-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted,#64746c);margin-bottom:20px}.journal-hero .journal-breadcrumb{color:#d5e7dc}.journal-hero a{color:inherit}.journal-search{display:flex;gap:10px;max-width:650px;margin-top:26px}.journal-search input{flex:1;min-width:0;background:#fff;color:#173f35}.journal-search .button{background:#d7e9ce;color:#173f35;white-space:nowrap}.journal-categories{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}.journal-categories a{display:flex;gap:12px;align-items:center;padding:9px 15px;border:1px solid #dce5df;border-radius:99px;background:#fff;font-size:13px}.journal-categories a[aria-current=page]{background:#173f35;color:#fff;border-color:#173f35}.journal-categories span{opacity:.7;font-size:12px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.journal-results{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.journal-results h2{font-size:20px;margin:0}.journal-results>span{font-size:13px;color:var(--muted,#64746c)}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.journal-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e7e3;border-radius:18px;display:flex;flex-direction:column;box-shadow:0 5px 20px #173f3505}.journal-card-image{display:block;aspect-ratio:5/3;overflow:hidden;background:#e9eee8}.journal-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.journal-card:hover .journal-card-image img{transform:scale(1.025)}.journal-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(135deg,#edf2e9,#d5e4dc);color:#456857}.journal-placeholder svg{width:36px;height:36px}.journal-placeholder span{font-size:14px}.journal-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.journal-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:#64746c}.journal-card-meta>span{color:#29593f}.journal-card h2{font-size:18px;line-height:1.8;margin:12px 0}.journal-card h2 a{color:#173f35}.journal-card-body>p{line-height:1.9;font-size:13px;color:#607269;margin:0 0 20px;overflow-wrap:anywhere}.journal-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px}.journal-card-foot>span{color:#79877f}.journal-aside{padding:22px;margin-bottom:22px}.journal-aside h2{font-size:17px;line-height:1.8}.journal-aside p{font-size:13px;line-height:2;color:#627268}.journal-latest{display:block;padding:14px 0;border-bottom:1px solid #e7ece8;font-size:13px;line-height:1.8}.journal-latest:last-child{border:0;padding-bottom:0}.journal-latest small{display:block;color:#79877f;margin-top:6px}.journal-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px}.journal-page{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #dce5df;border-radius:9px;background:#fff}.journal-page[aria-current=page]{background:#173f35;color:white}.magazine-empty{text-align:center;padding:45px 20px}.magazine-empty h2{font-size:20px}.magazine-empty p{color:#64746c;line-height:1.9}.journal-empty-icon svg{width:36px;height:36px;color:#6c8b76}.journal-detail{max-width:1060px}.journal-article{max-width:860px;margin:auto}.journal-article-head{padding:16px 0 26px}.journal-article h1{font-size:clamp(26px,4vw,42px);line-height:1.7;color:#173f35;margin:14px 0 22px;overflow-wrap:anywhere}.journal-article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:#6d7c73;font-size:13px}.journal-article-head>small{display:block;color:#77837c;font-size:12px;margin-top:10px}.journal-lead{font-size:18px;line-height:2;color:#566b5f;border-right:3px solid #abc6af;padding-right:18px;margin:28px 0 0}.journal-featured{margin:0 0 34px;border-radius:18px;overflow:hidden;background:#edf2ee}.journal-featured img{display:block;width:100%;max-height:580px;object-fit:cover}.journal-article-body{font-size:16px;line-height:2.25;color:#304b3d;overflow-wrap:anywhere}.journal-article-body h2{font-size:25px;line-height:1.7;margin:34px 0 16px;color:#173f35}.journal-article-body h3{font-size:21px;line-height:1.8;margin:28px 0 12px}.journal-article-body h4,.journal-article-body h5{font-size:18px;margin-top:24px}.journal-article-body p{margin:0 0 20px}.journal-article-body ul,.journal-article-body ol{padding-right:26px;margin:20px 0}.journal-article-body li{margin:8px 0}.journal-article-body img{max-width:100%;height:auto;border-radius:12px}.journal-article-body figure{margin:26px 0}.journal-article-body figcaption{font-size:13px;color:#718176;text-align:center}.journal-article-body blockquote{border-right:4px solid #92b596;background:#eff5ec;margin:28px 0;padding:22px;border-radius:12px}.journal-article-body a{color:#276f48;text-decoration:underline;text-underline-offset:4px}.journal-article-body pre{direction:ltr;text-align:left;white-space:pre;overflow:auto;max-width:100%;background:#172c24;color:#e4eee6;padding:24px;border-radius:12px;font-size:14px;line-height:1.8}.journal-article-body code{font-family:Consolas,monospace}.journal-article-body :not(pre)>code{background:#edf2ed;padding:2px 5px;border-radius:4px}.journal-article-body table{display:block;overflow:auto;width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.journal-article-body th,.journal-article-body td{border:1px solid #cedbd1;padding:12px;min-width:90px}.journal-article-body th{background:#edf3ed}.journal-article-body hr{border:0;border-top:1px solid #dde7dd;margin:30px 0}.journal-article-body .align-left{text-align:left}.journal-article-body .align-center{text-align:center}.journal-article-body .align-right{text-align:right}.journal-article-body .align-justify{text-align:justify}.journal-article-foot{border-top:1px solid #dce6de;margin-top:36px;padding:22px 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px}.journal-related{margin-top:48px}.journal-related .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journal-preview{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.journal-copy-code{display:block;margin:0 0 8px auto;font-family:inherit;font-size:12px;padding:5px 12px;border:1px solid #69816f;border-radius:6px;color:#e4eee6;background:#294236;cursor:pointer}.magazine-admin .admin-content{min-width:0}.magazine-panel{padding:24px;margin-bottom:20px}.magazine-panel h2{font-size:18px;margin:0 0 16px}.magazine-panel>label,.magazine-panel>input,.magazine-panel>textarea,.magazine-panel>select{display:block;width:100%}.magazine-panel label{font-weight:600;margin:8px 0}.magazine-panel label small{font-weight:400;color:#748077}.magazine-panel small,.magazine-help{display:block;font-size:12px;line-height:1.9;color:#748077;margin:9px 0}.magazine-panel input[type=file]{font-size:12px;max-width:100%;padding:8px}.magazine-filters{padding:18px;display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:22px}.magazine-filters label{flex:1;min-width:150px;display:flex;flex-direction:column;gap:7px;font-size:13px}.magazine-filters .button{flex-shrink:0}.magazine-table{padding:10px 18px}.magazine-table table{width:100%;font-size:13px}.magazine-table td{vertical-align:top;line-height:1.55}.magazine-slug{display:block;color:#7d877f;font-size:11px;margin-top:8px;overflow-wrap:anywhere}.magazine-row-actions{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;min-width:220px}.magazine-row-actions form{margin:0}.magazine-status{display:inline-block;padding:5px 9px;border-radius:99px;font-size:12px;white-space:nowrap}.magazine-status.is-published{background:#e0f1e5;color:#26643d}.magazine-status.is-draft{background:#fff1d9;color:#785728}.magazine-delete{color:#9c3c34;font-size:12px}.magazine-delete summary{cursor:pointer}.magazine-delete form{padding:12px;border:1px solid #edd8d4;border-radius:10px;margin-top:8px;background:#fff8f6}.magazine-delete .admin-check{font-size:12px}.magazine-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.magazine-edit-main,.magazine-edit-side{min-width:0}.magazine-edit-side .magazine-panel{padding:20px}.magazine-publish-actions{display:flex;flex-direction:column;gap:12px}.magazine-publish-actions .button{width:100%;font-size:13px}.magazine-editor-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.magazine-import{padding:18px;border:1px solid #cddfd0;background:#f3f7f1;border-radius:12px;margin:16px 0}.magazine-import[hidden]{display:none}.magazine-import textarea{width:100%;font-family:Consolas,monospace;font-size:13px}.magazine-import label{display:block}.magazine-cover-preview{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:10px;margin:15px 0}.magazine-category-form{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px 18px}.magazine-category-form label{display:flex;flex-direction:column;gap:8px}.magazine-category-form label:nth-of-type(3){grid-column:1/-1}.magazine-category-form .button,.magazine-category-form .text-link{justify-self:start}.magazine-admin .tox-tinymce{max-width:100%;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.journal-layout .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.magazine-edit-grid{grid-template-columns:minmax(0,1fr)}.magazine-edit-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.magazine-edit-side .magazine-panel{margin:0}.journal-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}}
@media(max-width:760px){.journal{padding-top:22px;padding-bottom:32px}.journal-hero{padding:24px 20px;border-radius:18px}.journal-search .button{font-size:12px;padding:12px}.journal-search .button svg{display:none}.journal-layout{grid-template-columns:minmax(0,1fr)}.journal-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journal-aside{margin:0;padding:18px}.journal-card-body{padding:16px}.journal-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-article h1{font-size:28px}.journal-lead{font-size:16px}.journal-article-body{font-size:15px;line-height:2.2}.magazine-panel{padding:18px}.magazine-filters{gap:10px}.magazine-table{padding:6px}.magazine-edit-grid{gap:16px}.journal-categories{gap:7px}.journal-categories a{font-size:12px;padding:8px 12px}}
@media(max-width:480px){.journal-grid,.journal-related .journal-grid,.journal-sidebar,.magazine-edit-side,.magazine-category-form{grid-template-columns:minmax(0,1fr)}.journal-hero h1{font-size:28px}.journal-hero p{font-size:13px}.journal-search{gap:7px}.journal-card h2{font-size:18px}.journal-sidebar{margin-top:12px}.journal-article-meta{font-size:12px;gap:8px 14px}.journal-article-body pre{padding:16px;font-size:12px}.magazine-filters label{min-width:100%;flex-basis:100%}.magazine-edit-side .magazine-panel{padding:18px}.magazine-editor-tools .button{font-size:12px}.journal-pagination{gap:5px}.journal-page{min-width:30px}}

/* Magazine archive: one clear reading grid, with filters and search above it. */
.journal-index .journal-hero {
    background: linear-gradient(120deg, #f2f6ee, #e7f0eb);
    border: 1px solid #dce7df;
    color: #173f35;
    padding: 28px 32px 32px;
}

.journal-index .journal-breadcrumb {
    color: #61786c;
    margin-bottom: 24px;
    font-size: 12px;
}

.journal-hero-content {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    align-items: center;
    gap: 40px;
}

.journal-intro {
    min-width: 0;
}

.journal-index .journal-hero .eyebrow {
    color: #39614c;
    font-size: 12px;
}

.journal-index .journal-hero h1 {
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.6;
    margin: 10px 0;
    overflow-wrap: anywhere;
}

.journal-index .journal-hero p {
    color: #526b5e;
    font-size: 14px;
    line-height: 1.9;
    margin: 0;
}

.journal-index .journal-search {
    display: block;
    max-width: none;
    margin: 0;
    padding: 22px;
    background: #ffffffd9;
    border: 1px solid #dce7df;
    border-radius: 16px;
}

.journal-index .journal-search label {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
}

.journal-search-field {
    display: flex;
    gap: 8px;
}

.journal-index .journal-search input {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #d4e0d7;
    font-size: 13px;
}

.journal-index .journal-search .button {
    min-height: 46px;
    padding: 10px 16px;
    background: #173f35;
    color: #fff;
    font-size: 13px;
}

.journal-index .journal-categories {
    margin: 24px 0 32px;
}

.journal-index .journal-results {
    padding-bottom: 16px;
    margin-bottom: 22px;
    border-bottom: 1px solid #dce5df;
}

.journal-index .journal-results h2 {
    min-width: 0;
    overflow-wrap: anywhere;
}

.journal-index .journal-results > span {
    flex-shrink: 0;
}

.journal-index .journal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.journal-index .journal-card-image {
    aspect-ratio: 16 / 9;
}

.journal-index .journal-placeholder {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 15% 20%, #d2e3d7 0, transparent 55%), #edf3ed;
    gap: 8px;
}

.journal-index .journal-placeholder svg {
    width: 44px;
    height: 44px;
    padding: 9px;
    box-sizing: content-box;
    border: 1px solid #b9cdbf;
    border-radius: 16px;
    margin-bottom: 2px;
}

.journal-placeholder small {
    font-size: 11px;
    opacity: .8;
}

.journal-index .journal-card-meta {
    align-items: center;
    gap: 10px;
    line-height: 1.8;
}

.journal-index .journal-card-meta > span {
    padding: 3px 8px;
    border-radius: 6px;
    background: #edf4ef;
}

.journal-index .journal-card h2,
.journal-index .journal-card-body > p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.journal-index .journal-card h2 {
    overflow-wrap: anywhere;
}

.journal-index .journal-card-foot {
    padding-top: 16px;
    border-top: 1px solid #e7ede8;
    flex-wrap: wrap;
    row-gap: 10px;
}

.journal-index a:focus-visible,
.journal-index input:focus-visible,
.journal-index button:focus-visible {
    outline: 2px solid #276f57;
    outline-offset: 3px;
}

@media (max-width: 1023px) {
    .journal-index .journal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .journal-hero-content {
        gap: 24px;
    }

    .journal-index .journal-search {
        padding: 18px;
    }
}

@media (max-width: 760px) {
    .journal-index .journal-hero {
        padding: 22px;
    }

    .journal-hero-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .journal-index .journal-breadcrumb {
        margin-bottom: 18px;
    }

    .journal-index .journal-categories {
        margin: 20px 0 26px;
    }
}

@media (max-width: 640px) {
    .journal-index .journal-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .journal-index .journal-results h2 {
        font-size: 18px;
    }

    .journal-index .journal-hero {
        padding: 20px 16px;
    }

    .journal-index .journal-search {
        padding: 14px;
    }

    .journal-index .journal-search .button {
        padding-inline: 12px;
    }
}