/* Scoped styles for The Edit Journal blog management frontend. */
.tej-blog-archive,.tej-blog-related{max-width:1200px;margin:0 auto}
.tej-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tej-blog-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e5eaf3;border-radius:16px;box-shadow:0 5px 20px rgba(18,37,76,.05);display:flex;flex-direction:column}
.tej-blog-cover{display:block;aspect-ratio:1.55;overflow:hidden;background:linear-gradient(120deg,#12244e,#3067df)}
.tej-blog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.tej-blog-cover:hover img{transform:scale(1.04)}
.tej-blog-placeholder{display:grid;place-items:center;height:100%;font:italic bold 30px Georgia,serif;color:#fff}
.tej-blog-card-body{display:flex;align-items:flex-start;flex-direction:column;flex:1;padding:22px 23px}
.tej-blog-category{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#2459f5}
.tej-blog-date{display:inline-block;font-size:12px;color:#8390a8;margin-top:7px}
.tej-blog-card h3{font-size:23px;line-height:1.27;letter-spacing:-.03em;margin:12px 0 10px;color:#0b1020}
.tej-blog-card h3 a{color:inherit;text-decoration:none}
.tej-blog-card p{margin:0 0 22px;font-size:14px;line-height:1.8;color:#5c687d}
.tej-blog-read{display:inline-block;margin-top:auto;font-size:13px;font-weight:760;color:#2459f5;text-decoration:none}
.tej-blog-pagination{margin:42px auto 12px;text-align:center}
.tej-blog-pagination .page-numbers{display:flex;list-style:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0;padding:0}
.tej-blog-pagination a,.tej-blog-pagination .current{display:inline-flex;padding:10px 13px;min-height:41px;justify-content:center;align-items:center;border:1px solid #e5eaf3;border-radius:8px;text-decoration:none;color:#34435f;background:#fff}
.tej-blog-pagination .current{background:#2459f5;color:#fff;border-color:#2459f5}
.tej-blog-empty{grid-column:1/-1;text-align:center;padding:50px;background:#f5f7fc;border-radius:14px}
.tej-blog-single-header{text-align:center;max-width:900px;margin:45px auto 34px}
.tej-blog-single-header h1{font-size:clamp(35px,5vw,68px);line-height:1.13;letter-spacing:-.045em;color:#0b1020;margin:15px 0 20px}
.tej-blog-single-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;color:#75839a;font-size:13px;font-weight:600}
.tej-blog-featured{max-width:1060px;margin:24px auto 45px}.tej-blog-featured img{display:block;width:100%;height:auto;border-radius:17px}
.tej-blog-post-content{max-width:820px;margin:0 auto;color:#46546b;line-height:1.95;font-size:17px;overflow-wrap:anywhere}
.tej-blog-post-content h2,.tej-blog-post-content h3{color:#0b1020;margin-top:1.5em}
.tej-blog-post-content img{max-width:100%;height:auto;border-radius:10px}
.tej-blog-tags{max-width:820px;margin:30px auto}.tej-blog-tags a{display:inline-block;margin:4px;padding:6px 13px;background:#eaf0ff;color:#1d4edb;border-radius:8px;text-decoration:none;font-size:12px}
.tej-blog-share{max-width:820px;margin:35px auto;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0;border-block:1px solid #e5eaf3}
.tej-blog-share strong{margin-right:10px;font-size:13px}.tej-blog-share a{padding:8px 11px;border-radius:7px;border:1px solid #dfe6f3;text-decoration:none;color:#2459f5;font-size:12px;font-weight:700}
.tej-blog-share a:hover{background:#eaf0ff}
.tej-blog-related{margin:60px auto}.tej-blog-related>h2{font-size:36px;margin-bottom:25px}
.tej-blog-elementor-location{min-height:30vh;padding:25px 18px}
@media(max-width:900px){.tej-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:580px){.tej-blog-grid{grid-template-columns:1fr}.tej-blog-card-body{padding:19px}.tej-blog-single-header{margin:26px auto}.tej-blog-single-header h1{font-size:clamp(33px,9vw,44px)}.tej-blog-elementor-location{padding:18px 12px}}

/* v1.1 responsive editorial archive design */
.tej-blog-archive{padding:18px 0 30px}
.tej-blog-archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:4px 0 25px}
.tej-blog-eyebrow{display:inline-block;color:#2459f5;font-size:11px;font-weight:830;letter-spacing:.17em;margin:0 0 10px}
.tej-blog-archive-head h2{margin:0 0 10px;color:#0b1020;font-size:clamp(30px,4vw,50px);letter-spacing:-.05em;line-height:1.15}
.tej-blog-archive-head p{margin:0;color:#69758a;font-size:15px;line-height:1.8}
.tej-blog-search{display:flex;align-items:stretch;gap:8px;max-width:100%}
.tej-blog-search input{background:#f8faff;border:1px solid #dfe7f6;border-radius:9px;min-width:0;width:225px;max-width:60vw;padding:12px 14px;color:#0b1020;outline-offset:3px;font-size:14px}
.tej-blog-search button{border:none;border-radius:9px;padding:12px 17px;background:#2459f5;color:#fff;font-size:13px;font-weight:750;cursor:pointer}
.tej-blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:31px}
.tej-blog-filters a{border:1px solid #e4eafa;border-radius:99px;padding:9px 15px;background:#fff;color:#52617a;font-size:12px;font-weight:750;white-space:nowrap;text-decoration:none}
.tej-blog-filters a:hover,.tej-blog-filters a.is-current{background:#2459f5;color:#fff;border-color:#2459f5}
.tej-blog-card{border-radius:19px;transition:box-shadow .2s ease,transform .2s ease}
.tej-blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(18,37,76,.13)}
.tej-blog-card h3 a:hover{color:#2459f5}
.tej-blog-card .tej-blog-cover{aspect-ratio:1.53}
.tej-blog-card-body{padding:24px}
.tej-blog-read{display:inline-flex;align-items:center;gap:5px}
@media(max-width:900px){.tej-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tej-blog-archive-head{align-items:flex-start}}
@media(max-width:580px){.tej-blog-grid{grid-template-columns:minmax(0,1fr)}.tej-blog-archive-head h2{font-size:35px}.tej-blog-search{width:100%}.tej-blog-search input{width:100%;max-width:none}.tej-blog-card-body{padding:20px}}

/* Expand the classic theme's content wrapper so three cards actually fit. */
.tej-blogs-page .page-content{max-width:1200px}
.tej-blogs-page .content-section{padding-top:75px}
.tej-blogs-page .tej-blog-archive{width:100%}
.tej-blogs-page .page-banner h1{font-size:clamp(44px,5.5vw,72px)}
@media(max-width:580px){.tej-blogs-page .content-section{padding-top:42px}}