/* Home: The Journal, one compact editorial row between the help tiles and the promise bar */
.kns{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,3fr);align-items:stretch;gap:0;padding:0!important;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.kns-head{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px 22px;border-right:1px solid var(--line);background:linear-gradient(160deg,var(--surface),var(--paper))}
.kns-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--red-text);font:800 10.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.kns-kicker span{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(163,25,42,.5);animation:knsDot 2s ease-out infinite}
@keyframes knsDot{70%,100%{box-shadow:0 0 0 7px rgba(163,25,42,0)}}
body .kns-head h2{margin:0;color:var(--ink)!important;font:500 24px/1.1 var(--serif)!important;letter-spacing:-.02em}
.kns-head h2 em{color:var(--red-text);font-style:italic}
.kns-head a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--ink-2);font-size:12.5px;font-weight:700;text-decoration:none}
.kns-head a .i{width:14px;height:14px;transition:transform .2s}
.kns-head a:hover{color:var(--red-text)}
.kns-head a:hover .i{transform:translateX(3px)}
.kns-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.kns-list li{min-width:0}
.kns-list li+li{border-left:1px solid var(--line)}
.kns-list a{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;height:100%;padding:14px 16px;color:var(--ink);text-decoration:none;transition:background .25s}
.kns-list a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.kns-list a:hover{background:var(--paper)}
.kns-list a:hover::after{transform:none}
.kns-img{position:relative;width:64px;height:64px;overflow:hidden;border-radius:10px;background:var(--photo,#ece6dc)}
.kns-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .3s}
.kns-list a:hover .kns-img img{transform:scale(1.08);filter:none}
.kns-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.kns-meta{display:flex;align-items:center;gap:7px;color:var(--ink-2);font-size:11px}
.kns-meta b{color:var(--red-text);font:800 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.kns-meta i{width:3px;height:3px;border-radius:50%;background:var(--line-strong)}
.kns-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:500 16px/1.25 var(--serif);letter-spacing:-.01em}
.kns-go{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;color:var(--ink-2);transition:background .25s,border-color .25s,color .25s,transform .25s}
.kns-go .i{width:14px;height:14px}
.kns-list a:hover .kns-go{border-color:var(--red);background:var(--red);color:#fff;transform:rotate(-45deg)}
@media(max-width:1100px){.kns{grid-template-columns:1fr}.kns-head{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px}.kns-head a{margin:0}}
@media(max-width:800px){.kns-list{grid-template-columns:1fr}.kns-list li+li{border-left:0;border-top:1px solid var(--line)}.kns-go{display:none}.kns-list a{grid-template-columns:56px minmax(0,1fr)}.kns-img{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.kns-kicker span{animation:none}}

/* v2: brand-red label panel with a real button, bigger photos, a visible "Read story" on every item */
.kns{grid-template-columns:minmax(230px,.8fr) minmax(0,3fr);border:0;box-shadow:0 0 0 1px var(--line),0 18px 40px -30px rgba(31,28,24,.45)}
.kns-head{gap:6px;padding:22px 24px;border-right:0;color:#fbf4ea;background:radial-gradient(90% 130% at 20% 0%,#b82734 0%,#9e1b26 45%,#6f1019 100%)}
.kns-kicker{color:#f3d9a8}
.kns-kicker span{background:#f3d9a8;animation:none}
body .kns-head h2{color:#fdf7ee!important;font-size:28px!important}
.kns-head h2 em{color:#f3d9a8}
.kns-head a.kns-all{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:42px;margin-top:10px;padding:0 18px;border-radius:var(--r-sm,8px);background:#fbf4ea;color:#5b1019;font-size:14px;font-weight:800;box-shadow:0 10px 20px -12px rgba(0,0,0,.6);transition:background .2s,transform .2s}
.kns-head a.kns-all:hover{background:#fff;color:#5b1019;transform:translateY(-1px)}
.kns-head a.kns-all .i{width:16px;height:16px}
.kns-list a{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px 18px}
.kns-img{width:112px;height:84px;border-radius:9px}
.kns-copy{gap:5px}
.kns-copy strong{font-size:16.5px;line-height:1.25}
.kns-read{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:var(--red-text);font-size:13px;font-weight:700}
.kns-read .i{width:14px;height:14px;transition:transform .2s}
.kns-list a:hover .kns-read .i{transform:translateX(4px)}
.kns-list a:hover .kns-copy strong{color:var(--red-text)}
@media(max-width:1100px){.kns-head{flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:18px}.kns-head a.kns-all{margin:0 0 0 auto}}
@media(max-width:800px){.kns-list a{grid-template-columns:96px minmax(0,1fr)}.kns-img{width:96px;height:72px}}

/* v3: no white. The whole row is dark lacquer like the tiles around it; the red label panel stays */
.kns{background:radial-gradient(80% 140% at 70% 0%,#3a2520 0%,#1f1512 55%,#150e0c 100%);box-shadow:inset 0 0 0 1px rgba(230,200,143,.16),0 18px 40px -26px rgba(20,8,6,.8)}
.kns-list li+li{border-left-color:rgba(230,200,143,.14)}
.kns-list a{color:#f6ecdf}
.kns-list a:hover{background:rgba(255,255,255,.04)}
.kns-list a::after{background:#e6c88f}
.kns-img{box-shadow:0 0 0 1px rgba(230,200,143,.25),0 12px 22px -12px rgba(0,0,0,.8);background:#2a1d19}
.kns-meta{color:#a8978a}
.kns-meta b{color:#e6c88f}
.kns-meta i{background:rgba(230,200,143,.4)}
.kns-copy strong{color:#fdf7ee}
.kns-list a:hover .kns-copy strong{color:#f3d9a8}
.kns-read{color:#f3d9a8}
@media(max-width:800px){.kns-list li+li{border-top-color:rgba(230,200,143,.14)}}