/* ══════════════════════════════════════════
   RESTORED: FILES & INVESTIGATIONS (STRICT SPEC)
   ══════════════════════════════════════════ */
.two-feat { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; margin-bottom: 26px; }
.feat-main { background: #fff; border-radius: 9px; overflow: hidden; border: 1px solid #e5e7eb; cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.08); transition: box-shadow .2s; }
.feat-main img { width: 100% !important; height: 240px !important; object-fit: cover !important; display: block; }
.feat-body { padding: 16px 18px 18px; }
.feat-title { font-size: 18px; font-weight: 800; line-height: 1.5; color: #111; margin-bottom: 9px; }
.feat-ex { font-size: 13px; color: #4b5563; line-height: 1.7; margin-bottom: 12px; }
.feat-meta { display: flex; align-items: center; justify-content: space-between; font-size: 11.5px; color: #9ca3af; padding-top: 10px; border-top: 1px solid #e5e7eb; }

.feat-stack { display: flex; flex-direction: column; gap: 12px; }
.fs-row { background: #fff; border-radius: 9px; overflow: hidden; border: 1px solid #e5e7eb; display: flex; box-shadow: 0 1px 4px rgba(0,0,0,.08); transition: transform .2s; cursor: pointer; padding: 0 !important; align-items: stretch !important; }
.fs-row:hover { transform: translateY(-2px); }
.fs-row img { width: 88px !important; height: 80px !important; object-fit: cover !important; flex-shrink: 0; margin: 0 !important; border-radius: 0 !important; }
.fs-body { padding: 8px 12px !important; display: flex; flex-direction: column; justify-content: center; flex: 1; }
.fs-title { font-size: 13px; font-weight: 700; line-height: 1.5; color: #374151; margin: 0; }
.fs-meta { font-size: 11px; color: #9ca3af; display: flex; align-items: center; gap: 4px; }

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .two-feat {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .feat-main img {
        height: 200px !important;
    }
    
    .feat-title {
        font-size: 16.5px;
    }
    
    .feat-ex {
        display: none; /* Hide excerpt on mobile for compactness */
    }
    
    .fs-row img {
        width: 100px !important;
        height: 85px !important;
    }
    
    .fs-title {
        font-size: 14px; /* Slightly larger for readability on touch */
    }
}