/* Editorial journal: deliberately distinct from the service card grid. */
#tin-tuc.journal-section { position:relative; padding-block:80px; background:#f8f5ef; border-block:1px solid #d9cdbb; }
.journal-masthead { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid #baa078; color:#7c684b; }
.journal-masthead>span { font-size:10px; letter-spacing:2px; }
.journal-wordmark { display:flex; align-items:center; gap:13px; font-size:11px; letter-spacing:2.4px; font-weight:500; }
.journal-wordmark .line-icon { width:18px; height:18px; }
.journal-wordmark i { height:15px; width:1px; background:#b8a180; }
.journal-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:65px; padding-block:35px 30px; }
.journal-heading h2,.journal-heading h1 { margin:0; font:500 clamp(34px,3.7vw,47px)/1.22 var(--font-display); letter-spacing:-1px; max-width:680px; }
.journal-heading h2 em { color:#8a6e45; font-weight:400; }
.journal-heading>p { color:var(--muted); font-size:14px; line-height:1.9; max-width:380px; justify-self:end; margin:0 0 4px; }
.journal-tools { display:flex; align-items:center; gap:22px; padding:18px 0 23px; border-top:1px solid #d8cdbd; }
.journal-category { display:flex; align-items:center; gap:13px; min-width:0; }
.journal-category>span { font-size:11px; color:#786a58; white-space:nowrap; }
.journal-category select { max-width:270px; min-height:44px; padding:10px 32px 10px 12px; border:1px solid #d1c2ad; border-radius:2px; background:#fffdf9; font:12px var(--font-body); color:var(--ink); }
.journal-tools .news-count { margin:0; min-height:0; font-size:11px; }
.journal-tools .news-search { margin-left:auto; width:270px; border-radius:2px; min-height:44px; }
.journal-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:45px; }
.journal-feature { grid-column:1/-1; display:grid; grid-template-columns:1.08fr 1fr; min-width:0; background:#233135; color:#fff; margin-bottom:28px; border:1px solid #334143; }
.journal-feature-image { display:block; position:relative; min-height:360px; overflow:hidden; }
.journal-feature-image>img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; transition:transform .5s; }
.journal-image-label { position:absolute; bottom:25px; left:25px; padding:9px 13px; background:#fffcf2ed; color:#655037; font-size:9px; letter-spacing:1.5px; }
.journal-feature-copy { display:flex; flex-direction:column; align-items:flex-start; padding:34px 38px; min-width:0; }
.journal-kicker { color:#d4b989; font-size:9px; letter-spacing:2px; margin:0 0 25px; }
.journal-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; font-size:10px; line-height:1.7; color:#857253; }
.journal-meta>span+span { border-left:1px solid #c6b799; padding-left:12px; color:#84868a; }
.journal-feature .journal-meta { color:#dbc5a2; }
.journal-feature .journal-meta>span+span { color:#b9c1c1; border-color:#63716e; }
.journal-feature h3 { font:500 clamp(25px,2.2vw,31px)/1.4 var(--font-display); letter-spacing:-.35px; margin:17px 0 16px; }
.journal-feature h3 a { color:#fff; }
.journal-excerpt { font-size:13px; line-height:1.85; color:#c6cece; margin:0 0 25px; }
.journal-read { display:flex; align-items:center; justify-content:space-between; width:100%; gap:20px; margin-top:auto; padding-top:18px; border-top:1px solid #63716e; font-size:12px; color:#e4d0ad; }
.journal-arrow { display:grid; place-items:center; width:29px; height:29px; border:1px solid #bda784; border-radius:50%; font-size:18px; line-height:1; transition:background .2s,color .2s; flex:0 0 29px; }
.journal-row { padding:25px 0; border-top:1px solid #d8cdbb; min-width:0; }
.journal-row-link { display:grid; grid-template-columns:118px minmax(0,1fr); gap:21px; height:100%; }
.journal-row-image { overflow:hidden; height:144px; background:#e7dfd2; }
.journal-row-image img { height:100%; width:100%; object-fit:cover; transition:transform .4s; }
.journal-row-copy { min-width:0; display:flex; flex-direction:column; }
.journal-row h3 { font:500 19px/1.5 var(--font-display); letter-spacing:-.25px; color:#243235; margin:9px 0; }
.journal-row-copy>p { color:var(--muted); font-size:12px; line-height:1.8; margin:0 0 12px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.journal-row-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; }
.journal-row-foot>span:first-child { font-size:8px; letter-spacing:1.2px; color:#9b896c; }
.journal-row .journal-arrow { width:25px; height:25px; flex-basis:25px; font-size:15px; }
.journal-row-link:hover h3 { color:#9a7440; }
.journal-row-link:hover .journal-arrow,.journal-read:hover .journal-arrow { background:#cbb38d; color:#233135; }
.journal-row-link:hover img,.journal-feature-image:hover img { transform:scale(1.04); }
#tin-tuc a:focus-visible,#tin-tuc select:focus-visible,#tin-tuc input:focus-visible { outline:2px solid #b5905e; outline-offset:4px; }
.journal-empty { grid-column:1/-1; padding:45px 25px; text-align:center; border-block:1px solid #d8cdbb; }
.journal-empty h3 { font:500 26px/1.4 var(--font-display); margin:15px 0; }
.journal-empty>p:last-child { font-size:14px; color:var(--muted); }
@media(max-width:1000px) {
  .journal-heading { gap:35px; }
  .journal-feed { column-gap:30px; }
  .journal-feature-copy { padding:28px; }
  .journal-feature-image { min-height:330px; }
  .journal-row-link { grid-template-columns:94px minmax(0,1fr); gap:16px; }
  .journal-tools { flex-wrap:wrap; gap:14px; }
}
@media(max-width:800px) {
  #tin-tuc.journal-section { padding-block:55px; }
  .journal-heading { grid-template-columns:1fr; gap:18px; }
  .journal-heading>p { justify-self:start; max-width:550px; }
  .journal-tools .news-count { order:3; width:100%; }
  .journal-tools .news-search { flex:1; width:auto; min-width:200px; }
  .journal-feature { grid-template-columns:1fr; }
  .journal-feature-image { min-height:0; aspect-ratio:1.8; }
  .journal-feature-copy { padding:28px 30px; }
  .journal-feed { grid-template-columns:1fr; }
  .journal-row-link { grid-template-columns:135px minmax(0,1fr); }
  .journal-row-image { height:140px; }
}
@media(max-width:520px) {
  #tin-tuc.journal-section { padding-block:42px; }
  .journal-masthead { padding-bottom:17px; gap:10px; }
  .journal-wordmark { font-size:9px; gap:8px; letter-spacing:1px; }
  .journal-masthead>span { font-size:8px; letter-spacing:1px; }
  .journal-heading { padding-block:26px 23px; }
  .journal-heading h2 { font-size:34px; letter-spacing:-.7px; }
  .journal-heading>p { font-size:13px; }
  .journal-category { width:100%; }
  .journal-category select { flex:1; max-width:none; min-width:0; }
  .journal-tools .news-search { flex-basis:100%; margin:0; min-width:0; }
  .journal-tools .news-count { font-size:10px; }
  .journal-image-label { left:17px; bottom:17px; font-size:8px; }
  .journal-feature-copy { padding:25px 22px; }
  .journal-feature h3 { font-size:26px; }
  .journal-kicker { margin-bottom:19px; }
  .journal-feature { margin-bottom:17px; }
  .journal-row { padding:21px 0; }
  .journal-row-link { grid-template-columns:92px minmax(0,1fr); gap:15px; }
  .journal-row-image { height:124px; }
  .journal-row h3 { font-size:17px; line-height:1.45; }
  .journal-row .journal-meta { font-size:9px; gap:3px 7px; }
  .journal-row .journal-meta>span+span { padding-left:7px; }
  .journal-row-copy>p { display:none; }
  .journal-row-foot>span:first-child { font-size:7px; letter-spacing:.7px; }
}
@media(prefers-reduced-motion:reduce) {
  .journal-feature-image>img,.journal-row-image img,.journal-arrow { transition:none; }
  .journal-row-link:hover img,.journal-feature-image:hover img { transform:none; }
}
/* Homepage shows a small rotating selection; the directory holds the full archive. */
#tin-tuc.journal-teaser { padding-block:40px; }
.journal-teaser .journal-masthead { padding-bottom:14px; }
.journal-all { display:flex; gap:12px; align-items:center; font-size:11px; color:#786044; }
.journal-all:hover { color:var(--red); }
.journal-teaser .journal-heading { grid-template-columns:1fr auto; gap:20px; align-items:center; padding-block:20px; }
.journal-teaser .journal-heading h2 { font-size:32px; line-height:1.3; }
.journal-teaser .journal-heading h2 a { color:#233135; }
.journal-teaser .journal-heading h2 em { display:inline-block; margin-left:16px; font-size:25px; }
.journal-playback { display:flex; align-items:center; gap:7px; }
.journal-playback>span { color:#8b7658; font-size:10px; margin-right:8px; min-width:43px; }
.journal-playback button { width:30px; height:30px; border:1px solid #d4c5ae; background:transparent; color:#67563e; border-radius:50%; cursor:pointer; font-size:14px; }
.journal-playback button:hover { background:#e9dfd0; }
.journal-playback button:focus-visible { outline:2px solid #b5905e; outline-offset:3px; }
.journal-teaser .journal-feed { column-gap:28px; }
.journal-teaser .journal-window { overflow:hidden; padding:4px; margin:-4px; }
.journal-teaser .journal-feature { grid-template-columns:1fr 1.15fr; margin-bottom:18px; }
.journal-teaser .journal-feature-image { min-height:250px; }
.journal-teaser .journal-feature-copy { padding:22px 28px; }
.journal-teaser .journal-kicker { margin-bottom:12px; font-size:8px; }
.journal-teaser .journal-feature h3 { font-size:25px; line-height:1.4; margin:10px 0; }
.journal-teaser .journal-excerpt { font-size:12px; line-height:1.75; margin-bottom:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.journal-teaser .journal-read { padding-top:12px; font-size:11px; }
.journal-teaser .journal-image-label { left:18px; bottom:18px; font-size:8px; }
.journal-teaser .journal-row { padding:17px 0 0; }
.journal-teaser .journal-row-link { grid-template-columns:92px minmax(0,1fr); gap:16px; }
.journal-teaser .journal-row-image { height:104px; }
.journal-teaser .journal-row h3 { font-size:17px; line-height:1.45; margin:7px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.journal-teaser .journal-row-copy>p { display:none; }
.journal-teaser .journal-row-foot { margin-top:auto; }
.journal-directory .breadcrumb { margin:0 0 25px; }
.journal-directory .journal-heading .eyebrow { font-size:10px; margin:0 0 12px; color:#927347; }
@media(max-width:1000px) {
  .journal-teaser .journal-heading h2 em { display:block; margin-left:0; font-size:22px; }
  .journal-teaser .journal-feature h3 { font-size:23px; }
  .journal-teaser .journal-feature-copy { padding:22px; }
}
@media(max-width:800px) {
  .journal-teaser .journal-feature { grid-template-columns:1fr 1.1fr; }
  .journal-teaser .journal-feature-image { min-height:250px; aspect-ratio:auto; }
  .journal-teaser .journal-kicker { display:none; }
  .journal-teaser .journal-feature h3 { font-size:21px; }
  .journal-teaser .journal-heading h2 { font-size:29px; }
  .journal-teaser .journal-feed { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
  .journal-teaser .journal-row-link { grid-template-columns:70px minmax(0,1fr); gap:12px; }
  .journal-teaser .journal-row h3 { font-size:15px; }
  .journal-teaser .journal-row .journal-meta>span+span { display:none; }
}
@media(max-width:520px) {
  #tin-tuc.journal-teaser { padding-block:28px; }
  .journal-teaser .journal-heading { grid-template-columns:1fr auto; gap:10px; padding-block:16px; }
  .journal-teaser .journal-heading h2 { font-size:26px; }
  .journal-teaser .journal-heading h2 em { display:none; }
  .journal-teaser .journal-playback>span { display:none; }
  .journal-teaser .journal-playback { gap:5px; }
  .journal-teaser .journal-playback button { height:28px; width:28px; }
  .journal-teaser .journal-feature { grid-template-columns:1fr; margin-bottom:2px; }
  .journal-teaser .journal-feature-image { min-height:0; height:120px; }
  .journal-teaser .journal-feature-copy { padding:16px 18px; }
  .journal-teaser .journal-feature h3 { font-size:20px; margin-block:8px 10px; }
  .journal-teaser .journal-excerpt { display:none; }
  .journal-teaser .journal-read { padding-top:10px; }
  .journal-teaser .journal-image-label { bottom:13px; left:13px; padding:6px 9px; }
  .journal-teaser .journal-feed { grid-template-columns:1fr; }
  .journal-teaser .journal-row { padding-top:10px; margin-top:10px; }
  .journal-teaser .journal-row-link { grid-template-columns:70px minmax(0,1fr); }
  .journal-teaser .journal-row-image { height:72px; }
  .journal-teaser .journal-row h3 { font-size:16px; margin-block:4px; }
  .journal-teaser .journal-row-foot>span:first-child { display:none; }
  .journal-teaser .journal-row .journal-arrow { width:20px; height:20px; flex-basis:20px; font-size:13px; }
  .journal-teaser .journal-row-foot { display:none; }
  .journal-directory .journal-heading h1 { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) { .journal-teaser .journal-feature { animation:none; } }
/* Direct gestures do not create invisible click targets over article links. */
.gesture-surface .journal-feature-image,.gesture-surface .hero-slides { touch-action:pan-y pinch-zoom; cursor:grab; user-select:none; -webkit-user-drag:none; }
.gesture-surface[data-dragging] .journal-feature-image,.gesture-surface[data-dragging] .hero-slides { cursor:grabbing; }
.gesture-surface .journal-feature-image::before,.gesture-surface .journal-feature-image::after { position:absolute; z-index:2; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:34px; height:46px; border-radius:4px; background:#1d292bb3; color:#fff; font:22px/1 var(--font-body); pointer-events:none; opacity:0; transition:opacity .2s; }
.gesture-surface .journal-feature-image::before { content:'‹' / ''; left:12px; }
.gesture-surface .journal-feature-image::after { content:'›' / ''; right:12px; }
.gesture-surface[data-hover-direction="left"] .journal-feature-image::before,.gesture-surface[data-hover-direction="right"] .journal-feature-image::after { opacity:1; }
@media(prefers-reduced-motion:reduce) { .gesture-surface .journal-feature-image::before,.gesture-surface .journal-feature-image::after { transition:none; } }