/* Editorial layout using the shared IronJuice palette. */
body.ij-blog-page #main{padding:var(--page-heading-gap) 0 var(--info-end-space)}
body.ij-blog-page #main .section-blogs>.container{width:100%;padding:0}
body.ij-blog-page #main>.container{max-width:1320px;padding:0 30px}
@media (max-width:48rem){
body.ij-blog-page #main>.container{padding-inline:20px}}
body.ij-blog-page #main .section-blogs{margin:0;padding:0}
body.ij-blog-page #main .ij-blog-intro{margin:0 0 20px}
body.ij-blog-page #main .ij-blog-intro>span{display:block;font-family:Rubik,Arial,sans-serif;font-size:var(--info-card-size);font-weight:var(--info-heading-weight);line-height:1.35;letter-spacing:.02em;text-transform:none;color:var(--accent)}
body.ij-blog-page #main .ij-blog-intro p{color:var(--muted);font-size:var(--info-body-size);line-height:var(--info-copy-line);margin:8px 0 0}
body.ij-blog-page #main .ij-blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body.ij-blog-page #main .ij-blog-list:before,body.ij-blog-page #main .ij-blog-list:after{display:none}
body.ij-blog-page #main .ij-blog-list>li{width:auto;float:none;margin:0;padding:0;min-width:0}
body.ij-blog-page #main .ij-blog-card .inner{height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);box-sizing:border-box}
body.ij-blog-page #main .ij-blog-card .img{position:relative;display:block;height:auto;aspect-ratio:1.6;overflow:hidden;padding:0;margin:0}
body.ij-blog-page #main .ij-blog-card .img img{position:static;display:block;width:100%;height:100%;object-fit:cover;margin:0;transform:none;transition:transform .2s}
@media (hover: hover){
body.ij-blog-page #main .ij-blog-card .img:hover img{transform:scale(1.03)}}
body.ij-blog-page #main .ij-blog-card .text{padding:20px;display:flex;flex:1;flex-direction:column;gap:12px}
body.ij-blog-page #main .ij-blog-card .date{position:static;display:block;padding:0;background:none;color:var(--muted);font:400 13px/1.4 Rubik,Arial,sans-serif;border:0}
body.ij-blog-page #main .ij-blog-card .caption{display:block;margin:0;padding:0;color:var(--ink);;text-decoration:none;font-family:var(--info-font);font-size:var(--info-subheading-size);font-weight:var(--info-heading-weight);line-height:1.4}
@media (hover: hover){
body.ij-blog-page #main .ij-blog-card .caption:hover{color:var(--accent);font-family:var(--info-font);font-size:var(--info-subheading-size);font-weight:var(--info-heading-weight);line-height:1.4}}
body.ij-blog-page #main .ij-blog-card .info{margin:0;padding:0;color:var(--muted)}
body.ij-blog-page #main .ij-blog-card .info p{;margin:0;font-family:var(--info-font);font-size:var(--info-small-size);font-weight:400;line-height:var(--info-copy-line)}
body.ij-blog-page #main .ij-blog-read{margin-top:auto;padding-top:4px;display:inline-flex;gap:8px;align-items:center;color:var(--link);text-decoration:none;min-height:36px;font-family:var(--info-font);font-size:var(--info-button-size);font-weight:var(--info-action-weight);line-height:1.5}
body.ij-blog-page #main .ij-blog-card a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}

.ij-blog-article #main>.container{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}
.ij-blog-article .section-info{width:auto;margin:0;padding:0;float:none;min-width:0}
.ij-blog-article .section-info .content{;color:var(--muted);font-family:var(--info-font);font-size:var(--info-body-size);font-weight:400;line-height:var(--info-copy-line)}
body.ij-blog-article #main .section-info .content a{color:var(--link);text-underline-offset:3px}
body.ij-blog-article #main .section-info .content a:is(:focus-visible){color:var(--link-hover)}
@media (hover: hover){
body.ij-blog-article #main .section-info .content a:is(:hover,:focus-visible){color:var(--link-hover)}}
.ij-blog-article .section-info h2{color:var(--ink);font-size:var(--info-section-size);font-weight:700;line-height:1.25}.ij-blog-article .section-info h3{color:var(--ink);font-size:var(--info-subheading-size);font-weight:700;line-height:1.4}
.ij-blog-article .section-info img{max-width:100%;height:auto}
.ij-blog-article .aside{width:auto;padding:0;margin:0;float:none}
.ij-blog-article .aside .ij-blog-list{margin:0;padding:0;list-style:none}
.ij-blog-article .aside .ij-blog-list>li{width:100%;float:none;padding:0;margin:0 0 24px}
.ij-blog-article .aside .inner{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ij-blog-article .aside .img{display:block;height:auto;aspect-ratio:1.6}
.ij-blog-article .aside img{width:100%;height:100%;object-fit:cover}
.ij-blog-article .aside .text{padding:16px}
.ij-blog-article .aside .bigcaption,.ij-blog-article .aside .bigcaption>span{font:700 var(--info-card-size)/1.25 var(--info-font)}
.ij-blog-article .aside .date{position:static;background:none;color:var(--muted);font-size:12px}
.ij-blog-article .aside .caption{font-size:16px;color:var(--ink)}
.ij-blog-article .aside .info{display:none}
@media(max-width:1000px){body.ij-blog-page #main .ij-blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ij-blog-article #main>.container{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body.ij-blog-page #main .ij-blog-list{grid-template-columns:minmax(0,1fr);gap:20px}body.ij-blog-page #main .ij-blog-card .text{padding:18px}body.ij-blog-page #main .ij-blog-card .caption{font-size:var(--info-subheading-size);font-family:var(--info-font);font-weight:var(--info-heading-weight);line-height:1.4}}
@media(prefers-reduced-motion:reduce){body.ij-blog-page #main .ij-blog-card .img img{transition:none}}

/* Keep editorial cards readable when any part of the card is hovered. */

/* Pagination fallback and progressive scroll loading share the site palette. */
body.ij-blog-page #main .more-pagenav{margin:1.5rem 0 0;padding:0;min-height:0}
body.ij-blog-page #main .more-pagenav:not(:has(a)){display:none}
body.ij-blog-page #main .pagenav{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
body.ij-blog-page #main .pagenav li{float:none;margin:0;padding:0}
body.ij-blog-page #main .pagenav a,body.ij-blog-page #main .ij-blog-load-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.625rem .875rem;border:1px solid var(--line);border-radius:.625rem;background:var(--panel);color:var(--link);font:var(--info-action-weight) 1rem/1.4 var(--info-font);text-decoration:none;box-sizing:border-box;cursor:pointer}
body.ij-blog-page #main .pagenav a.active{background:var(--accent);border-color:var(--accent);color:var(--bg,#0b1b26)}
body.ij-blog-page #main .pagenav a:focus-visible,body.ij-blog-page #main .ij-blog-load-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(hover:hover){body.ij-blog-page #main .pagenav a:not(.active):hover,body.ij-blog-page #main .ij-blog-load-button:not(:disabled):hover{background:var(--panel);border-color:var(--accent);color:var(--accent)}}
body.ij-blog-page #main .ij-blog-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem}
body.ij-blog-page #main .ij-blog-load-button:disabled{opacity:.75;cursor:wait}
body.ij-blog-page #main .ij-blog-load-status{margin:0;color:var(--muted);font:400 var(--info-small-size)/1.5 var(--info-font);text-align:center}
body.ij-blog-page #main .ij-blog-load-status:empty{display:none}

body.ij-blog-page #main .section-blogs,body.ij-blog-page #main .section-blogs>.container{margin-bottom:0;padding-bottom:0}
@media(max-width:600px){body.ij-blog-page #main{padding-bottom:var(--info-end-space)}body.ij-blog-page #main .ij-blog-intro>span{font-size:var(--info-card-size);font-weight:var(--info-heading-weight)}body.ij-blog-page #main .ij-blog-intro p{font-size:var(--info-body-size);line-height:var(--info-copy-line)}}





body.ij-blog-page #main .ij-blog-read:is(:focus-visible){color:var(--link-hover)}





@media (hover: hover){





body.ij-blog-page #main .ij-blog-read:is(:hover,:focus-visible){color:var(--link-hover)}}

.ij-blog-article .ij-blog-cover{margin:0 0 24px}
.ij-blog-article .ij-blog-cover img{display:block;width:100%;height:auto;border-radius:12px}