.syuk-journal-hero{background:linear-gradient(115deg,#e8f5fe,#f7fbff);padding:85px 0 92px;border-bottom:1px solid #d9e9f4}
.syuk-journal-hero h1{font-size:clamp(46px,5.5vw,82px);color:#0c274b;font-weight:620;letter-spacing:-.05em;line-height:1.09;margin:15px 0}
.syuk-journal-hero h1 em{font-style:normal;color:#268be1}
.syuk-journal-hero p{max-width:630px;font-size:17px;line-height:1.65;color:#526a81}
.syuk-journal-section{padding:80px 0 96px;background:#fff}
.syuk-journal-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 27px}
.syuk-journal-heading h2{font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.045em;margin:8px 0}
.syuk-journal-heading a{font-size:14px;color:#276da7;display:inline-flex;align-items:center;gap:6px}
.syuk-journal-featured,.syuk-journal-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.syuk-journal-card{display:flex;flex-direction:column;align-items:start;min-height:290px;background:#f8fbff;border:1px solid #dce9f3;padding:27px;border-radius:17px;transition:border-color .15s,transform .15s}
.syuk-journal-card:hover{border-color:#5fa8e8;transform:translateY(-2px)}
.syuk-journal-card-icon{display:grid;place-items:center;width:48px;height:48px;color:#1d76cc;background:#e8f4fd;border-radius:12px;margin-bottom:19px}
.syuk-journal-card>span{font-size:11px;letter-spacing:.09em;font-weight:800;color:#2a80c2}
.syuk-journal-card h3{font-size:23px;letter-spacing:-.025em;line-height:1.3;margin:10px 0;color:#112f50}
.syuk-journal-card p{font-size:14px;line-height:1.55;color:#58728b;margin:0 0 23px}
.syuk-journal-card strong{display:flex;align-items:center;gap:8px;color:#1479c7;font-size:13px;margin-top:auto}
.syuk-journal-posts-heading{margin-top:64px}
.syuk-journal-post{border:1px solid #dce9f3;border-radius:14px;padding:24px}
.syuk-journal-post>span{font-size:12px;color:#6885a0}
.syuk-journal-post h3{font-size:22px;margin:12px 0}.syuk-journal-post p{font-size:14px;color:#647b90}
.syuk-journal-disclaimer{margin-top:40px;font-size:12px;color:#71849b}
@media(max-width:850px){.syuk-journal-featured,.syuk-journal-posts{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.syuk-journal-featured,.syuk-journal-posts{grid-template-columns:1fr}.syuk-journal-section{padding:45px 0}.syuk-journal-hero{padding:56px 0}.syuk-journal-heading{align-items:start;flex-direction:column}.syuk-journal-card{min-height:245px}}
