@font-face{font-family:ExoSoft;src:url('fonts/ExoSoft-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ExoSoft;src:url('fonts/ExoSoft-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.blog-hero{padding:5rem 0;background:var(--blue-950);color:#fff}
.blog-hero .eyebrow{color:#cfe4ff}
.blog-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.08;max-width:17ch;margin:.6rem 0 1.3rem}
.blog-hero>div>p:last-child{font-size:1.2rem;max-width:620px;color:#daeaff}
.blog-list-section{padding-top:3rem;padding-bottom:5rem;min-height:360px}
.blog-list-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.blog-list-heading h2{font-size:2.3rem;margin:0}
.blog-search{display:grid;gap:.4rem;width:min(100%,340px);font-weight:600;font-size:.9rem}
.blog-search input,.editor-form input,.editor-form textarea,.editor-form select{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text-900);background:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.blog-card>a{display:block;height:100%}.blog-card a:hover h3{color:var(--blue-700)}
.blog-card img{width:100%;height:230px;object-fit:cover}
.blog-card-copy{padding:1.5rem;overflow-wrap:anywhere}.blog-card h3{font-size:1.5rem;line-height:1.25;margin:.5rem 0}
.blog-card p:not(.eyebrow){color:var(--text-700)}
.blog-card .eyebrow,.blog-article-shell .eyebrow,.editor-preview .eyebrow{color:var(--blue-800)}
.blog-meta{font-size:.88rem;color:var(--text-700)}.blog-read{font-weight:700;color:var(--blue-800)}
.blog-article-shell{max-width:900px;padding-top:2.5rem;padding-bottom:5rem;min-height:60vh}
.blog-back{display:inline-block;margin-bottom:2rem;color:var(--blue-800);font-weight:600}
.blog-article-shell h1,.editor-preview h1{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.12;margin:.5rem 0 1.3rem;overflow-wrap:anywhere}
.blog-lead{font-size:1.25rem;color:var(--text-700)}
.blog-cover{width:100%;max-height:550px;object-fit:contain;border-radius:14px;margin:2rem 0;background:var(--blue-050)}
.blog-prose{font-size:1.12rem;line-height:1.8;overflow-wrap:anywhere}.blog-prose h2,.blog-prose h3,.blog-prose h4{line-height:1.3;margin-top:2rem}.blog-prose a{text-decoration:underline;color:var(--blue-800)}
.editor-page{background:var(--blue-050)}.editor-header{background:#fff;border-bottom:1px solid var(--line)}
.editor-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem}
.editor-header h1{font-size:1.5rem;margin:0}.editor-header a{color:var(--blue-800)}
.editor-shell{padding-top:2rem;padding-bottom:4rem}
.editor-login{max-width:480px;margin:1rem auto;padding:2rem;background:white;border:1px solid var(--line);border-radius:16px}
.editor-form label{display:grid;gap:.4rem;font-weight:600;margin-bottom:1rem}
.editor-form small,.editor-help{font-weight:400;font-size:.88rem;color:var(--text-700)}
.editor-toolbar,.editor-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.editor-toolbar{justify-content:space-between;margin-bottom:1.5rem}
.editor-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.5rem}
.editor-list,.editor-panel{padding:1.5rem;border:1px solid var(--line);border-radius:14px;background:#fff}
.editor-list h2{margin-top:0;font-size:1.2rem}.editor-list button{display:block;text-align:left;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.8rem;margin-bottom:.7rem;font:inherit;cursor:pointer;overflow-wrap:anywhere}
.editor-list button[aria-current="true"]{background:var(--blue-100);border-color:var(--blue-700)}
.editor-list small{display:block;color:var(--text-700)}
.editor-form textarea{min-height:110px;resize:vertical}.editor-form #post-body{min-height:350px;font-weight:400;line-height:1.7}
.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editor-fields label{min-width:0}
.editor-format{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.editor-format button{padding:.4rem .8rem;border:1px solid var(--line);background:var(--blue-050);border-radius:6px;color:var(--blue-900);font:inherit;cursor:pointer}
.editor-cover-preview{width:100%;max-height:240px;object-fit:contain;margin-bottom:1rem}
.editor-status{padding:.8rem 0;min-height:2.8rem;overflow-wrap:anywhere}.editor-status[data-error="true"]{color:#a22424}
.editor-danger{color:#a22424;background:#fff;border-color:#dbb4b4}
.editor-preview{padding:1.5rem;background:var(--blue-050);border-radius:12px;margin-top:1.5rem}
.editor-actions{position:sticky;bottom:0;background:#fff;padding:1rem 0;border-top:1px solid var(--line);z-index:2}
[hidden]{display:none!important}
.editor-page :is(a,button,input,textarea):focus-visible{outline:3px solid var(--blue-700);outline-offset:3px}
.editor-page button:disabled{opacity:.55;cursor:wait}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.editor-list{max-height:260px;overflow:auto}}
@media(max-width:650px){.blog-list-heading{flex-direction:column;align-items:flex-start}.blog-grid{grid-template-columns:1fr}.editor-fields{grid-template-columns:1fr;gap:0}.editor-login,.editor-panel{padding:1.2rem}.blog-hero{padding:3.5rem 0}.editor-header .container{align-items:flex-start}.editor-header h1{font-size:1.2rem}}
@media(max-width:650px){.editor-actions{position:static}}

/* Public journal: editorial layout within the existing TSL brand. */
.journal-page{background:#fcfcf9!important}
.journal-hero{padding:4.5rem 0 3.5rem;background:radial-gradient(ellipse at 0 0,#eaf3fc 0,transparent 60%),#fcfcf9}
.journal-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}
.journal-kicker{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--blue-800);margin:0 0 1.1rem;display:flex;align-items:center;gap:.65rem}
.journal-kicker>span{width:7px;height:7px;background:#178680;border-radius:50%}
.journal-hero h1{font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:1.04;letter-spacing:-.04em;color:var(--blue-950);margin:1.5rem 0}
.journal-hero h1 span{color:#286eaa}
.journal-intro{font-size:1.15rem;line-height:1.8;max-width:420px;color:var(--text-700)}
.journal-explore{display:inline-flex;align-items:center;gap:1.5rem;font-weight:700;color:var(--blue-950);margin:1rem 0 2.4rem}
.journal-explore>span{display:grid;place-items:center;background:var(--blue-950);color:#fff;border-radius:50%;width:42px;height:42px;font-size:1.4rem;transition:transform .2s}
.journal-explore:hover>span{transform:translateY(3px)}
.journal-topics{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.78rem;color:var(--text-700);border-top:1px solid #d9e3eb;padding-top:1.2rem}
.journal-topics span+span::before{content:'·';margin-right:1rem;color:#7697ad}
.journal-hero-image{margin:0;position:relative;min-height:480px;align-self:stretch;border-radius:20px;overflow:hidden;background:var(--blue-950)}
.journal-hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.journal-hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,30,49,.88))}
.journal-hero-image figcaption{position:absolute;left:2.2rem;right:2rem;bottom:1rem;color:#fff;z-index:1}
.journal-hero-image figcaption>span{font-size:.65rem;font-weight:700;letter-spacing:.16em;color:#dbeafa}
.journal-hero-image figcaption p{font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.2;margin:.8rem 0 1.3rem}
.journal-image-mark{position:absolute;z-index:1;right:1.4rem;top:1.4rem;display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff80;border-radius:50%;color:white;font-size:1.5rem;background:#ffffff15}
.journal-page .blog-list-section{padding-top:3rem;padding-bottom:3.5rem;scroll-margin-top:110px}
.journal-page .blog-list-heading{margin-bottom:1.8rem;align-items:flex-end}
.journal-page .blog-list-heading h2{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.03em;color:var(--blue-950)}
.journal-page .blog-list-heading .journal-kicker{font-size:.65rem;margin-bottom:.7rem}
.journal-page .blog-search{position:relative;max-width:300px}
.journal-page .blog-search svg{position:absolute;top:16px;left:16px;width:20px;height:20px;color:var(--text-700)}
.journal-page .blog-search input{padding:.85rem 1rem .85rem 2.8rem;font-weight:400;border-radius:999px;background:transparent}
.journal-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.journal-filters{display:flex;gap:.6rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid #dde5e9}
.journal-filters button{border:1px solid #dce4e9;background:transparent;padding:.5rem 1rem;border-radius:999px;font:inherit;font-size:.9rem;color:var(--text-700);cursor:pointer}
.journal-filters button[aria-pressed="true"]{background:var(--blue-950);border-color:var(--blue-950);color:#fff}
.journal-page #blog-status{font-size:.85rem;color:var(--text-700);margin:.5rem 0 1.5rem}
.journal-page .blog-grid{gap:2rem}
.journal-page .blog-card{border:1px solid #dce4e9;border-radius:16px;transition:transform .2s,box-shadow .2s;background:#fff}
.journal-page .blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #082a5710}
.journal-page .blog-card>a{display:flex;flex-direction:column}
.journal-card-media{position:relative;background:#e3edf4;min-height:240px;overflow:hidden}
.journal-page .journal-card-media img{width:100%;height:100%;min-height:240px;max-height:290px;object-fit:cover;transition:transform .4s}
.journal-page .blog-card:hover img{transform:scale(1.025)}
.journal-page .blog-card-copy{padding:1.7rem;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.journal-page .blog-card-copy .eyebrow{display:inline-block;border-radius:999px;background:#eaf3fa;color:#235f8a;letter-spacing:.06em;padding:.35rem .7rem;font-size:.65rem;margin:0 0 1rem}
.journal-page .blog-card h3{font-size:1.7rem;line-height:1.2;color:var(--blue-950);margin:0 0 .9rem}
.journal-card-excerpt{margin:0 0 1.2rem;line-height:1.7}
.journal-page .blog-meta{margin-top:auto;font-size:.8rem}
.journal-page .blog-read{border-top:1px solid #e1e7ed;padding-top:1rem;margin-top:.7rem;width:100%;font-size:.9rem}
.journal-page .blog-card-featured{grid-column:1/-1}
.journal-page .blog-card-featured>a{display:grid;grid-template-columns:1.2fr 1fr}
.journal-page .blog-card-featured .journal-card-media{min-height:380px}
.journal-page .blog-card-featured img{position:absolute;inset:0;max-height:none;height:100%}
.journal-page .blog-card-featured .blog-card-copy{padding:2.5rem}
.journal-page .blog-card-featured h3{font-size:clamp(2rem,3vw,2.8rem)}
.journal-featured-label{position:absolute;left:1.3rem;top:1.3rem;border-radius:999px;background:white;padding:.4rem .8rem;font-size:.75rem;font-weight:700;color:var(--blue-950)}
.journal-card-placeholder{display:flex;flex-direction:column;justify-content:center;padding:2rem;background:radial-gradient(circle at 90% 0,#518fac55,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff09 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#ffffff09 40px),#0d3d65;color:white;gap:1.5rem}
.journal-card-placeholder>span{font-size:.65rem;letter-spacing:.14em}.journal-card-placeholder .journal-placeholder-title{font-size:2rem;letter-spacing:-.02em;line-height:1.15;white-space:pre-line}
.journal-empty{text-align:center;border:1px solid #dce5e9;border-radius:18px;padding:2.5rem 1.5rem 3rem;background:radial-gradient(ellipse at center,#eaf3f780,transparent 70%),#f5f8f8}
.journal-empty-symbol{width:78px;height:78px;color:#4b7c92;margin:0 auto 1.3rem}
.journal-empty .journal-kicker{justify-content:center;font-size:.63rem;color:#49778a;margin-bottom:.7rem}
.journal-empty h3{font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.2;color:var(--blue-950);margin:.5rem 0}
.journal-empty>p:not(.journal-kicker){max-width:440px;margin:1rem auto 1.4rem;color:var(--text-700);font-size:.98rem}
.journal-text-link{font-weight:700;color:var(--blue-900);font-size:.9rem;display:inline-flex;gap:1.5rem;align-items:center}
.journal-cta{padding:2.8rem 3rem;margin-bottom:4rem;background:var(--blue-950);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:2rem;color:#fff}
.journal-cta .journal-kicker{color:#bfd9ed;font-size:.65rem}.journal-cta h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15;margin:.7rem 0 1rem}
.journal-cta p:last-child{color:#cbddea;margin:0}.journal-cta .btn{flex-shrink:0;background:#fff;color:var(--blue-950);gap:1.8rem;box-shadow:none}
@media(max-width:1000px){.journal-hero-grid{gap:2rem}.journal-hero{padding:3rem 0 2rem}.journal-hero-image{min-height:430px}.journal-page .blog-card-featured .blog-card-copy{padding:1.7rem}}
@media(max-width:760px){.journal-hero-grid{grid-template-columns:1fr}.journal-hero h1{font-size:clamp(2.8rem,8vw,4.5rem)}.journal-hero-image{min-height:340px}.journal-hero-copy{max-width:580px}.journal-explore{margin-bottom:1.5rem}.journal-hero-image>img{object-position:center 45%}.journal-page .blog-list-heading{align-items:flex-start;flex-direction:column;gap:1.2rem}.journal-page .blog-search{max-width:none;width:100%}.journal-page .blog-card-featured>a{grid-template-columns:1fr}.journal-page .blog-card-featured .journal-card-media{min-height:280px}.journal-cta{flex-direction:column;align-items:flex-start;padding:2rem}.journal-page .blog-list-section{padding-top:2rem}}
@media(prefers-reduced-motion:reduce){.journal-page .blog-card,.journal-page .blog-card img,.journal-explore>span{transition:none}.journal-page .blog-card:hover,.journal-page .blog-card:hover img,.journal-explore:hover>span{transform:none}}